1. はじめに
このラボでは、既存のワークスペースをコードファーストのエージェント IDE である Google Antigravity に移行する方法を説明します。このラボで実施する手順を説明する 1 分間の動画をご覧ください。
2. Antigravity IDE をインストールする
Antigravity は、Google のコード ファーストのエージェント型 IDE です。このラボでは、Antigravity を使用してプロジェクトの自動変換を行います。
- antigravity.google にアクセスします。
- オペレーティング システム（macOS、Windows、Linux）用のインストーラをダウンロードします。
- インストーラを実行し、画面上の手順に沿って操作します。
- Antigravity を開いて、正しく動作することを確認します。
3. Node.js をインストールする
Antigravity と Firebase CLI は Node.js に依存しています。バージョン 20 以降であることを確認します。
- nodejs.org から Node.js の LTS バージョンをダウンロードします。
- インストーラを実行し、デフォルトの設定を適用します。
- ターミナルを開き、
node --versionを実行してバージョンが 20.x 以降であることを確認します。
4. Firebase CLI をインストールする
Firebase CLI を使用すると、コマンドラインからアプリをデプロイできます。
- ターミナルで次のコマンドを実行して、CLI をグローバルにインストールします。
npm install -g firebase-tools - macOS または Linux で権限を求めるメッセージが表示された場合は、次のコマンドを実行する必要があります。
sudo npm install -g firebase-tools - インストールを確認します。
firebase --version
5. Firebase Studio からプロジェクトをエクスポートする
- Firebase Studio でワークスペースを開きます。
- ワークスペースの上部にある [今すぐ移動] ボタンをクリックします。
- 画面上の手順に沿って、プロジェクト ファイルを圧縮してダウンロードします。
- 注: ウィンドウが表示されない場合は、ブラウザのアドレスバーでポップアップ ブロッカーを確認してください。
- ダウンロードした ZIP フォルダをローカル ディレクトリに展開します。
6. Antigravity でアプリを初期化する
- Antigravity で抽出したフォルダを開きます。
- [エージェント ペイン] で、[Gemini Flash] モデルを選択します。
- 次のプロンプトを入力します。
@fbs-to-agy-export - エージェントのガイダンスに従い、プロジェクトの移行を完了するよう求められた場合はサポートを提供します。
7. アプリをローカルでプレビューする
- 左側のサイドバーにある [実行とデバッグ] メニューに移動します。
- [再生] ボタンをクリックして、ローカル開発用サーバーを起動します。
- ターミナルの指示に沿って、アプリケーションを表示します。
8. アプリを公開する
- エージェント チャット パネルを開きます。
- 次のプロンプトを入力します。
Publish my app firebase deployを実行するよう求められたら、[Yes] を選択します。- エージェントが既存のアプリ ホスティング URL にリンクするか、新しい設定の手順をご案内します。
9. まとめ
Firebase Studio プロジェクトを Antigravity に移行し、エージェント ワークフローを使用して再デプロイしました。