◉ANTIGRAVITY LABEN
記事一覧/アプリ開発
▣ アプリ開発/2026-05-06初級

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

Firebase Studio の終了に伴い、Google AI Studio 2.0 に Antigravity コーディングエージェントが統合されました。ブラウザだけでフルスタックアプリを開発できる新ワークフローを入門者向けに解説します。

ai-studio3firebase11antigravity464vibe-coding5fullstack5

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分で体験できます。

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

シェア

お読みいただきありがとうございます

Antigravity Lab は広告なしで運営しており、サーバー費用などの運営コストはメンバーシップのご支援で賄っています。実装コード・ベンチマーク・本番設計パターンなど、実務でお役立ていただける記事を毎日更新しています。もし読んでよかったと感じていただけましたら、ぜひご覧ください。

  • ✦コピー&ペーストで使える実装コード付き
  • ✦毎日新しい上級ガイドを追加
  • ✦¥580/月 または ¥1,480 の永久アクセス
メンバーシップを見る →

もしこの記事がお役に立ちましたら、チップ(¥150)で応援いただけると大変励みになります。広告なしでの運営を続けるため、皆さまのご支援が大きな力になっています。

関連記事

▣ アプリ開発2026-05-24
iOS Push 通知の A/B 運用を Antigravity Agent で週次回す — 文面・配信時刻・セグメントの自律改善ループ
個人開発で長く運用してきた壁紙系・癒し系アプリの実体験から、iOS Push 通知の A/B を Antigravity Agent に任せる週次運用設計をまとめました。FCM・Firebase Analytics・BigQuery の具体実装に加え、毎週の勝者宣言がどれだけ当たっているかを手元のシミュレータで測り、アーム数と判定条件を測定結果に合わせて直しています。
▣ アプリ開発2026-10-14
ドキュメントのないコードを仕様書に起こす前に、読ませる順番を fan-in で決めておく
ドキュメントのない既存コードをエージェントに読ませて仕様書にするとき、最初に渡すファイルをどう決めるか。import の被参照数(fan-in)とルート定義ファイルから「読ませる順番」を出す 36 行の Python と、77 ファイルの Next.js プロジェクトで測った割合をまとめます。
▣ アプリ開発2026-10-08
agy CLI をコンテナで動かす前に、擬似 agy で確かめておく 3 つの安全網
Antigravity CLI(agy)を Docker や Cloud Run のジョブから呼ぶ前に、インストーラーの取りこぼし・承認待ちの固まり・終了コード 0 の空振りを、擬似 agy で再現して潰します。公式 docs の記述と、手元で実行した結果だけを根拠に組み立てた手順です。