本動画は、Googleが新たにリリースしたAIコーディングツール「Anti-gravity」の全貌を解説するものである。CursorやWindsurfの競合として登場したこのIDEは、複数のAIエージェントを同時に管理できる革新的な「エージェントマネージャー」機能を搭載し、開発者がコードベースを直接見ることなくプロジェクト全体を構築できる未来を示している。Windsurfの開発者たちをGoogleが24億ドルで獲得して構築されたこのツールは、ブラウザサブエージェントによる自動テスト機能、複数のLLMモデルの無料利用、アーティファクトによる開発プロセスの可視化など、従来のAIコーディングツールにはない独自の機能を備えている。実際のプロジェクト構築を通じて、エージェントの並列実行、自動UI改善、認証システムの実装といった具体的な使用例が示されており、AIエージェントがコーディングだけでなくテストや品質保証まで担う新しいパラダイムへの移行を予感させる内容となっている。
Anti-gravityの紹介とセットアップ
私の名前はデビッド・アンドレです。Anti-gravityを使って何でも構築する方法をお教えします。これはAIコーディングの未来になるかもしれません。Googleは最近、CursorやWindsurfの競合となる独自のAnti-gravityをリリースしました。
では、Anti-gravityとは何でしょうか。これはエージェントマネージャーのような革新的な新しいAIエージェント機能を備えた完全なIDEです。これは他のどのAIツールにも存在しません。この動画では、Anti-gravityのセットアップ方法、Cursorとの比較、そしてそれを使って何でも構築する方法をお見せします。ですから、最後まで必ず見てください。
Anti-gravityをインストールするには、anti-gravity.googleにアクセスするだけです。これでAnti-gravityのランディングページに移動し、素敵なグラフィックが表示されます。ダウンロードは非常にシンプルで、他のソフトウェアをマシンにインストールするのと同じです。ただし、注意すべきステップが1つあります。それがこのステップです。
Anti-gravityエージェントをどのように使用したいかという設定で、4つの異なる設定オプションが提供されます。基本的に、これらの各オプションは、AIエージェントの自律性とパワーの程度に影響します。個人的には、最も高いレベルのエージェント駆動型開発を選択することをお勧めします。これによりエージェントは基本的に何でもできるようになります。ゼロから何かを構築している場合は良いでしょう。既存のプロジェクトで作業していて、より慎重になる必要がある場合は、2番目のオプションを選択してください。
Anti-gravityの初期画面とWindsurfとの関係
これが最初に開いたときのAnti-gravityの外観です。Windsurfと非常によく似ていることがわかります。でも、それについては後ほど詳しく説明します。
まず、空のフォルダを開きましょう。はい、Anti-gravityです。プロジェクトを作成して、開きましょう。では、なぜWindsurfと奇妙なほど似ていると感じるのでしょうか。理由は2つあります。1つ目は、WindsurfとAnti-gravityはどちらも単にVS Codeのフォークだからです。
VS CodeはMicrosoftが開発したオープンソースのIDEコードエディタです。そしてオープンソースであるため、フォークして独自バージョンのVS Codeを構築できます。しかし、Anti-gravityがWindsurfとよく似ていると感じる2つ目の理由は、同じ人々によって構築されたからです。
2025年7月、Googleは24億ドルを支払ってWindsurfのトップ開発者と創業者を獲得しました。ここで明確にすることが重要ですが、Googleは会社全体を買収したわけではありません。Windsurfを買収したわけではなく、単に最高の人材を引き抜いたのです。これは非常に疑わしく物議を醸す動きで、残念ながら最近ますます目にするようになっています。MetaもScale AIの創業者に対して同じことをしました。
Anti-gravityの基本的な使い方
Anti-gravityを使用する最初の方法、これは基本的な方法ですが、Cursorを使用するのと同じように使用することです。基本的に、左側にAIがあり、右側にプロジェクトがあります。デフォルトでは反転している可能性がありますが、ご存知のように、spec.mdという名前のファイルを作成して、構築しようとしているものを説明できます。
私が構築しようとしているのは、私のアクセラレーターに参加している人々のためのアカウンタビリティダッシュボードのようなものです。そして、AIとチャットするだけです。このようなものを構築します。
しかし、それは間違いでしょう。これではAnti-gravityが提供するものの10%しか使用していないことになります。なぜなら、主な機能は実際にはエージェントマネージャーだからです。
エージェントマネージャーの革新性
エージェントマネージャーは本当にAnti-gravity内部の大きな新機能です。これがAnti-gravityを他のすべてのAIコーディングツールと異なるものにしています。エージェントマネージャーは、複数の異なるAIエージェントを一度にシンプルで明確なUIでオーケストレーションおよび制御できる新機能です。
これにより、AIコーディングの全く別のパラダイムが解放されます。文字通り、コードやコードベースを見る必要すらありません。それはクレイジーですよね。Cursorでは、自動承認してコード変更をレビューしないこともできましたが、それでもコードベースを見て、プロジェクトの構造に注意を払う必要がありました。
Anti-gravityでは、異なるAIエージェントをオーケストレーションして異なることをするよう命令するだけで、コードベース、ファイル構造、実際のプロジェクトから完全に切り離された状態を保つことができます。これは本当に未来への窓です。
エージェントマネージャーの使い方
エージェントマネージャーの仕組みを見てみましょう。これがIDEです。これがエディタです。そして、エージェントマネージャーを開くをクリックします。デフォルトでは、このような小さなウィンドウが開きます。私はフルスクリーンにするのが好きです。多くのエージェントを管理したいからです。
しかし、戻るには、右下のボタンです。エージェントマネージャーを開くとエディタを開く、これが2つを切り替える方法です。ここで多くの異なるモデルを選択できます。これは驚くべきことですよね。Gemini 3だけだと思うかもしれませんが、いいえ、現在私のお気に入りのモデルであるOPUS 4.5を使用できます。
そして、単にエージェントを派遣できます。spec.mdを読んでください、と言えます。繰り返しますが、これは私のアイデアがテキストタグと機能で説明されているファイルです、構築したいものです。
エディタにいる場合、ファイルが見えます。プロジェクトフォルダ、ディレクトリなどが見えます。しかしエージェントマネージャーでは、エージェントだけが見えます。だからspec.mdを読んで、10倍エンジニアのように実装してください、と言います。はい、平易な英語です、何もクレイジーなことはありません。このエージェントを派遣すると、動き始めます。実行中です。
別のエージェントもできます。プラスボタンで、Gemini 3に切り替えましょう。spec.mdを読んで、何が欠けているか教えてください。変更は加えないでください。短く答えてください、と言います。複数のエージェントを並列で実行しています。
別のものもできます。全く異なるモデルを使えます。Gemini Flashにしましょう。spec.mdの核心的なアイデアを1つの簡潔な段落で説明してください、と言います。そうすれば、皆さんは私が実際に何を構築しているのかわかります。
これらのエージェントが左側で実行されているのが見えます。そして今、フルスクリーンになりました。はい、核心的なアイデアは開発とアクセラレーター・アカウンタビリティダッシュボードです。参加者の進捗を監視するために設計された合理化された追跡システムです。
インボックス機能とエージェントの自律性
左側にインボックスがあります。インボックスでは、起こったすべてのことを見ることができます。文字通り10個、20個の異なるエージェントを派遣して、ランニングに行ったり、ジムに行ったり、ランチに行ったりして、戻ってくるとインボックスに何が起こっているかの明確な概要があります。
これらをクリックすると、AIエージェントに連れて行かれます。これはまだ実行中です。構築するように指示したからです。これは興味深いです。UI自体を切り替えます。私は何もしていません。完全にハンズオフです。Anti-gravityが自分でやっています。
左側にエージェントとのチャットがあり、右側にエージェントがアクションを実行しているのが見えます。今、いくつかのターミナルコマンドを実行しています。自分で承認しています。Next.jsプロジェクトを自分でセットアップしました。これはすでにCursorが必要とするものより多いです。Cursorは何度も承認を求めます。Anti-gravityはより自律的です。
これがどのように見えるか見たい場合は、エディタに行けます。エディタを開きます。ファイル構造がセットアップされています。これらすべてのものがあります。ドキュメントがあります。specはドキュメントに移動されました。非常に良いです。より明確にするためにプロジェクトを整理しています。
そして、エディタビューでも作業できます。とてもシームレスです。プロフェッショナルな開発者で、コードとファイル構造を見たい場合は、それでも横にAIを置いてそのように使用できます。しかし、完全に未来に入り込んで複数のエージェントを管理するだけにしたい場合は、エージェントマネージャーに切り替えて、ここだけで操作してください。
広告:Graphite
コードレビューは作業を遅らせるべきではありません。しかし、大規模なプルリクエストと長いレビューサイクルでは、しばしば遅れます。そこでGraphiteの出番です。これは、より良い出荷とより速いレビューを可能にするAIコードレビュープラットフォームです。
GraphiteはGraphiteエージェントでゲームを変えたと思います。これはPRページに直接組み込まれたAIレビューアーです。Graphiteエージェントは即座の会話型コードレビューを提供します。セキュリティ違反はありますかと尋ねることができ、数秒以内に理解しやすい明確な回答が得られます。
PRを開いた瞬間にロジックバグ、セキュリティ問題、パフォーマンスの問題を捕捉でき、明確な修正提案があり、ワンクリックで適用できます。Graphiteはスタックディフを可能にするため、より速いワークフローに完璧にフィットします。
1つの巨大なPRがレビューされるのを待つ代わりに、より小さな詳細なPRに分解でき、各変更が前回の上に構築されるので、他の変更がレビュー中でもコーディングを続けることができます。コンテキストスイッチングも待機もありません。
GraphiteはCLIでこのプロセスを簡単にします。ブランチをスタックし、GitHubと同期し、依存関係を自動的に管理できます。開発チームにとって、これはより小さなPR、より速いレビュー、通常のボトルネックなしでより高品質のコードを意味します。graphite.comで30日間無料で試してください。この動画のスポンサーになってくれたGraphiteに感謝します。
Anti-gravityの柔軟性とモデル選択
Anti-gravityは非常に柔軟です。子供にAK-47を与えるようなものだと言えます。何をしているかわからなければ、自分の足を撃つことになります。しかし、何をしているかわかっていれば、このツールは非常に非常に強力です。
先ほど述べたように、Anti-gravityでは思っているより多くのLLMを使用できます。Googleはこれについて非常に寛大です。GeminiモデルだけでなくGoogleは自社のモデルを強制しません。はるかに多くを提供します。
しかし、最も良い部分は、これらのモデルすべてが無料だということです。その通りです。Anti-gravityを最初にインストールすると、Cursor、Lovable、Replit、Windsurfからユーザーを奪うために非常に寛大な無料プランがあります。Googleにはお金があります。モデルを無料にしてユーザーを獲得する予算があり、まさにそれをしています。
プロのヒントですが、Opus 4.5を使い続けることをお勧めします。これは現在最高のAIモデルだと思います。しかし、フロントエンドにはGemini 3の方が良いです。バックエンドやプロジェクトのアーキテクチャにはOpusを使用してください。しかし、素敵なUIをデザインするには、Gemini 3 Proを使ってください。
エージェントマネージャーのような革新的なAI機能を除いて、ちなみにこれは表面をなぞっているだけで、Anti-gravity内にはさらに多くの素晴らしい機能があり、動画の後半で触れます。しかし、それとは別に、使い始めるもう1つの理由は、費用対効果の高いAIコーディングだということです。
Anti-gravityは無料アカウントに非常に寛大なレート制限を提供し、Gemini Proユーザーとウルトラユーザーにはさらに良い制限があります。これは実際にGoogle AIアカウントと同期されています。Gemini WebアプリまたはGoogle AI Ultraを使用している場合、私のように、同期されています。
そのため、Anti-gravity内で基本的にほぼ無制限の制限があります。使用上限が非常に寛大なため、Anti-gravityはAIで構築する際の最も費用対効果の高いオプションの1つになっています。月額20ドルでも非常に遠くまで行けます。
プロジェクトの実装とエージェントの並列実行
Anti-gravityに戻って何が起こっているか見てみましょう。エージェントはまだ実行中です。これにはOpusを使用していることを思い出してください。UIはちょっと煩わしいです。モデル間で切り替わります。
新しいエージェントを開始してモデルを変更すると、ここではFlashに切り替えられます。これはOpusで実行されていました。Opusに戻るべきですが、まあ、Anti-gravityは1か月半くらいの古さだということを理解する必要があります。だからCursorほど洗練されていません。しかし、急速に良くなっています。
プログレスバーを作成しています。すべてのフロントエンドです。右側を閉じました。UI自体を管理しています。これはオンボーディング中にエージェント駆動型開発を選択したためで、基本的にUIと変更を完全にコントロールできます。ブラウザの使用のような重要なものでない限り、許可を求めません。自分で物事を行います。
ここでエディタにいなくても何をしているかを見ることができます。エディタにいたいときは、もちろん行けます。従来の方法で変更をレビューできます。左側に、Cursorと同じように、すべての変更の差分があり、すべて承認、すべて拒否、または完全にYOLOでエージェントマネージャーにいて、エージェントを管理するだけ、大規模なテック企業のCEOのように振る舞って、多くの開発者がいて、この機能を追加、あれを削除、フロントエンドを変更、とエージェントを1つずつ派遣できます。
見せてあげましょう。私が説教することを実行します。Gemini 3 Pro Highで新しいエージェントを開始します。これはもう1つのボーナスです。推論の努力を設定できます。私の知る限り、Anti-gravity以外ではどこでも利用できません。Gemini 3 Proで推論の努力を設定できます。
Highにして、プロジェクト全体を見て、フロントエンドのデザインを改善してください。機能を変更しないでください。機能を変更しないでください。10倍デザイナーのようにフロントエンドのデザインとUI UXを改善するだけです、と言います。はい。
前のエージェントがまだ実行中の間に、このエージェントを派遣しました。Opus 4.5がメインプロジェクトを構築していて、Gemini 3を起動してフロントエンドを磨き始め、改善し始めました。
機能を変更しないでください、機能を変更しないでください、と厳しく言った理由は、私の経験からGemini 3 Proはこれらのコマンドにあまり従わないからです。本当に厳しくする必要があります。自分を繰り返す必要があります。非常に熱心で、非常にエネルギッシュです。指示していないのに物事を変更しようとします。
このエージェントはまだ実行中です。ちなみに、実行中にアーティファクトと呼ばれるものを生成していることに注意してください。実装計画のようなものです。これらは基本的に内部ドキュメントなので、何が起こっているかを見ることができます。
これを実装する計画のほぼreadmeファイルのような完全なドキュメントを作成し、プロフェッショナルな開発者のようにその計画に従っています。終了すると、このウォークスルーが提供されます。これは別のアーティファクトです。フルスクリーンにできます。これは実行したすべてのウォークスルーです。
何が構築されたか、基本的にレポートプロジェクト構造と必要なセットアップです。文字通りこれをクライアントに送信でき、何時間も何かを構築して、構築されたものの概要を示す明確なドキュメントを提供したように見えますが、すべてAnti-gravityによって行われました。
Supabaseのセットアップとデバッグ
次のステップを見てみましょう。Supabaseプロジェクトを作成して、テーブルを作成する必要があると思います。Supabase内で、無料プランから始めることができます。非常に寛大です。Anti-gravityテスト、重要ではありません。ランダムなデータベースパスワードでいいです。
真剣なプロジェクトとしてやる場合は、もちろん保存してください。しかし今はテストしているだけです。エディタモードに切り替えます。ちょっと煩わしいです。
セットアップが必要です。SQLエディタでスキーマを実行します。このファイルを開く必要があります。実際には、おそらくこれらの変更をすべて受け入れる必要があります。すべて受け入れます。
これをコピーして、SQLエディタで実行します。ここです。はい。はい。実行しないでください。もちろん、これがメインのプロダクションアプリである場合、チェックせずにランダムにSQLクエリを実行しないでください。これは新しいプロジェクトです。ゼロからセットアップしています。非常にリスクが低いです。
やりましょう。実行しました。次は何か見てみましょう。エージェントマネージャーに戻りましょう。なぜダメなんでしょう。これらのアーティファクトを閉じます。Opusに切り替えます。Opusは今本当に本当に良いです。
プロジェクトIDに基づく完全なSupabase URLが必要です。完全なSupabase URLをください。これが私のプロジェクトIDです。また、env.localファイルをどこに作成するか教えてください。
これはおそらく手動で行う必要がある数少ないステップの1つです。env.localファイルを作成することです。環境変数とシークレットをAIエージェントに公開すべきではないからです。ルートレベルにあるべきです。project local。
新しいファイルを作成します。env.local。はい。これをコピーします。そして、Supabase anonキーが必要です。これは左側のAPIキーにあり、publishableキーです。
それをコピーします。はい。これを置き換えます。保存します。繰り返しますが、APIキーは誰とも共有しないでください。この動画をアップロードする前に削除します。パスワードとして扱ってください。
完了です。プロジェクトを実行するために次に何をする必要がありますか。そして、エージェントマネージャーに切り替えましょう。
これは1つのUIの問題です。洗練されていないので、プロンプトを失いました。それをしないでください。プロジェクトを実行するために何をする必要がありますか。
これは、アクセラレーターのさまざまなメンバーの進捗を追跡するためのシンプルなダッシュボードであるべきです。すでにそれを実行しました。npm run devを実行しますが、実行するように指示します。
このコマンドを実行して、ブラウザを開いてテストしてください。これは、Anti-gravityにブラウザサブエージェントと呼ばれるものがあり、実際にブラウザを開いてナビゲートできるからです。ウェブサイトをテストできます。これは本当にバイブコーディングの次のパラダイムです。現在、他のアプリにはこれがありません。Casterには何かありますが、それほどネイティブではありません。
最初にサーバーを起動しました。いいえ、いいえはありません。そしてそれがあります。自分で開きました。何も受け入れる必要はありませんでした。何もする必要はありませんでした。最高レベルの自律性があり、オンボーディング中だったので、自分で開きました。しかし、おそらく後で変更できます。
何が起こっているか見てみましょう。サーバーが実行中です。ページを開かせてください。再生が利用可能です。再生も見ることができます。ページが正しく機能していることを確認します。
テストの記録まで行います。ここでは、ページが読み込まれることをチェックする以外、何もしませんでした。しかし、アカウントを作成したら、テストを開始するように指示することもできます。
今はこれを閉じることができます。はい。それから新しいエージェントができます。プラス。spec.mdを読んで、コードベース全体を検査してください。すべてが完全かつ適切に実装されていることを確認してください。短く答えてください。
実装されているかどうか再確認します。その間に、Anti-gravityをカスタマイズする方法をお見せしましょう。右下に行くと、Anti-gravity設定があります。おそらく私のウェブカメラの下にあります。
それをクリックして、詳細設定に行きます。ここでエージェントをカスタマイズでき、ターミナルコマンド、アーティファクト、基本的にどのくらいの自律性、どのくらいのパワーを持っているかです。ブラウザでも他のものをカスタマイズできます。エディタでも同様です。
しかし実際には詳細設定は必要ありません。カスタマイゼーションに行く必要があります。ここにルールがあります。これがシステムプロンプトを設定する方法です。現在、Anti-gravityはagents.md規約に従っていません。agents.mdファイルを作成しても従いません。残念ですが、Googleは変更すると思います。gemini.mdには従います。
必要に応じて、新しいファイルを作成してgemini.mdという名前を付け、指示をここに入力すると、それに従います。ただし、ワークスペースごとまたはグローバルにここでルールを作成することもできます。これらは異なるワークフローで、スラッシュを入力するだけです。
これはClaudeのコマンドと非常に似ています。スラッシュでレビュー、スラッシュで機能追加、スラッシュでデバッグ、どんなワークフローでも、Claudeのコードからここにコピーペーストできます。
しかし、ルールはグローバルルールとプロジェクトルールにも分かれています。自分で検出したことがわかります。このプロジェクトを非常にシンプルに保つと言えます。大まかなMVPであるべきです。これでユーザーがこれを過剰に設計したくない、過度に複雑にしたくないことがわかります。
これがカスタム指示を設定する方法で、非常に重要です。デフォルトでAnti-gravityは非常に冗長で、非常に長い回答を提供するからです。だからこれをグローバル指示として入れましたが、変更方法がわかりました。
繰り返しますが、右下のAnti-gravity設定をクリックして、カスタマイゼーションをクリックすると、左側にこのタブが開きます。
アーティファクトとコメント機能
Anti-gravityを使用していると、時々これらのアーティファクトが出力されることに気付くでしょう。これはエージェントの進捗を示すマークダウンのタスクリストかもしれません。先ほど見たような実装計画かもしれません。ちなみに、時々これらのグラフで非常に視覚的です。
しかし、マークダウンの生テキストであろうと、グラフであろうと、スクリーンショットであろうと、録画であろうと、どんな形式であっても、実際にドキュメントに直接コメントしてフィードバックを与えたり、さらに進む前にエージェントを修正したりできます。
たとえば、エージェントマネージャーに再度行き、実際にコードを実装したものに行くと、ウォークスルーがアーティファクトであることがわかります。右側に開き、タスクがありました。タスク、はい、別のアーティファクトです。各行にコメントできるアイコンが見えます。
このようにフィードバックを与えることができます。この実装計画もアーティファクトで、コメントを入力して、すべて実装してくださいと言えば、コメントを見ます。プロンプトのより良い方法です。
これはGeminiであるべきものに戻りましょう。そして、どのエージェントがどのモデルだったかを覚えていないのが本当に好きではありません。見てみましょう。
今、自分たちで読み込むと、うーん、問題は、これは何ですか。これはUIです。ログインページにコントラストを追加する必要があります。そうしないと、ユーザーはテキストがどこで背景がどこかわかりません。
言おうとしていたのは、すべてのテストを委任すべきではないということです。ブラウザサブエージェントがあり、ブラウザを使用でき、クリックでき、ボタンをテストでき、さまざまなフィールドに記入することもできますが、アプリ自体を使用する必要があります。
そうしないと、何が起こったのかわかりません。すでにコーディング部分を委任しているからです。コーディングエージェント、Bolt、Codex、Cursorがコーディングに優れていて、すべてのコーディングを任せることができ、アプリを構築できることは、2025年にすでに確立されています。
しかし今、Anti-gravityでは、テスト、アプリの実際の使用さえも委任できます。これは非常に危険です。アプリとのタッチポイントがゼロであれば、どんな感じか、どのように見えるか、何もわかりません。
ですから、テストの委任には非常に慎重になります。ブラウザサブエージェントはまだ初期段階です。かなりバグがあります。Anti-gravityを使用したい場合は、エージェントマネージャーと、複数のエージェントを並列で実行することがいかに簡単かに本当に焦点を当てます。それぞれが異なることをします。
これを再読み込みしましょう。ログインページを更新しました。しかし、本当には更新されていません。npm run dev。そこです。良くなりました。しかしまだ非常にバイブコーディングされています。
スーパーウィスパーを使います。はい。しかしまだ非常にバイブコーディングされた感じです。もっとユニークな個性を与えてください。このスタイルは非常にデフォルトです。非常に主流です。もっとユニークで、もっと斬新である必要があります。
すべてのフロントエンドをもう一度見直して更新してください。個性があるように。ユニークなタッチがあるように。
このエージェントを開始できます。そのエージェントが実行されている間に、ブラウザサブエージェントが何であるかを説明しましょう。これはAnti-gravity内のもう1つのキラー機能だからです。
ブラウザサブエージェントの説明
ブラウザサブエージェントは、クリック、スクロール、タイピング、DOMの読み取り、スクリーンショットの撮影、基本的に人間のテスターとしてできることは何でも、ブラウザを制御する専門のモデルです。
Chromeでのみ機能し、拡張機能が必要です。青いオーバーレイがあるときにブラウザを使用していることがわかります。このオーバーレイが表示されている場合、Anti-gravityがアプリをテストしていることがわかります。
これの利点は、他のことをしているときでも機能することです。タブをフォーカスし続ける必要はありません。ウェブ上で他のことをするだけで、自分でアプリをテストし続けることができます。
使用したいときは、このポップアップが表示されます。Anti-gravityに戻ると、はい、エージェントマネージャーで、サイドバーを開きます。左下にブラウザが表示されます。これをクリックすると、ブラウザコントロール入門などと一緒にChromeが開きます。
これはセットアップした後の見た目です。しかし、初めての場合は、このように見えます。拡張機能をインストールするように求められます。ログインする必要があります。GoogleアカウントAnti-gravity制限など。しかし、最も重要なことは、この拡張機能をインストールした後、ChromeとAnti-gravityの両方を再起動する必要があることです。
そうしないと、まだインストールされていないと考え続けます。ブラウザサブエージェントの主な利点は、Anti-gravityが開発者AIエージェントだけではないということです。独自のQAテスター、品質保証テスターでもあります。
アプリを構築できるだけでなく、アプリを確認してバグがないことを確認できます。すべてをテストし、フィールドに記入し、本当に別の人の仕事をすることができます。
多くの人がこれが未来へのステップであることに気付いていません。はい、完璧ではありません。まだ初期段階です。多くのバグがあります。しかし、これは明らかに未来です。アプリのスクリーンショットやビデオ録画も撮影できます。
後で戻ってきて、アプリが使用されているときの実際の様子を見ることができます。これにより、より効果的にデバッグできます。コードだけを見る場合、レイアウトがどうなっているかを見逃すかもしれません。しかし、スクリーンショットを撮影できれば、ああ、このテキストは小さすぎるとか、これらの2つのボタンが重なっているとか、そのようなことがわかります。
スクリーンショットと録画の両方がアーティファクトとして保存されるので、後で見てフィードバックを提供できます。繰り返しますが、ブラウザサブエージェントは完璧ではありませんが、これは初期のCursorを使うようなものです。
Anti-gravityは2か月未満であることを理解する必要があります。2か月未満のときにCursorを使っていた人はいません。未来に賭けたい場合、AIエージェントがアプリを構築するだけでなく、テストもするという可能性を見ている場合、Claudeは簡単にそれができますが、アプリをテストして洗練し、バグがないことを確認する場合、Anti-gravityを始めてください。
完璧でない間、ほとんどの人が見落としている間が最高のタイミングです。時々ブラウザサブエージェントは自分で起動しません。ブラウザを開いてアプリをテストしてくださいと指示する必要があることもあります。また、あまり速くありません。
単純な変更では、ボタンが機能するかどうかをチェックするなど、自分でテストする方が良いでしょう。そして、すべてをAnti-gravityに委任するのではなく、自分でアプリをテストすることをお勧めします。
しかし、人間である自分が貴重な時間を費やす前に、AIにすべてを確認してバグを見つけてもらうのは良いことです。
プロジェクトのデバッグと認証システムの変更
終わったか見てみましょう。改装は終わりました。再読み込みしましょう。UIがよりユニークになったと思います。しかしまだ続いています。このエージェントはまだ続いています。何が起こっているか見てみましょう。Devが実行中です。
次にどのようにテストしますか。本物のメールでサインアップすべきですか。左側で、どのAIエージェントが実行中かを見ることができます。
ここに行ってテストします。Supabaseで新しいメンバーが来るのを見るべきです。今はメンバーがゼロです。それに入れます。はい。davidjra.com。マジックリンクを送信します。これがログマジックリンクになります。メールに行きます。これの多くをぼかす必要があります。
Supabase認証メールがあります。サインアップを確認します。確認をクリックします。エラーがあります。これをスクリーンショットしましょう。はい。貼り付けます。
Supabaseメールをクリックすると、このエラーが発生しました。なぜそうなるのか調査して、クリーンで最小限の修正を実装してください。繰り返しますが、他のエージェントがUIを改善している間に、これを実行できます。素晴らしいです。
複数のエージェントを管理することがエージェントとの作業の未来であることは明らかです。しかし、これは初心者向けではありません。ある意味、Anti-gravityはブラウザサブエージェントによる自動テストのため、初心者にとって良いです。
しかしある意味、Cursorよりも高度です。Claudeの使い方さえ知らない完全な初心者を連れてきてAnti-gravityを渡すと、エージェントマネージャーを活用しません。完全に迷い、エージェントが互いに戦うことになります。いつ委任するか、どのように委任するかわかりません。
しかし、Claudeのコード、Cursor、Codexで6か月以上の経験がある人を連れてきてエージェントマネージャーを渡すと、本当にダメージを与えることができます。超高速で構築できます。アイデアをすぐに実行できます。
正直なところ、Codex、OpenAI Codexが最初にこれを開拓しました。2025年4月にCodex Web UIがリリースされたときのWeb UIでです。複数のエージェントによる並列実行を発明したのは彼らでした。
しかし問題は、Codexが完全なIDEではなかったことです。Anti-gravityは完全なIDEで、アプリを構築するためにはるかに優れています。
見つかりました。val。これで解決されるはずです。戻りましょう。メールを確認します。これをワイルドカードにします。これはプロのヒントで、offコールバックだけで動作しないようにします。
そこです。これをリダイレクトURLに追加します。ローカル3000を保存します。アプリが実際に読み込まれていないので、何が起こっているかわかりません。
デバッグしてもらいます。ブラウザを開いてアプリをデバッグしてください。私には読み込まれていません。ブラウザサブエージェントが本当にどれほど強力かを見てみましょう。そこです。
ここでは機能します。なぜChromeでは機能するのに、Braveでは機能しなかったのでしょう。クレイジーです。アプリをテストしています。localhost 3000、Chromeでテストするからです。はい。マジックリンクを送信します。
ところで、このUIはまだ好きではありません。言います。このフロントエンドのデザインスタイルはまだ好きではありません。完全に別のものに完全に変更してほしいです。
マジックリンクフォトログインがあります。これをコピーします。クリーンリンクをコピーします。ここに貼り付けます。エラー拒否。エラー説明。わかりません。これはクレイジーです。Braveでは全く機能しません。
別のことをします。アプリを変更して、マジックリンクを使用せず、Supabase認証を使用してメールパスワードだけにできますか。これがはるかに良いと思います。コードに入って完全に変更して、Supabaseダッシュボード内で何をする必要があるか教えてください。コード行は少ないほど良いです。
1つのエージェントがフロントエンドを変更し、もう1つがログインを変更しています。このマジックリンクのことがわかるからです。メールパスワードだけにしませんか。Supabase内でデフォルトですでに有効になっています。
ウォークスルーアーティファクトと将来のビジョン
これらのエージェントが実行されている間に、ウォークスルーアーティファクトを説明しましょう。これはAnti-gravityで遭遇する主なアーティファクトの1つだからです。ウォークスルーは基本的に、タスクを完了した後にエージェントが行ったすべての変更の自動生成された要約です。
変更を注意深く追っていなかった場合、ほとんどのバイブコーダーがそうであるように、キャッチアップするのに本当に素晴らしいです。エージェントが構築したもののスクリーンショットと録画がほぼ常に含まれています。
もう1つ、人々が気付いていないことは、Anti-gravityには組み込みのImagenがあることです。両方ともGoogleの製品であるため、Anti-gravity内でImagen Proを無料で使用できます。これは、IDEを離れることなく、アプリのアセット、画像、アイコン、グラフを生成できることを意味します。
すべてのグラフィック、すべてのアセット、ロゴ、バナー、必要なものは何でもできます。
これらの変更は完了しました。メールパスワード認証に切り替えました。確認プロバイダーに行く必要があります。見てみましょう。オンになっています。どこで無効にできますか。より速いテストのためにメールを確認します。ああ、ここです。メールを確認します。変更を保存します。
素晴らしい。戻りましょう。他のエージェントはまだ実行中です。ちょうど終わりました。スイス国際タイポグラフィックスタイル。どのように見えるか見てみましょう。それですか。見てください、まだバイブコーディングされた感じです。ちょっとクレイジーです。
見てみましょう。David at davidree.com。まずサインアップしてみましょう。認証にいるかどうか、Supabaseをチェックする必要があるからです。いいえ、まだここにいません。メンバーです。メンバーにさえいません。
認証に行きましょう。ああ、ここにいます。自分を削除します。パスワードがないからです。サインアップ。スケッチのためです。サインアップ。ユーザーはすでに登録されています。クレイジーです。
やりましょう。認証。ああ、ここにいます。自分を削除します。パスワードがないからです。サインアップ。素晴らしい。ダミーのパスワードを使っていました。決して。
無限のレンダリングループに入っています。ああ。はい。サインアップ後にスクリーンショットを撮ります。何も起こりません。無限のリダイレクトループと黒い画面があります。なぜこうなるのか調査してください。クリーンで最小限の修正を実装してください。
修正している間に、未来についての私の論文を説明しましょう。エージェント専用に構築されたソフトウェアが登場します。つまり、AIエージェント専用のアプリ、API、さまざまなソフトウェアで、人間は決して見ません。
Anti-gravityはその未来への大きなステップです。エージェントファーストです。構築のためだけでなく、テストのためにも。すでに述べたように、コードを見ないことにはすでに慣れています。
しかしAnti-gravityでは、コードベースさえ見る必要がありません。ファイルや構造さえ見る必要がありません。何もありません。アプリさえありません。自分でアプリをテストできます。
これにより、他の会社、他の人々の他のエージェントが使用できるカスタムソフトウェアを1つのエージェントが構築する可能性が解放されます。あなたは決して見ず、他のエージェントの所有者も決して見ません。基本的にエージェントからエージェントへのソフトウェアです。
これは最初の段階に過ぎません。はるかにクレイジーにはるかに速くなります。ビジョンが見える場合は、自分を初期の人々の1人と考え、真剣に受け止めて、これらのエージェントを使い始めてください。それが唯一の方法です。
最先端にいることは、本当に手を汚して最先端のツールを使用することであり、出てきます。そのツールを採用しなくても、数時間を費やして、自分の職場のワークフローに実装しようとすべきです。
Cursorを使用している場合、Windsurfを使用している場合、Anti-gravityを使い始めてください。AIエージェント用に作成されているからです。特にエージェントマネージャーは完全に異なる作業方法です。
AIを横に置いて、画面の50%から40%から50%を占めるIDEに座っているようなものではありません。エージェントマネージャーでは、画面のすべてを占めます。ここに行くだけです。はい。
ファイルもコードも見えません。AIエージェントだけが見えます。これは本当にそうです。おそらくWindsurfユーザーの方がCursorユーザーよりも切り替えやすいでしょう。Windsurfの人々によって構築されたからです。しかし、それでも、数時間をエージェントマネージャーに費やして、エディタさえ見ないことを強くお勧めします。
問題は修正されたと言っています。それを再読み込みしましょう。うーん。ログインを渡して、自分でテストしてもらうこともできます。自分でテストしてください。これが私のログインです。ブラウザを開いて自分でログインしてみて、これをデバッグしてください。アプリが機能するまで作業を続けてください。
Anti-gravityの結論と推奨事項
Anti-gravityでは、エコシステムログインについて注意する必要があります。Googleには多くのサービスがあるからです。私たちのほとんどはGoogleカレンダー、Gmail、Google Workspaceを使用しており、Anti-gravityを使うことは、Googleがすべてのコードを所有して見るもう1つのステップに過ぎません。IDEもGoogleが所有することになります。
現在、Googleから脱却する大きな動きがあります。Googleがダウンしたときに人生全体が崩壊しないように、または政府がGoogleに要求したときに、あなたに関するすべてのデータを持っていないようにするためです。だからこれについては注意してください。
それが私の警告です。繰り返しますが、Anti-gravityをテストすべきだと思いますが、プライバシーとセキュリティを気にしている場合は、おそらく単一の会社からすべてのソフトウェアを使用すべきではありません。
それを踏まえて、これがAnti-gravityに関する動画です。私の結論は、非常に強力だということです。まだ初期段階です。繰り返しますが、2か月未満です。
より本番環境に対応したものが欲しい場合は、おそらくCursorを使うでしょう。もっと実験したくて、時々のバグや粗いエッジを気にしない場合は、Anti-gravityを使うでしょう。
いずれにせよ、皆さん全員がAnti-gravityのエージェントマネージャーを使って2、3時間を費やすべきです。エージェントとの作業の完全に異なるパラダイムだからです。それが好きかどうか見てください。どのように機能するか、何が気に入らないかを見てください。
しかし、Anti-gravityはAIコーディング空間で本当に強力なプレーヤーになると感じています。これがAnti-gravityに関する最後の動画になるとは思いません。
AIコーディングに関するより多くのコンテンツをYouTubeに推薦してもらいたい場合は、必ず登録してください。AIについて真剣で、2026年に実際のAIビジネスを始めて、AI革命から実際に利益を得たい場合は、それについての完全な動画を作成しました。ここで見てください。
コメント