Antigravityとは？導入からアプリ生成までの手順

この記事の結論
・Google発の「Antigravity」は、AIが自律的に計画・実行・修正を行う次世代のエージェント型エディタ

・VS Code互換で移行しやすく、プロンプトで指示するだけでWebアプリの自動生成が可能

・安全に利用するためには「Agent Mode」での権限管理と、作業用フォルダによる環境隔離が必須

Googleが開発した新しいAIエディタ「Antigravity」が注目を集めています。

従来のコード補完ツールとは異なり、AIが自律的に計画を立ててアプリ開発を行う「エージェント型」の機能を持つのが最大の特徴です。

本記事では、「Antigravityとは何か」という基礎知識から、実際のインストール方法、そしてプロンプトだけでWebアプリを自動生成するまでの手順をステップバイステップで解説します。

特に、初心者が迷いやすい「Agent Mode（権限設定）」やセキュリティ対策についても詳しく触れています。

この記事を見ながら操作を進めれば、安全な環境でAIによるアプリ開発を再現できます。

検討段階で活用できる｜無料モック作成！

AIを活用したプロダクトやWebアプリの作成・導入を検討しているものの、構想が抽象的なまま、具体化できていない企業も多いのではないでしょうか。

BuzzAIMediaでは、そういった企業向けに、モック（画面イメージや構成案）を無料作成する支援を行っています。

興味がある法人様は以下のバナーよりお申し込みください。

Antigravityとは？Google発の「AIエージェント」開発環境

Antigravityとは、Googleが提供するAI搭載型のコードエディタです。

Visual Studio Code（VS Code）をベースに開発されており、Googleの高性能AIモデル「Gemini」が組み込まれています。

単なるコード補完にとどまらず、AIがエンジニアのように自律してタスクを遂行する点が画期的です。

VS Code互換の「Editor View」とAI管理「Manager View」の違い

Antigravityの画面は、大きく2つのビュー（表示モード）で構成されています。

• Editor View（エディタービュー）
  開発者がコードを直接記述・編集するための画面です。VS Codeとほぼ同じインターフェースを採用しているため、既存のVS Codeユーザーであれば違和感なく操作できます。
• Manager View（マネージャービュー）
  AIエージェントに対して指示を出し、その作業状況を管理するための専用画面です。チャット形式で依頼を投げると、AIがどのような手順で作業を進めるかをここに表示します。

開発者はManager Viewを通じてAIと対話し、実際のコーディングを任せることができます。

Gemini 3モデルによる「自律的なコーディング」の特徴

Antigravityには、GoogleのGemini 3モデルが搭載されています。このAIは以下のプロセスを自律的に行います。

• 計画（Plan）：ユーザーの指示を理解し、必要なファイル作成やコード変更の手順をリストアップする。
• 実行（Action）：計画に基づき、実際にファイルの作成やコードの書き込みを行う。
• 修正（Fix）：エラーが発生した場合、自ら原因を分析して修正案を提示する。

従来の「次に書くコードを提案する」機能とは異なり、「目的を達成するために必要な作業全体を代行する」点が大きな違いです。

Antigravityのダウンロードから初期設定までの手順

まずはAntigravityをPCに導入し、使える状態にするまでの手順を解説します。

公式サイトからのインストーラー入手とインストール

1. 公式サイトへアクセス
   Antigravityの公式サイトへアクセスし、トップページにある「Download」ボタンをクリックします。
2. OSの選択
   Windows、macOS、Linuxの中から、使用しているOSに合ったインストーラーを選択してダウンロードします。
3. インストーラーの実行
   ダウンロードしたファイルを開き、画面の指示に従ってインストールを進めます。基本的にはデフォルト設定のまま「Next」をクリックして進めて問題ありません。

GoogleアカウントログインとVS Code設定の引き継ぎ

初回起動時には、初期設定ウィザードが表示されます。

1. Googleアカウントでログイン
   「Sign in with Google」をクリックし、普段使用しているGoogleアカウントでログインします。これによりGeminiモデルへのアクセスが可能になります。
2. 設定のインポート（Import Settings）
   「Import from VS Code」というオプションが表示されます。これを選択すると、PCにインストールされているVS Codeのテーマ、キーバインド、拡張機能などの設定を引き継ぐことができます。

複数のプロファイルがある場合は「Default」を選択してください。

日本語化パックの導入手順（任意）

AntigravityのUIは標準では英語ですが、VS Code互換であるため日本語化パックが利用できます。

1. 拡張機能メニューを開く
   画面左側のサイドバーにあるブロック崩しのようなアイコン（Extensions）をクリックします。
2. Japanese Language Packを検索
   検索バーに「Japanese」と入力し、「Japanese Language Pack for Visual Studio Code」を探します。
3. インストールと再起動
   「Install」ボタンをクリックします。インストール完了後、右下に表示される「Change Language and Restart」をクリックすると、メニューが日本語化されます。

【最重要】安全に使うためのAgent Modeと権限設定

AIに自律的な操作を許可するため、セキュリティ設定が非常に重要です。

意図しないファイル操作を防ぐための設定を必ず行ってください。

AIエージェント・AIシステム開発ならKAGEMUSHA！

株式会社KAGEMUSHAが提供する自律型AIエージェントは、定型業務の自動化から複雑なタスク進行まで、一連の業務フローをAIが主体的に遂行します。

社内データを統合した高い業務理解度と、現場オペレーションに合わせた柔軟なカスタマイズが強みです。

導入直後から成果が見える運用設計も特徴で、「何から自動化できるのか」を資料で詳しく解説しています。こちらのバナーから無料でダウンロードしてください。

Agent Modeのポリシー設定（ターミナル・承認・JavaScript）

