GEMINI – Kabikira Log

Flutter Extension for Gemini CLIが発表されていたので、
https://blog.flutter.dev/meet-the-flutter-extension-for-gemini-cli-f8be3643eaad
同じプロンプトを与えてドメインと画像制限ブラウザアプリを作らせて比較してみる実験をやってみた。

作りたいブラウザアプリの機能

設定画面で制限するドメインを決める
そのドメインにアクセスするには、なぜ使用するのかを明記して30秒待たなければいけない
ブラウザに画像、動画を表示させないモード設定
ブラウザ画面がカラーフィルターでグレーアウトを調整できる設定

Gemini CLIの準備

GoogleがFlutter作ってるからいい感じになるか？と期待して試してみた。

Gemini CLIのインストール

https://github.com/google-gemini/gemini-cli

brew install gemini-cli

brew install gemini-cli

/planモードのカスタムコマンド追加

参考

Flutter extensionのインストール

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

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

GeminiにMCP追加

とりあえずserenaとdartを追加

{
  "ide": {
    "enabled": true,
    "hasSeenNudge": true
  },
  "security": {
    "auth": {
      "selectedType": "oauth-personal"
    }
  },
  "mcpServers": {
    "dart": {
      "command": "dart",
      "args": [
        "mcp-server"
      ]
    },
    "serena": {
      "command": "uvx",
      "args": [
        "--from", "git+https://github.com/oraios/serena",
        "serena-mcp-server",
        "--context", "ide-assistant",
        "--enable-web-dashboard", "false",
        "--project", "${PWD}"
      ]
    }
  }
}

{
  "ide": {
    "enabled": true,
    "hasSeenNudge": true
  },
  "security": {
    "auth": {
      "selectedType": "oauth-personal"
    }
  },
  "mcpServers": {
    "dart": {
      "command": "dart",
      "args": [
        "mcp-server"
      ]
    },
    "serena": {
      "command": "uvx",
      "args": [
        "--from", "git+https://github.com/oraios/serena",
        "serena-mcp-server",
        "--context", "ide-assistant",
        "--enable-web-dashboard", "false",
        "--project", "${PWD}"
      ]
    }
  }
}

mcp確認

プロンプトの準備

以下のプロンプトを書いたファイルを読み込みアプリ実装計画を立てる

yoken.md
business.md
flutter_rule.md

GeminiはFlutter extensionの/create-appコマンドを使って実行した。

結果比較

Codex (gpt-5-codex high)

エージェントモードで試したときは手直しなしでいい感じに動いた。

できたもの

グレーアウト機能 ✅ 動作OK
画像制限機能 ✅ 動作OK
ドメイン制限機能 ⚠️ YouTubeに解除してるのにアクセスできなかったりして完璧ではないけど、おおむね動く(これはflutter_inappwebviewではサポートしきれないかも)

Gemini CLI

実装中にパッケージの依存関係が解決できず手直しが必要だった。