投稿する
📚 Google Antigravityで作るMCP連携チャットアプリ開発講座

Google Antigravityを活用したAIアプリ開発実践:環境再開とデバッグ

第4回公開収録講座として、AIエージェント「Anti-Gravity」を使用し、中断していた開発作業の現状把握からサーバー起動、エラー対処までのフローを実演解説します。

学習ポイント

  • AIエージェントに対して「現在の進捗状況」を確認し、開発のコンテキストを再同期する方法
  • サーバーが起動しない、またはプレビューが表示されない際のエラー対処と指示出しのコツ
  • APIキーなどの機密情報を安全に扱うための注意点と、AIとの効率的な対話プロセス

今回の講義では、AIエージェント「Anti-Gravity」を活用し、中断していたアプリケーション開発を再開する一連の流れを解説します。開発の現場でよく起こる「どこまで作業したか忘れた」という問題を、AIとの対話を通じて解決しながら進めます。

現状把握とエージェントへの指示

作業を再開する際は、まず「Open Agent Manager」を開き、エージェントに対して「現在の状況を教えてください」と自然言語で指示を出すことが有効です。これにより、AIがこれまでの実装内容を要約し、次に行うべきタスク(API接続や環境設定など)を明確に提示してくれます。手動でコードを追いかけるよりも、対話によって現状を再同期する方が効率的です。

サーバー起動とプレビューの確認

エージェントに「サーバーを立ち上げてください」と指示を出すだけで、複雑なDocker設定やコマンド操作なしに開発環境が起動します。もしローカルホスト(ポート3000など)でプレビューが表示されない場合は、ポートの重複やサービス停止が原因であることが多いため、エージェントに「新しいポートで起動して」や「エラー内容を解決して」と具体的に指示して修正を試みます。

ChatGPTとの連携による指示書の強化

Anti-Gravity単体で開発を進めるだけでなく、ChatGPTに指示書(プロンプト)の作成や見直しを依頼する「二刀流」を推奨します。特にSupabase MCP(Model Context Protocol)の接続など、専門的な知識が必要な箇所では、ChatGPTに役割を分割して指示を作成させることで、トークン使用量を抑えつつ、より精緻な実装が可能になります。

セキュリティ上の注意点

開発中、AnthropicやOpenAIのAPIキー、Supabaseのシークレットキーを扱う場面がありますが、これらは絶対に公開したりAIに不用意に渡したりしないよう管理を徹底する必要があります。漏洩すると第三者に多額の費用を請求されるリスクがあるため、環境変数など適切な秘匿化を行うことが不可欠です。

紹介されたツール・サービス:

  • Anti-Gravity (AI Agent Manager)

  • ChatGPT (指示書の作成・添削用)

  • Claude API / OpenAI API

  • Supabase (Backend/Database)

  • Vercel (Deployment)