AIがコードを書く時代、Googleの答えは『Firebase Studio』だった。
2025年、Googleは『Project IDX』を進化させた新たな開発環境 Firebase Studio を発表しました。クラウド上でアプリを構築し、AIがリアルタイムでサポートする——まさに次世代の開発体験。
この記事では、Firebase Studioの概要から特徴、使い方、注意点、そして今後の展望までを、一次情報（公式ドキュメント・Google開発者ブログ）に基づいて詳しく解説します。これからFirebase Studioを試したいエンジニアや、新しいIDEを探している方は是非参考にしてください。
Firebase Studioとは？【概要と基本コンセプト】
Firebase StudioはGoogleが開発したクラウドベースのAI対応開発環境です。ブラウザ上でアプリを構築・テスト・デプロイでき、FirebaseサービスやGemini AIとシームレスに連携します。
公式には“agentic cloud-based development environment”として紹介され、フロントエンド/バックエンド/モバイルを横断する開発を1つのワークスペースで完結できるよう設計されています。
なお現時点ではPreview（プレビュー）提供で、SLA保証はなく、将来的に後方互換性を壊す変更の可能性が明記されています。
Project IDXからFirebase Studioへ【進化の背景】
Firebase Studioは、かつてのProject IDXを統合・進化させたプロジェクトです。
IDXが目指した“AI支援のクラウドIDE”に、Firebaseのバックエンド機能（Auth/Firestore/Hosting等）が有機的に結び付けられ、AIエージェントを核とする開発体験へと深化しました。
これにより、プロトタイピングと運用基盤の距離が縮まり、設計→実装→デプロイの一連の体験がシームレスになっています。
Firebase Studioの主な機能とできること【AI×クラウド開発】
- AIプロトタイピング（Gemini連携）：自然言語/画像からUI・API・データ構成を生成・修正
- コード補完とデバッグ支援：バグ修正・ユニットテスト補助・依存管理までサポート
- テンプレート対応：Next.js / React / Angular / Vue / Go / Python Flask / Flutter など
- MCP対応で拡張性を強化：Model Context Protocolでワークスペースの文脈理解を拡張
- Nixベースの環境カスタマイズ：宣言的にツール/設定を管理し再現性を担保
- プレビュー/エミュレータ：Web即時プレビュー、FlutterではAndroidエミュレータをブラウザで実行
- Gemini CLI / Agentモード：Ask→Agent→Autonomousのモード切替、ターミナル統合
- Firebase Hostingへのワンクリックデプロイ：Auth/Firestoreなどと深く統合
Firebase Studioの使い方【始め方からデプロイまで】
Firebase Studioは、ブラウザ上でAI支援を受けながらアプリを構築・テスト・デプロイできるクラウド開発環境です。基本的な流れは以下の通りです。
1. Googleアカウントでサインイン
2. 新規プロジェクト作成またはGitHubインポート
3. テンプレート選択（例：Next.js）
4. Geminiエージェントでプロトタイプ生成（UI・データ・認証の初期設定）
5. Webプレビュー／エミュレータで動作確認
6. Firebase Hostingへデプロイ
これらの手順を実際に体験してみたい方は、以下の記事で詳しく解説しています👇
https://lexia-hp.com/blog/firebase-studio-getting-started-lexia
