<aside class="msg message"><span class="msg-symbol">!</span><div class="msg-content">
<p data-line="1" class="code-line">この記事は <a href="https://qiita.com/advent-calendar/2025/crowdworks" target="_blank" rel="nofollow noopener noreferrer">クラウドワークス グループ Advent Calendar 2025</a> シリーズ 2 の 1 日目の記事です。</p>
</div></aside>
<h2 id="%E6%A6%82%E8%A6%81" data-line="4" class="code-line">
<a class="header-anchor-link" href="#%E6%A6%82%E8%A6%81" aria-hidden="true"></a> 概要</h2>
<p data-line="6" class="code-line">2025 年 11 月 18 日、Google より Gemini 3 と同時に Antigravity という AI エディタの発表がありました。</p>
<p data-line="8" class="code-line">Antigravity の主な特徴は、<code>Editor</code> と <code>Agent Manager</code> という 2 つの大きなウィンドウで構成されていることです。開発者は <code>Editor</code> で従来の AI アシスタントやサジェストを活用した開発を行いながら、バックグラウンドでは <code>Agent Manager</code> を用いて各ワークスペースでのエージェントのタスク実行を非同期に行えるようになっています。</p>
<p data-line="10" class="code-line"><code>Editor</code> は VS Code を fork した馴染みのある画面となっており、既存の開発環境からスムーズに移行できる設計となっています。一方、<code>Agent Manager</code> は全く新しい画面で、エージェントオーケストレーション用として設計されています。開発者は各 Workspace や Task で動作している複数のエージェントを非同期に管理・操作することが可能です。</p>
<p data-line="12" class="code-line">また、<a href="https://chromewebstore.google.com/detail/eeijfnjmjelapkebgockoeaadonbchdd?utm_source=item-share-cb" target="_blank" rel="nofollow noopener noreferrer">Antigravity Browser Extension</a> という Chrome 用拡張機能をインストールすることで、エージェントによる自動ブラウジングが可能となります。</p>
<p data-line="14" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__968ccf59c6ec7" src="https://embed.zenn.studio/card#zenn-embedded__968ccf59c6ec7" data-content="https%3A%2F%2Fchromewebstore.google.com%2Fdetail%2Feeijfnjmjelapkebgockoeaadonbchdd%3Futm_source%3Ditem-share-cb" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://chromewebstore.google.com/detail/eeijfnjmjelapkebgockoeaadonbchdd?utm_source=item-share-cb" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://chromewebstore.google.com/detail/eeijfnjmjelapkebgockoeaadonbchdd?utm_source=item-share-cb</a></p>
<h2 id="%E5%B0%8E%E5%85%A5" data-line="16" class="code-line">
<a class="header-anchor-link" href="#%E5%B0%8E%E5%85%A5" aria-hidden="true"></a> 導入</h2>
<p data-line="18" class="code-line">Google Antigravity を始めるには、<a href="https://antigravity.google/download?hl=ja" target="_blank" rel="nofollow noopener noreferrer">公式サイトのダウンロードページ</a>から、使用している OS に対応したインストーラをダウンロードします。</p>
<p data-line="20" class="code-line">インストール後の初回起動時には、エージェントの動作設定を行います。特に大きな設定項目は以下の 2 つです。</p>
<p data-line="22" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__3f3a077d0e6e3" src="https://embed.zenn.studio/card#zenn-embedded__3f3a077d0e6e3" data-content="https%3A%2F%2Fantigravity.google%2Fdownload%3Fhl%3Dja" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://antigravity.google/download?hl=ja" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://antigravity.google/download?hl=ja</a></p>
<h3 id="%E3%83%A2%E3%83%BC%E3%83%89%E9%81%B8%E6%8A%9E" data-line="24" class="code-line">
<a class="header-anchor-link" href="#%E3%83%A2%E3%83%BC%E3%83%89%E9%81%B8%E6%8A%9E" aria-hidden="true"></a> モード選択</h3>
<p data-line="26" class="code-line">エージェントへ与える権限や自律性のレベルを選択します。選択肢は以下の 4 つです。</p>
<ul data-line="28" class="code-line">
<li data-line="28" class="code-line">
<strong>Agent-driven development（エージェント駆動）</strong>: エージェントが主導的に開発を進めます</li>
<li data-line="29" class="code-line">
<strong>Agent-assisted development（エージェント補助）</strong>: エージェントが開発をサポートします（推奨設定）</li>
<li data-line="30" class="code-line">
<strong>Review-driven development（レビュー駆動）</strong>: Antigravity のレビュー機能を主に利用した開発となります</li>
<li data-line="31" class="code-line">
<strong>Custom configuration（カスタム設定）</strong>: 詳細な設定を個別にカスタマイズします</li>
</ul>
<h3 id="%E5%90%84%E3%83%9D%E3%83%AA%E3%82%B7%E3%83%BC%E8%A8%AD%E5%AE%9A" data-line="33" class="code-line">
<a class="header-anchor-link" href="#%E5%90%84%E3%83%9D%E3%83%AA%E3%82%B7%E3%83%BC%E8%A8%AD%E5%AE%9A" aria-hidden="true"></a> 各ポリシー設定</h3>
<p data-line="35" class="code-line">選択したモードに応じて、それぞれのポリシーでエージェントにどのような権限を与えるか、またはユーザへの確認を求めるかを設定します。</p>
<ul data-line="37" class="code-line">
<li data-line="37" class="code-line">
<strong>Terminal execution policy（コマンド実行ポリシー）</strong>: ターミナルでのコマンド実行に関する設定です</li>
<li data-line="38" class="code-line">
<strong>Review policy（レビューポリシー）</strong>: レビュー頻度に関する設定です</li>
<li data-line="39" class="code-line">
<strong>JavaScript execution policy（JavaScript 実行ポリシー）</strong>: JavaScript コードの実行に関する設定です</li>
</ul>
<h2 id="agent-manager-%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6" data-line="41" class="code-line">
<a class="header-anchor-link" href="#agent-manager-%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6" aria-hidden="true"></a> Agent Manager について</h2>
<p data-line="43" class="code-line"><code>Agent Manager</code>には大まかに２つのメニューが存在し、以下それぞれ簡単に解説します。</p>
<h3 id="workspaces" data-line="45" class="code-line">
<a class="header-anchor-link" href="#workspaces" aria-hidden="true"></a> <code>Workspaces</code>
</h3>
<p data-line="47" class="code-line">ローカルでのディレクトリやリモート接続先を指定し、ワークスペースに対して複数の会話を開始することができます。</p>
<h3 id="playground" data-line="49" class="code-line">
<a class="header-anchor-link" href="#playground" aria-hidden="true"></a> <code>Playground</code>
</h3>
<p data-line="51" class="code-line">作業場が特に存在せず、まだアイデア段階であろうと指示を出しエージェントに実行させることが可能です。あとからワークスペース化することもできます。</p>
<h2 id="%E9%96%8B%E7%99%BA%E3%81%AE%E6%B5%81%E3%82%8C" data-line="53" class="code-line">
<a class="header-anchor-link" href="#%E9%96%8B%E7%99%BA%E3%81%AE%E6%B5%81%E3%82%8C" aria-hidden="true"></a> 開発の流れ</h2>
<p data-line="55" class="code-line">Antigravity での開発は、エージェントとの対話を中心に進んでいきます。ここでは、実際にタスクを依頼してから完了するまでの一連の流れを見ていきましょう。</p>
<h3 id="1.-%E3%82%BF%E3%82%B9%E3%82%AF%E3%81%AE%E4%BE%9D%E9%A0%BC" data-line="57" class="code-line">
<a class="header-anchor-link" href="#1.-%E3%82%BF%E3%82%B9%E3%82%AF%E3%81%AE%E4%BE%9D%E9%A0%BC" aria-hidden="true"></a> 1. タスクの依頼</h3>
<p data-line="59" class="code-line">まず、Agent Manager でタスクをエージェントへチャットで依頼します。例えば「Todo アプリを作成して」「ログイン機能を追加して」といった自然言語での指示が可能です。</p>
<h3 id="2.-%E8%A8%88%E7%94%BB%E6%9B%B8%E3%81%AE%E4%BD%9C%E6%88%90" data-line="61" class="code-line">
<a class="header-anchor-link" href="#2.-%E8%A8%88%E7%94%BB%E6%9B%B8%E3%81%AE%E4%BD%9C%E6%88%90" aria-hidden="true"></a> 2. 計画書の作成</h3>
<p data-line="63" class="code-line">依頼を受けたエージェントは、以下の 2 つのドキュメントを自動生成します。</p>
<ul data-line="65" class="code-line">
<li data-line="65" class="code-line">
<strong>Implementation Plan（実装計画書）</strong>: タスクの全体像や実装方針をまとめたドキュメント</li>
<li data-line="66" class="code-line">
<strong>Task（タスク進捗管理）</strong>: 具体的な作業項目とその進捗状況を管理するドキュメント</li>
</ul>
<p data-line="68" class="code-line">これらのドキュメントにより、エージェントがどのように作業を進めるのかを事前に確認することができます。</p>
<h3 id="3.-%E5%AE%9F%E8%A3%85%E3%81%A8%E3%83%86%E3%82%B9%E3%83%88" data-line="70" class="code-line">
<a class="header-anchor-link" href="#3.-%E5%AE%9F%E8%A3%85%E3%81%A8%E3%83%86%E3%82%B9%E3%83%88" aria-hidden="true"></a> 3. 実装とテスト</h3>
<p data-line="72" class="code-line">エージェントは <code>Task</code> に則って実装を開始します。コードの作成が完了すると、ここからが Antigravity の真価を発揮する部分です。</p>
<p data-line="74" class="code-line">通常、フロントエンド開発ではエディタで作業を行い、ブラウザで動作確認をテストするというループが繰り返されます。この確認作業では、同じような操作や入力が何度も行われることとなり、開発者にとって大きな負担となっています。</p>
<p data-line="76" class="code-line"><strong>Antigravity は Chrome 拡張機能を利用して、この繰り返し作業を自動化します。</strong> エージェントが自動でブラウザを立ち上げ、実際にアプリケーションを操作して機能テストを実行します。テストが失敗した場合は、エージェントが自動で修正を行い、再度テストを実行するというサイクルを繰り返します。</p>
<h3 id="4.-%E3%83%AC%E3%83%93%E3%83%A5%E3%83%BC%E7%94%A8%E3%83%AC%E3%83%9D%E3%83%BC%E3%83%88%E3%81%AE%E7%94%9F%E6%88%90" data-line="78" class="code-line">
<a class="header-anchor-link" href="#4.-%E3%83%AC%E3%83%93%E3%83%A5%E3%83%BC%E7%94%A8%E3%83%AC%E3%83%9D%E3%83%BC%E3%83%88%E3%81%AE%E7%94%9F%E6%88%90" aria-hidden="true"></a> 4. レビュー用レポートの生成</h3>
<p data-line="80" class="code-line">すべてのテストが成功すると、作業報告書 <code>Walkthrough</code> が生成されます。この Walkthrough には以下の情報が含まれています。</p>
<ul data-line="82" class="code-line">
<li data-line="82" class="code-line">テスト実行時のスクリーンショット</li>
<li data-line="83" class="code-line">操作の録音データ</li>
<li data-line="84" class="code-line">実装の詳細説明</li>
</ul>
<p data-line="86" class="code-line">開発者はこのレポートを確認し、自然言語でレビューを行うことができます。</p>
<p data-line="88" class="code-line"><img src="https://res.cloudinary.com/zenn/image/fetch/s--6gmrgrVe--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_1200/https://storage.googleapis.com/zenn-user-upload/deployed-images/2c8d88c28603ac2f387849f3.png%3Fsha%3Da640433a50b8286fed7dbc29feb231e0d628b5eb" alt="Google Antigravityが自動生成する分析作業報告書（Walkthrough）のインターフェース。報告書には「目的」「実施した手順」「調査結果」のセクションが含まれ、特に「調査結果」ではThree.jsライブラリが使用されていることが指摘されています。下部には、AntigravityのWebサイトが表示されたスクリーンショットが添付されており、エージェントが実行した手順と結果が確認できる詳細なドキュメントであることが分かります。" class="md-img" loading="lazy"></p>
<p data-line="90" class="code-line">特に便利なのが、スクリーンショットに対して範囲を指定してコメントできる機能です。気になる部分を直接指摘することで、エージェントに正確なフィードバックを伝えることができます。</p>
<p data-line="92" class="code-line"><img src="https://res.cloudinary.com/zenn/image/fetch/s--GYyBkf4p--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_1200/https://storage.googleapis.com/zenn-user-upload/deployed-images/03ffe1e22af12073cc6ad505.png%3Fsha%3D4215d4772bb4874bd2646e57d172940fe38b9d53" alt="Google Antigravityのレビュー機能のデモンストレーション画面。キャッチフレーズ「Experience liftoff...」の横に、特定範囲がハイライトされ、コメント入力用のボックスが開いている様子を示しており、エージェントへの直接フィードバックが可能です。" class="md-img" loading="lazy"></p>
<h3 id="5.-%E6%88%90%E6%9E%9C%E7%89%A9%E3%81%AE%E7%A2%BA%E8%AA%8D" data-line="94" class="code-line">
<a class="header-anchor-link" href="#5.-%E6%88%90%E6%9E%9C%E7%89%A9%E3%81%AE%E7%A2%BA%E8%AA%8D" aria-hidden="true"></a> 5. 成果物の確認</h3>
<p data-line="96" class="code-line">最後に、<code>Artifact</code> セクションで生成されたファイルの一覧を確認できます。変更されたファイルや新規作成されたファイルをここから確認し、必要に応じてさらなる修正を依頼することも可能です。</p>
<p data-line="98" class="code-line">このように、Antigravity は実装からテスト、レビューまでの開発サイクル全体をエージェントと協力しながら進めることができる、新しいスタイルの開発環境となっています。</p>
<h2 id="%E5%B0%91%E3%81%97%E6%B0%97%E3%81%AB%E3%81%AA%E3%81%A3%E3%81%9F%E9%83%A8%E5%88%86" data-line="100" class="code-line">
<a class="header-anchor-link" href="#%E5%B0%91%E3%81%97%E6%B0%97%E3%81%AB%E3%81%AA%E3%81%A3%E3%81%9F%E9%83%A8%E5%88%86" aria-hidden="true"></a> 少し気になった部分</h2>
<p data-line="102" class="code-line"><code>Generating...</code>や<code>Waiting...</code>といったエージェントの作業時間が少し長めに感じることが多かったです。</p>
<p data-line="104" class="code-line">また Gemini 3 Pro(high)や Claude Sonnet 4.5 などのモデルを使用した際に、体感早めのタイミングでクォータが枯渇した旨のエラーメッセージが表示されることが多かったです。</p>
<p data-line="106" class="code-line">とはいえまだ Public preview で無料利用できるため、仕方がない部分ではあるのかなと思いました。</p>
<h2 id="%E7%B5%82%E3%82%8F%E3%82%8A%E3%81%AB" data-line="108" class="code-line">
<a class="header-anchor-link" href="#%E7%B5%82%E3%82%8F%E3%82%8A%E3%81%AB" aria-hidden="true"></a> 終わりに</h2>
<p data-line="110" class="code-line">現在、Cursor や Windsurf、GitHub Copilot など AI が統合された IDE は群雄割据の状態となっています。その中でもブラウザ操作まで自動化し、新しい開発サイクルを提案する Google Antigravity には大きな魅力を感じました。</p>
<p data-line="112" class="code-line">コードを直接書くことから離れつつあることに寂しさを感じる部分もありますが、間違いなくこれからの開発スタイルの先駆けとなっていくでしょう。</p>
<p data-line="114" class="code-line">現在は Public Preview でどなたでも試しやすいタイミングです。この機会にぜひ利用してみてください。</p>


Google Antigravity ざっくり解説

Discussion