Google AntigravityでNanobananaの画像付きWebサイトを作ってみた

この動画から学べること

  • Google Antigravityの概要と機能:

    • Googleが開発したテキストエディターであり、自律型AIエージェントを主体とする開発プラットフォームであることを理解できます。ウェブサイトやアプリケーションのプログラミングコードを扱うために設計されています。

  • 利用可能なAIモデル:

    • Antigravity上でGemini 3 Pro、Claude Sonnet 4.5、OpenAIのGPT OSなどのモデルを使用する方法。

  • 自律的なウェブサイト作成手順:

    • AIに対して指示を出すだけで、ウェブサイトのファイル(HTML、CSS、JavaScriptなど)をローカルフォルダ内に自動的に作成させる方法。

  • 高度な作業進行:

    • タスク一覧を作成しながら作業を進める「プランニング」推論パターンを活用する方法。

  • API経由での画像生成:

    • Antigravity上でナノバナナ(Gemini 3の画像生成機能)がエラーで使えない場合に、Google AI StudioのAPIキーとPythonプログラムを組み合わせて、重量課金形式で強制的に画像生成を行うための環境構築と実行方法。

  • ワイヤーフレームの活用:

    • Figmaなどで用意したワイヤーフレーム画像をアップロードし、そのデザインを完全に再現するようにAIにコーディングさせる方法。

  • 自律的な確認と修正:

    • AIが「ブラウザーユーズ」機能や「ビジョン機能」を使い、自動的に生成されたサイトを確認し、エラーや抜けを自律的に修正していく流れ。

次へ

【革命的‼️】Google最新デザインAI「Stitch」神アプデ!超使えるようになったので徹底解説