取り組みの背景
Flutter と Kotlin を使用したモバイルアプリ開発は、クロスプラットフォーム対応(iOS/Android)とネイティブ機能のバランスが重要です。しかし、従来のコード生成ツールではこのバランスが取れず、開発者は手動でBoilerplateコードを書く羽目になっていましました。
Google Antigravity と AgentKit 2.0 は、このジレンマを完全に解決します。Antigravity を使って Flutter + Kotlin の高性能アプリを 3~4 週間で完成させる実践ワークフロー を順を追って整理していきます。
Antigravity の強み
Antigravity(Gemini 3.1 Pro搭載)は以下を実現します:
- Dart 最新仕様への完全対応: Records(Dart 3.0)、Patterns(Dart 3.0+)の自動補完
- Kotlin + MethodChannel の自動ボイラープレート: 平均 80% の自動生成率
- Flutter 状態管理パターンの学習: Provider + Riverpod + GetX の複合使用シーン対応
- Firebase・プラグイン統合: flutterfire_cli との連携による自動設定
実際のプロジェクトでは、開発時間を 40~50% 削減 できます。
環境セットアップ
Step 1: Flutter SDK と Kotlin 環境の準備
# Flutter SDK インストール(3.24 以上推奨)
brew install flutter
# Android SDK インストール(API 34 推奨)
flutter doctor --android-licenses
# Kotlin 対応確認
flutter doctor -v | grep -i kotlinStep 2: Antigravity プロジェクト設定(agents.md)
新しい Flutter プロジェクトディレクトリ内に agents.md を作成:
# agents.md - Flutter + Kotlin 開発用
agents:
ui_generator:
role: "Flutter UI Architect"
instructions: |
Flutter ウィジェットを Material 3 デザイン原則に基づいて生成してください。
- StatelessWidget / StatefulWidget の判定は自動
- Responsive デザイン対応(sizeOf で条件分岐)
- Accessibility 対応(Semantics ラッパー含める)
models: [gemini-3-1-pro]
kotlin_bridge:
role: "Kotlin Native Code Specialist"
instructions: |
MethodChannel を使用した Kotlin ネイティブコード生成。
- Channel 定義(method、result、params の型チェック)
- 例外処理(try-catch)を必ず含める
- MainThread での実行確認
models: [gemini-3-1-pro]
test_generator:
role: "Quality Assurance"
instructions: |
golden_test、widget_test、integration_test を自動生成。
- Dart test フレームワーク準拠
- Mock/Stub パターンの活用
models: [gemini-3-1-pro]
firebase_orchestrator:
role: "Firebase Configuration"
instructions: |
Firebase Realtime Database、Firestore、Authentication の統合。
- flutterfire_cli との互換性確認
- Security Rules のテンプレート生成
models: [gemini-3-1-pro]Part 1: Flutter UI の高速生成
プロンプトテンプレート:ウィジェット自動生成
Antigravity のチャット欄に以下をペースト:
【UI生成タスク】
アプリケーション名: EcoTracker(環境配慮アプリ)
要件:
- ボトムタブナビゲーション(Home, History, Settings)
- Home: 日々のカーボンフットプリント記録フォーム
- 食べ物、交通、エネルギー消費のカテゴリセレクタ
- 数値入力フィールド
- 送信ボタン + 送信後のスナックバー
- History: グラフ表示(過去30日の推移)
- Settings: 言語選択、テーマ切り替え
Material 3 デザイン、Responsive(スマホ + タブレット)、日本語対応でお願いします。
状態管理: Riverpod
Antigravity は、完全な Flutter ウィジェットコードを 2~3 分 で生成します。
Part 2: Kotlin ネイティブとの統合
プロンプトテンプレート:MethodChannel 自動生成
【MethodChannel ブリッジ生成】
要件:
- 機能: デバイスのバッテリー情報取得
- チャネル名: com.example.eco_tracker/battery
- メソッド: getBatteryLevel()
- 戻り値: JSON {"level": 85, "status": "charging"}
- エラーハンドリング: 例外時は "ERROR" コード
Dart 側と Kotlin 側のコード両方生成でお願いします。
Antigravity は、型安全な Kotlin コードを例外処理と MainThread 検証付きで生成します。
Part 3: 状態管理と Firebase 統合
Riverpod プロバイダーは自動生成され、Firebase Firestore との連携も完全に設定されます。エラーハンドリングと AsyncValue による状態管理が実装されます。
Part 4: テスト自動生成
Widget テスト、Integration テスト、Golden テストが自動生成されます。Riverpod プロバイダーのモック化も完全に処理されます。
Part 5: ビルド・デプロイ
リリース用ビルド
# APK/AAB の生成
flutter build apk --release
flutter build appbundle --release
# iOS ビルド
flutter build ios --releaseAntigravity はデプロイメントチェックリストを自動生成します。
Part 6: AgentKit 2.0 による複数エージェントの並列実行
複数エージェントが同時進行で動作:
- UI Agent: 全ウィジェット生成
- Kotlin Agent: ネイティブ機能実装
- Test Agent: テストコード生成
- Firebase Agent: バックエンド設定
タイムライン:
- Week 1: UI + Kotlin + Firebase セットアップ(並列)
- Week 2: 状態管理 + テスト生成
- Week 3: 統合テスト + App Store/Play 提出
従来の 8~12 週間が 9~10 日 に短縮されます。
ベストプラクティス
1. 段階的な agents.md 進化 最初はシンプルな設定から始め、プロジェクト進行に応じて複雑化させます。
2. デイリーレビュー 毎日 15 分の Code Review を実施し、生成コードをスキャンします。
3. ホットリロード活用 ホットリロード(R キー)で UI 変更が 2~3 秒で反映されます。
完走チェックリスト
- ✓ Flutter プロジェクト構造(screens、widgets、providers、models、services)
- ✓ UI 全画面開発完了
- ✓ Kotlin ネイティブ機能(2~3 個)
- ✓ Riverpod 状態管理
- ✓ Firebase 統合
- ✓ テスト(Widget、Integration、Golden)
- ✓ iOS ビルド確認
- ✓ Android APK/AAB 生成
- ✓ App Store TestFlight 提出
- ✓ Google Play 内部テストアップロード
まとめ
Antigravity + AgentKit 2.0 を使えば、従来の 3~4 週間を 9~10 日に短縮 できます。重要なのは、AI を「魔法の杖」ではなく、専門チーム(UI エージェント、Kotlin エージェント、テストエージェント)として使うことです。
本ガイドで紹介した agents.md の設定と、プロンプトテンプレートを活用することで、品質を損なわずに開発スピードを大幅に加速させることができます。