Anti-gravityエコシステムで旅行コンパニオンアプリを爆速開発！製品群の活用術

はじめに：Anti-gravityエコシステムが切り開く開発の新時代

Google I/Oで発表されたAnti-gravityエコシステムは、開発者がより効率的かつ柔軟にアプリケーションを構築できるよう設計された革新的なツール群です。主要な製品として、Anti-gravity 2.0、Anti-gravity IDE、Anti-gravity CLI、そしてAnti-gravity SDKがあり、それぞれが独自の特性と強みを持っています。本記事では、これらのAnti-gravity製品群を活用し、旅行コンパニオンアプリを構築する具体的なステップを通して、各製品の機能とワークフローでの利用方法を詳しく解説します。

Anti-gravity 2.0でプロジェクトを開始する

開発の第一歩は、Anti-gravity 2.0へのオンボーディングから始まります。既存の動画で詳細な設定方法は紹介されていますが、ここでは基本的なフローを見ていきましょう。

オンボーディングとスキルのインストール

1. モード選択: まずはライトモードを選択します。
2. スキルのインストール: アプリ開発に必要なスキルをインストールします。特に、今回のプロジェクトで重要なAnti-gravity SDKスキルを忘れずに含めます。
3. プロジェクト作成: 新しいプロジェクトを「travel companion」という名前で作成します。

モノレポ構造の構築

プロジェクト作成後、エージェントにモノレポ構造の足場（scaffolding）を構築するよう依頼します。ここでは、Next.js、React、TypeScript、Tailwindを使用したクライアントディレクトリと、空のワーカーディレクトリを含む構成を要求しました。

エージェントに「クライアントはNext.jsアプリで、sourceディレクトリにReact、TypeScript、Tailwindを使用し、ワーカーディレクトリは今のところ空のモノレポ足場を作成してほしい」と指示しました。

エージェントとの協調作業とターボモードの活用

エージェントはバックグラウンドで作業を進めます。開発者は、エージェントの作業状況を把握し、必要に応じて介入することができます。

システム通知の設定

エージェントがレビュー準備ができた際に通知を受け取れるよう、システム通知をオンに設定しておくことが推奨されます。

コマンド実行の許可と実装計画の確認

Anti-gravityは開発者に制御を委ねる設計思想に基づいています。そのため、エージェントがターミナルコマンドを実行する前には、通常、許可を求めるプロンプトが表示されます。

エージェントが提示する実装計画は、実行されるコマンドや変更されるファイルを確認するための重要なステップです。計画をレビューし、問題がなければ承認します。

ターボモード

実装計画に自信がある場合、設定からターボモードを有効にすることで、エージェントが許可なしでターミナルコマンドを実行できるようになります。これにより、開発プロセスをさらに高速化できますが、信頼できる計画の場合にのみ使用するようにしましょう。

エージェントによるファイルの生成とコマンド実行

エージェントは、npx create next appのようなコマンドを実行し、モノレポの足場を迅速に構築します。サイドバーでは、現在アクティブなターミナルコマンドや、README、package.jsonなどの変更されたファイル、タスクリストといったアーティファクトを確認できます。

Anti-gravity IDEの導入と利用

Anti-gravity IDEは、伝統的なエディタ体験を提供し、Anti-gravity 2.0とシームレスに連携します。

IDEのインストール

Anti-gravity 2.0の右上にある「Install IDE」ボタンから、簡単にIDEをインストールできます。既存のAnti-gravityユーザーは既存のIDEを引き続き使用でき、新規ユーザーもこのボタンで迅速にセットアップ可能です。Mac、Windows、Linuxに対応しています。

インストールが完了すると、ボタンは「Open in editor」または「Open IDE」に変わります。クリックすると、親しみやすいAnti-gravityエディタが起動し、エージェントが作成したモノレポのボイラープレートファイルを確認できます。

アプリケーションのコアロジックを構築する：Wikipedia APIの活用

旅行コンパニオンアプリの核となる機能は、特定の地理座標周辺の興味深い場所を検索することです。ここでは、Wikipediaの地理位置検索APIを使用します。

音声モードでのプロンプト入力

Anti-gravityの音声モードは、文脈をエージェントに伝える最も速い方法の一つです。最初のプロンプトでは、以下の内容を依頼しました。

「Wikipedia地理位置検索APIを文書化するアーティファクトを作成してください。このAPIは、座標リストと結果数を受け取り、指定された半径内でそれらの座標に近い記事の配列を返します。これを私の座標周辺の興味のある場所を見つけるために使用したいです。このAPIが何をするかを記述し、その動作とテスト方法を示すサンプルcURLリクエストを含めてください。動作例を見るために実行してください。」

