Google AI Studio に Antigravity エージェントが統合 — Firebase Studio 移行後の新開発ワークフロー入門

Firebase Studio が終了して、どこへ向かうのか

「Firebase Studio を使い始めたばかりなのに、もう終わるの？」

そんな戸惑いを覚えた方も多いかもしれません。Google は 2026 年 3 月、Firebase Studio のサンセットを発表し、その機能を Google AI Studio 2.0 の「ビルドモード」に統合しました。

ただ、これは後退ではなく明確な進化です。Antigravity のコーディングエージェントがブラウザベースの AI Studio に組み込まれたことで、「プロンプトを書いたら Firebase バックエンド付きの本番アプリが動く」という体験が、インストール不要でできるようになりました。

このガイドでは、Firebase Studio から新しいワークフローへの移行方法と、AI Studio ビルドモードの実際の使い方を順を追って説明します。

AI Studio 2.0 の「ビルドモード」とは何か

Google AI Studio は、もともと Gemini API のプロトタイピング環境として知られていました。2026 年 3 月のアップデートで、そこに「ビルドモード（Build mode）」が加わります。

ビルドモードは、Antigravity のコーディングエージェントを AI Studio のインターフェースに直接埋め込んだものです。ブラウザを開くだけで以下が実現します。

自然言語でアプリの仕様を伝える
Antigravity エージェントがコードを自動生成・反復する
Firebase（Firestore / Authentication）が自動でプロビジョニングされる
プレビューとデプロイまで一気通貫で完了する

Antigravity IDE（デスクトップ版）との最大の違いは、セットアップが不要な点です。Google アカウントがあれば今すぐ Google AI Studio で試せます。

実際の操作：プロンプトから動くアプリまで

ここでは「ユーザー認証付きタスク管理アプリ」を例に、ビルドモードの流れを見てみましょう。

Step 1: ビルドモードを起動する

Google AI Studio にアクセスし、左サイドバーの「Build」をクリックします。初回はプロジェクトの作成を求められます。

Step 2: アプリの概要をプロンプトで伝える

シンプルなタスク管理アプリを作ってください。
要件:
- Firebase Authentication による Google ログイン
- ログインユーザーごとに Firestore でタスクを保存
- タスクの追加・完了・削除ができる
- Next.js + TypeScript + Tailwind CSS で構成

Antigravity エージェントはこのプロンプトを解析し、ファイル構成の計画、コード生成、Firebase リソースの自動プロビジョニングを順番に実行します。進捗は「Artifacts」（タスクリストや実装計画）として画面に表示されるため、エージェントが何をしているかをリアルタイムで確認できます。

Step 3: 自動生成された Firebase 設定を確認する

生成されたコードには、Firebase の初期化設定が自動で含まれています。

// lib/firebase.ts（自動生成例）
import { initializeApp, getApps } from "firebase/app";
import { getAuth, GoogleAuthProvider } from "firebase/auth";
import { getFirestore } from "firebase/firestore";
 
const firebaseConfig = {
  // AI Studio が自動プロビジョニングした Firebase プロジェクトの設定
  apiKey: process.env.NEXT_PUBLIC_FIREBASE_API_KEY,
  authDomain: process.env.NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN,
  projectId: process.env.NEXT_PUBLIC_FIREBASE_PROJECT_ID,
  storageBucket: process.env.NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET,
};
 
const app = getApps().length === 0 ? initializeApp(firebaseConfig) : getApps()[0];
export const auth = getAuth(app);
export const db = getFirestore(app);
export const googleProvider = new GoogleAuthProvider();

注目してほしいのは、API キーが環境変数として扱われている点です。コードに直書きされることなく、Firebase プロジェクトとの紐付けもエージェントが自動で処理してくれます。

これまで Firebase プロジェクトの作成・設定・環境変数の設定を手動でこなしていた方には、この自動化がかなりの時短になるはずです。