Manager Viewの設定メニューから「Agent Mode」を開き、以下のポリシーを設定します。

• Terminal execution（ターミナル実行権限）
  AIがコマンドを実行する際の権限です。初級者は「Ask for approval（承認を求める）」または「Review every time（毎回確認）」に設定することを推奨します。
• File modification（ファイル変更権限）
  AIによるファイル書き換えの権限です。慣れるまでは確認画面が出る設定にしておくと安心です。

情報漏洩を防ぐ「.antigravityignore」ファイルの作成

AIに読み込ませたくないファイル（パスワードやAPIキーなど）を指定するために、プロジェクトのルートディレクトリに.antigravityignoreというファイルを作成します。

1. ファイルの作成
   エクスプローラーエリアで右クリックし、「新しいファイル」を選択して.antigravityignoreという名前で保存します。
2. 除外設定の記述
   ファイル内に、AIに見せたくないファイル名を記述します（例：.env、secrets.json、id_rsaなど）。

これにより、AIはこれらのファイルの中身を参照できなくなります。

作業用フォルダの準備と環境隔離のポイント

AIによる誤操作で既存の大切なファイルを消してしまわないよう、専用のフォルダを用意します。

1. 新規フォルダの作成
   デスクトップやドキュメントフォルダ内に「Antigravity_Projects」などの名前で空のフォルダを作成します。
2. フォルダを開く
   Antigravityのメニューから「File」>「Open Folder」を選択し、作成した空フォルダを開きます。

必ずこの「隔離された空のフォルダ」の中で作業を開始するようにしてください。

実践手順：プロンプトだけでWebアプリを自動生成する

環境が整ったら、実際にAIを使ってWebアプリを作成します。ここでは例として「ToDoリストアプリ」を作成します。

Step1：Manager Viewでのプロンプト入力と指示出し

まず、画面上の切り替えボタン、またはショートカットキー（Ctrl+I または Cmd+I）でManager Viewを表示します。

チャット欄に以下の指示を入力し、送信します。

「Reactを使って、シンプルなToDoリストアプリを作成してください。タスクの追加、削除、完了チェックができるようにしてください。デザインはモダンで清潔感のあるものにしてください。」

Step2：AIが作成した「計画（Plan）」の確認と承認

AIは指示を受けると、まず「Plan（計画）」を提示します。

1. 手順の確認
   画面に「1. Reactプロジェクトの作成」「2. コンポーネントの作成」といった手順が表示されます。
2. 承認（Approve）
   内容に問題がなければ、「Approve」または「Run」ボタンをクリックします。これによりAIが実際の作業を開始します。

Step3：自動生成されたアプリのプレビューと動作確認

AIがコードを書き終えると、自動的にローカルサーバーを立ち上げようとします。

画面右側、または別ウィンドウで内蔵ブラウザが開き、作成されたアプリが表示されます。

実際にタスクを追加したり、削除ボタンを押したりして、指示通りに動くか確認してください。

Step4：追加プロンプトによる修正と機能追加

一度で完璧なものができなくても問題ありません。対話形式で修正します。

Manager Viewのチャット欄に「削除ボタンを赤色にしてください」などの修正指示を入力します。

AIが再度コードを修正し、プレビューが自動的に更新されます。このサイクルを繰り返して完成度を高めます。

よくあるエラー・トラブルと解決策

操作中に発生しやすいトラブルとその対処法をまとめます。

アプリのプロセス停止・再起動の方法

アプリの動作がおかしい場合や、別のアプリを作りたい場合はプロセスを停止します。

• 停止方法
  ターミナル画面（画面下部）をクリックし、Ctrl + C を押すとサーバーが停止します。
• ポート競合
  「Port 3000 is already in use」というエラーが出た場合は、別のターミナルでサーバーが動いたままになっている可能性があります。

「Do you trust…」等の警告ポップアップが出た場合

ファイルを開いた際などに「Do you trust the authors of the files in this folder?」という警告が出ることがあります。

自分で作成したフォルダ（前述の作業用フォルダ）であれば、「Yes, I trust the authors」を選択してください。これにより、エディタの全機能が有効になります。

AIが意図しないファイルを削除・変更してしまったら

AIが誤って必要なコードを消してしまった場合の復旧方法です。

1. タイムライン（Timeline）の確認
   エクスプローラーで該当ファイルを右クリックし、「Timeline」または「Local History」を選択します。
2. 過去バージョンの復元
   変更前の時刻の履歴を探し、内容を元に戻します。

誤操作が続く場合は、Agent Modeの設定で「File modification」を「Review every time」に変更してください。

まとめ

Antigravityとは、GoogleのGeminiを搭載し、計画から実装までを自律的に行う次世代のAIエディタです。

本記事で解説した手順の要点は以下の通りです。

• 導入：公式サイトからインストールし、VS Codeの設定を引き継ぐことでスムーズに開始できます。
• 安全確保：「Agent Mode」での権限設定と「.antigravityignore」によるファイル除外は必須です。
• 実践：Manager Viewで指示を出し、Planを承認して実行するサイクルでアプリを生成します。

まずは空のフォルダを用意し、簡単なWebアプリの生成から試してみてください。

AIエージェントとの対話に慣れることで、開発効率を劇的に向上させることができます。

AIエージェント・AIシステム開発ならKAGEMUSHA！

株式会社KAGEMUSHAが提供する自律型AIエージェントは、定型業務の自動化から複雑なタスク進行まで、一連の業務フローをAIが主体的に遂行します。

社内データを統合した高い業務理解度と、現場オペレーションに合わせた柔軟なカスタマイズが強みです。

導入直後から成果が見える運用設計も特徴で、「何から自動化できるのか」を資料で詳しく解説しています。こちらのバナーから無料でダウンロードしてください。