【衝撃】Google Anti-Gravityで“ウェブサイトが勝手にできた!?”｜Gemini 3 × Nanobanana搭載のAI開発ツールがスゴすぎる

URLをコピーしました！

💡 一言でいうと…

Googleが新たに公開した開発プラットフォーム
**「Google Anti-Gravity（アンチグラビティ）」**が、
AIによる“自立型コーディング”の領域に突入しました。

ケトさんの検証動画では、
たった数行の指示でAIが 不動産会社風のウェブサイトを自動構築！
しかも、画像生成までGemini 3とNanobananaProを使ってやってくれるという神機能っぷり。

この記事ではその流れを、初心者でも理解できるように丁寧に解説します。

🚀 Google Anti-Gravityとは？

「AIが自分で考えて、コードを書いて、サイトを作る」
それを実現しているのがこのAnti-Gravityです。

🌐 ざっくり説明

Googleが開発中の自立型AIエージェント開発プラットフォーム
コーディング支援だけでなく、実行・テスト・修正までAIが自律的に実施
UIはVS Code（Visual Studio Code）風のテキストエディター
背景ではGemini 3 や Anthropic Claude 4.5、OpenAI GPT-4も利用可能

つまり、開発者が手を動かさなくても、
AI同士が会話してコードを組み上げてくれる「次世代の開発環境」です。

🧩 利用できるAIモデル一覧

モデル	役割	特徴
Gemini 3 Pro / 3 Pro Low	Google製の最新LLM	コーディング・画像生成に対応
Claude 4.5 (Anthropic)	高精度なテキスト処理	会話的なタスク管理が得意
GPT-4 Turbo (OpenAI)	汎用AI	文章生成・構文補完が高速

これらをタスク単位で切り替えて使うことができ、
作業スピードと精度のバランスをAIが自動で最適化してくれます。

⚙️ 実際の操作画面と流れ

Step 1. Anti-Gravityを起動

公式サイト（※動画概要欄リンク）からアプリをダウンロードして起動します。
画面は以下のような構成です👇

左：フォルダーとファイルツリー
中央：コードエディター（VS Code風）
右：AIとのチャット画面

右側でAIに指示を出すと、中央で自動的にコードが書かれていく仕組みです。

Step 2. モデルを選択して“指示チャット”を開始

画面右上のモデル一覧から「Gemini 3 Pro」を選択。
モードは「Planning（プランニング）」をおすすめ。

💬 Planningモードでは、
AIが最初に「作業タスク一覧」を作成して、
ステップごとに自動的に作業を進めてくれます。

Step 3. ウェブサイトを作るよう指示

AIチャット欄に以下のように入力：

不動産会社向けのウェブサイトを作成してください。
HTML・CSS・JavaScriptで構成してください。
画像はフォルダー内のPythonスクリプトを使って生成してください。

するとAIが…

ディレクトリを作成
index.html, style.css, script.js を生成
画像を自動生成して /img フォルダーに格納

という流れで、完全自動でウェブサイトを構築してくれます。

Step 4. 画像生成を連携する（API経由）

Gemini 3やNanobananaProで画像生成がうまく動かない場合は、
Google AI StudioのAPIキーを使って自分で設定することも可能。

以下のようなCURLコードを使ってAPI呼び出しを実行👇

curl -s -X POST https://api.google.com/gemini/v1/images:generate \
  -H "Authorization: Bearer [YOUR_API_KEY]" \
  -d '{"prompt": "不動産サイト向けの建物画像を生成"}'

✅ この方法なら、Nanobananaが一時的に使えないときも対応可能。
✅ 1枚あたり10〜20円程度の従量課金。

Step 5. 自動プレビューと修正もAIが実施

コードが完成すると、Anti-Gravityは自動でブラウザを立ち上げてプレビューします。

さらに「Vision機能」で、
サイト内の欠けた画像やレイアウト崩れを検出。
→ AIが自動的に修正を繰り返して完成度を高めてくれます。

ケトさんの動画では、
最終的に以下のような不動産サイトが完成していました👇

ヒーローヘッダー（スライドショー付き）
物件一覧ページ
お問い合わせページ
料金プラン・リソース・コミュニティなどの仮想ページ

しかも、全部ローカル環境に保存済み。
そのままFTPでサーバーにアップすれば即公開できる状態です。

🧠 実際にできたサイトの完成度

「ここまでAIがやるのか…」

と思わず唸るほどの完成度でした。

要素	状況
HTML構造	完全自動生成
CSSデザイン	レスポンシブ対応済み
画像	Gemini 3 / API経由で生成
スライド機能	JavaScriptで実装済み
調整指示	日本語でチャット送信OK

まるで「AIエンジニア」が隣でコーディングしてくれる感覚です。

💬 もし上手く動かないときのポイント

モデルを「Gemini 3 Pro」に固定する
→ 最も安定してコーディング処理が通ります。
画像生成が失敗する場合
→ API経由（Google AI Studio）に切り替える。
フォルダー指定を明確に書く
→ 「このフォルダーに保存して」と具体的に伝える。

🔍 今後の活用アイデア

アイデア	内容
💼 企業サイト	業種を指定してAIにレイアウトを作成させる
🛒 ECサイト	商品画像をGemini 3で自動生成
🎮 ゲーム開発	ロジックをAIに設計させて、UIはNノバナナで
📱 Webアプリ	ChatGPT＋Geminiを併用したAIアプリを構築

AIが「エンジニア兼デザイナー」として動く時代が、もう始まっています。

💬 よくある質問（FAQ）

Q1. 無料で使えますか？
A. 現時点では一部無料枠がありますが、モデルやAPI利用で従量課金が発生します。

Q2. 日本語で指示しても大丈夫？
A. 問題ありません。Gemini 3が自然に理解してくれます。

Q3. 作ったサイトはそのまま公開できますか？
A. はい。生成ファイルはすべてローカルに保存されるので、
　そのままサーバーにアップロードすれば運用可能です。

🎯 まとめ

ポイント	内容
🧩 Anti-Gravity	Googleの自立型AI開発環境
🧠 Gemini 3 Pro	思考・コーディング・画像生成を統合
🎨 NノバナナPro	高品質な画像生成と日本語文字描画
⚙️ 特徴	AIが自動で設計・コーディング・修正まで実施
💡 応用	ウェブ・アプリ・資料生成すべてに応用可能