Step 4: Firestore のセキュリティルールも自動生成される

さらに便利なのが、Firestore のセキュリティルールまで自動で生成される点です。

// firestore.rules（自動生成例）
rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
    // タスクはログインユーザー本人のみ読み書き可能
    match /users/{userId}/tasks/{taskId} {
      allow read, write: if request.auth != null && request.auth.uid == userId;
    }
  }
}

「セキュリティルールを書き忘れて全ユーザーのデータが丸見えになった」という事故は、個人開発でよくある失敗です。エージェントが適切なルールを生成してくれることで、そのリスクをかなり減らせます。

デスクトップ版 Antigravity との使い分け

「既存の Antigravity IDE（デスクトップ版）はもういらないの？」という疑問も自然だと思います。

私の感覚では、両者は競合ではなくフェーズ違いです。

AI Studio ビルドモードが向いている場面:

新規プロジェクトのプロトタイプを素早く作りたいとき
Firebase バックエンドとセットで試したいとき
インストール環境がない場所で開発したいとき
非エンジニアの方にデモを見せながら作業するとき

デスクトップ版 Antigravity が向いている場面:

既存のコードベースに機能追加するとき
ローカル環境でのデバッグが必要なとき
Manager Surface で複数エージェントを並列実行したいとき
.antigravityignore や Rules でコンテキストを細かく制御したいとき

個人的に今のところもっとも効率的なのは、「アイデアが浮かんだら AI Studio のビルドモードでプロトタイプ確認 → 本格開発はデスクトップ版 Antigravity に移行」という流れです。AI Studio のプロジェクトは GitHub リポジトリにエクスポートできるため、デスクトップ版への引き継ぎもスムーズです。

Firebase Studio プロジェクトの移行手順

既存の Firebase Studio プロジェクトを AI Studio に移行する手順は以下の通りです。

1. コードを取り出す

Firebase Studio でプロジェクトをエクスポートするか、接続していた GitHub リポジトリを確認します。

2. AI Studio ビルドモードで開く

「Open existing repository」を選択し、GitHub リポジトリを接続します。Antigravity エージェントが既存のコード構造・依存関係を読み取り、分析結果を提示します。

3. Firebase プロジェクトと再紐付けする

Firebase プロジェクト自体（Firestore のデータや Authentication の設定）はそのまま引き継げます。変わるのは「開発環境」だけです。環境変数の設定画面で、既存の Firebase プロジェクトの認証情報を入力してください。

4. 動作確認してデプロイ

プレビュー環境で動作確認後、Firebase App Hosting または Vercel にデプロイします。デプロイの詳細な手順については、Firebase App Hosting を使った Next.js デプロイガイドも参考にしてください。

Google I/O 2026 でさらなる進化が予告されている

5 月 19〜20 日に開催される Google I/O 2026 では、「Agent-first workflows from prompt to production」というセッションが予告されています。Firebase が「エージェントネイティブプラットフォーム」として正式に位置づけられることが確認されており、AI Studio・Antigravity・Firebase の連携はさらに深化する見込みです。

現時点でのワークフローを把握しておくことで、I/O 後の新機能もスムーズにキャッチアップできるはずです。フルスタック開発の全体像については、AI Studio 2.0 フルスタックバイブコーディングガイドも合わせてご覧ください。

なお、AI エージェントとバックエンド開発に関心がある方は、Antigravity のフルスタック SaaS 開発ガイドも実践的な情報として役立つかと思います。

まず試してほしいこと

Firebase Studio のサンセット通知を見て戸惑っている方も、「とりあえず AI Studio を開いてビルドモードを試してみる」だけで十分です。インストール不要で、Antigravity エージェントが実際にどう動くかを10分で体験できます。

感触をつかんでから、本格的な移行計画を立てれば問題ありません。新しいワークフローは、慣れてしまえばむしろ以前より快適だと感じていただけるはずです。