【Flutter】Gemini CLIのFlutter拡張でスペック駆動開発!?

今回の成果物

約15分で完成した、Gemini CLI × Flutter拡張によるTODOアプリです。AIと対話するだけでここまで作れてしまうのは驚きでした。

開発環境

• macOS（Apple Mシリーズ）
• Node.js / npm
• Flutter SDK
• Gemini CLI v0.8.2
• Visual Studio Code

Flutter Extension for Gemini CLIとは

Flutter Extension for Gemini CLIは、Googleが提供しているAI開発CLIツール「Gemini CLI」にFlutter専用拡張を追加することで、AIがFlutterアプリの設計から実装まで自動生成してくれるツールです。

このツールを使うと、AIが以下のような作業を担当してくれます：

• アプリの要件をヒアリングして仕様書を自動生成
• コード生成・整形・テストを自動で実行
• Flutterプロジェクト全体を作成（flutter createすら不要！）

実際にやってみた

1. Gemini CLIのインストール

まず、Gemini CLIをnpm経由でインストールします。

npm install -g @google/gemini-cli
gemini --version
# 0.8.2

CLIが入ったら、次にFlutter拡張を導入します。

2. Flutter拡張のインストール

gemini extensions install https://github.com/gemini-cli-extensions/flutter

これでFlutter関連コマンドが使えるようになります。

3. /create-appでTODOアプリを作成

実際に試したコマンドはこれだけです。

gemini
> /create-app TODOアプリを作りたい

この一言を入力すると、Geminiが次々に質問をしてきます。

• どんな機能を持たせたいか？
• UIはどんなイメージか？
• 対応プラットフォームは？
• 状態管理に何を使うか？

といった内容を答えていくと、自動的に要件定義書（spec）が生成されます。そのspecに基づいてGeminiがコードを生成し、アプリをビルド可能な状態まで整えてくれました。

下記の二つのファイルが生成されました

(github公開しているのでそちらからの確認もできます)

• IMPLEMENTATION.md
• DESIGN.md

実際にやってみた感想

15分ほどでTODOアプリが完成してしまいました。しかも、私はFlutterコマンドを一度も叩いていません。すべてGemini CLIが代わりに実行してくれます。

• flutter create
• flutter pub get
• flutter run

といったコマンドを自分で打つことなく、Geminiが裏で進めてくれるのはちょっとした衝撃でした。

スペック駆動開発のような体験

体験して印象的だったのは、開発がまるでスペック駆動開発（Specification Driven Development）のようだったことです。

最近何かとホットなワードですね

私自身はKiroエディタを用いてスペック駆動開発をおこなっていますw

AIが質問を通じて仕様を明文化し、その仕様（spec）に沿ってコードを生成していく流れは、まさに最近流行しているAI×仕様駆動の開発プロセスを体現していますね。

• 仕様の定義 → 自動ドキュメント化
• 仕様に基づいた実装生成
• コードの一貫性が保たれる

まとめ

• /create-appコマンドだけでFlutterアプリを生成できた
• CLIが要件定義書を自動で作成してくれる
• 15分でTODOアプリが完成！
• スペック駆動開発的なワークフローが自然に体験できた

Gemini CLI × Flutter拡張は、単なるコード自動生成ではなく、「AIと共同で設計しながら開発する」体験でした。

今後は/modifyや/commitコマンドも試して、既存アプリの拡張や保守もAIと一緒に行ってみようと思います。

参考リンク

• Flutter公式ブログ: Meet the Flutter Extension for Gemini CLI
• Gemini CLI GitHubリポジトリ
• Flutter Extension for Gemini CLI GitHubリポジトリ
• Google公式ブログ: Gemini CLI extensions