Anti-gravityの音声機能は技術的な専門用語（例: API）を認識し、適切なスペルに整形するだけでなく、長い文章をより分かりやすい文に修正する能力も持っています。エージェントはオンラインでAPIのドキュメントを検索し、独自のサンドボックスでテストを行い、最終的にWikipedia Geo Search APIガイドと使用例のスクリプトを含むアーティファクトを提供します。このWikipedia APIが、アプリの機能の基盤となります。

Pythonユーティリティの作成

APIから取得した情報を効率的に処理するため、Pythonユーティリティを作成します。

ワーカーディレクトリへのユーティリティ実装

次に、ワーカーディレクトリ内にPythonユーティリティの作成をエージェントに依頼しました。

「ワーカーディレクトリに、座標、半径、最大検索結果数を引数にとるPythonのユーティリティを作成してください。ユーティリティを作成するだけで結構です。」

エージェントは、この機能を提供するユーティリティライブラリをセットアップします。エージェントが変更したファイルは、Anti-gravity 2.0のアーティファクトペインで確認できるほか、Anti-gravity IDEを開いて直接geo_search_utils.pyファイルを参照することも可能です。これにより、ワークスペース内のファイルを両方のビューで確認できます。

データベースの構築

旅行コンパニオンアプリの要となる、興味のある場所を保存するデータベースを構築します。

SQLiteデータベースの設計

再び音声モードを使用し、エージェントに以下の内容を依頼しました。

「2つのテーブルを持つSQLiteデータベースを構築するためのデータベースディレクトリを作成してください。Wikipediaの記事リストを座標やAPIで取得できる詳細とともに保存し、それぞれの興味のある場所をグループに関連付けたいです。グループは都市のようなものです。例えば、ローマを都市として入力した場合、その都市に関連する多くの記事のエントリがあるようにしたいです。このデータベースの作成とプロビジョニング方法を教えてください。」

エージェントは非常に高速に動作します。これは、Gemini 3.5 Flashと「medium thought」設定を使用しているためです。

Anti-gravity CLIのインストール

開発ワークフローをさらに拡張するために、Anti-gravity CLIをインストールします。

エージェントによるCLIインストール

エージェントに「Anti-gravity CLIのインストール方法をドキュメントで調べてインストールしてほしい」と依頼しました。エージェントはドキュメントページを閲覧し、Google検索も活用してインストール手順を特定します。

次に、「Mac用のCLIをインストールしてほしい」とエージェントに直接指示すると、エージェントは適切なbashコマンドを実行し、CLIをインストールします。新しいターミナルを起動するだけで、Anti-gravity CLIが利用可能になります。

CLIへのログインと設定

データベースプロビジョニングの実装計画をレビューして承認した後、ターミナルを開き、エージェントが指示した通りにagy loginコマンドを実行します。これにより、以下のステップを経てCLIにログインします。

• テーマの選択（例: Solarized Light）
• オンボーディングフローの完了
• プライバシーポリシーへの同意
• 作業ディレクトリへの信頼の表明

まとめ

本記事では、Anti-gravityエコシステム（Anti-gravity 2.0、IDE、CLI、SDK）を包括的に活用し、旅行コンパニオンアプリを構築するプロセスを詳細に解説しました。

• エージェントによる迅速な足場構築: Anti-gravity 2.0のエージェントは、Next.jsベースのモノレポ構造を瞬時にセットアップし、開発の初期段階を大幅に加速します。
• シームレスな開発環境: Anti-gravity IDEは使い慣れたエディタ体験を提供しつつ、Anti-gravity 2.0と緊密に連携し、ファイル確認やコード編集を容易にします。
• AIによる開発支援: 音声モードを活用したWikipedia APIのドキュメント作成やPythonユーティリティの自動生成は、開発者がより本質的な問題解決に集中できる環境を提供します。
• コマンドラインからの操作: Anti-gravity CLIを導入することで、ターミナルからの操作も可能になり、柔軟な開発ワークフローが実現します。

Anti-gravityエコシステムは、AIエージェントの力を借りて、アイデアを迅速に具現化し、開発プロセス全体を革新する可能性を秘めています。ぜひ、ご自身のプロジェクトでその強力な機能を体験してみてください。

参考動画

• YouTube: Anti-gravity – A powerful new way to build software with AI https://www.youtube.com/watch?v=04IqH38SlOI