【Firebase Studio】GoogleのAIプラットフォーム！使い方や料金、サポート終了についても解説

Firebase Studioは、Googleが提供するクラウドベースのエージェント開発環境で、自然言語の指示だけでWebアプリを自動生成できるツールです。

「Firebase Studioって何ができるの？」「無料でどこまで使えるの？」と気になっている方も多いのではないでしょうか。本記事では、概要・使い方・料金・できることから他ツールとの比較までを解説します。ぜひ最後までお読みください。

Firebase Studioの概要

Firebase Studioは、Googleが提供する生成AIを活用したクラウドベースのエージェント開発環境です。2025年4月にProject IDXの後継として公開されました。

自然言語のプロンプトからWebアプリやモバイルアプリを自動生成し、コーディング・テスト・デプロイまで一貫して行えるプラットフォームとなっています。

これまでCursorやClineを使ってアプリ開発をしていた方にとっては、ブラウザだけで環境構築からデプロイまで完結する点が大きなメリットです。ChatGPTやClaudeにコーディングを頼んでいた場合と比較しても、Firebase Studioは生成されたコードをそのままテスト・公開まで持っていける点で効率的です。

Project IDXからFirebase Studioへの移行

Firebase Studioは、Googleが以前提供していたProject IDXを統合・発展させたサービスです。Project IDXユーザーのワークスペースやプロジェクトは自動的にFirebase Studioへ移行されており、名称変更だけでなく以下の強化が行われています。

• App Prototyping agentによるノーコードでのアプリ生成機能の追加
• Geminiのエージェントモードの統合（Ask・Agent・Agent Auto-runの3段階）
• MCP（Model Context Protocol）サーバー対応
• Firebase Local Emulator Suiteとの一体化

旧Project IDXからの移行に際して、既存のワークスペースや設定はそのまま引き継がれます。Project IDX時代にはなかった自然言語によるプロトタイプ生成機能が加わったことで、エンジニアだけでなくノーコード・ローコードでアプリ開発をしたい方にも間口が広がりました。

2025年〜2026年の主要アップデート

Firebase Studioは公開以降、継続的にアップデートが行われています。主な更新内容は以下の通りです。

Firebase Studioの機能・できること

Firebase Studioでできることは多岐にわたります。主な機能を、プロトタイプモード・コードモード・AI支援・Firebase連携・MCP対応の5つに分けて解説します。

プロトタイプモード（Prototyper）

プロトタイプモードは、自然言語や画像からアプリのプロトタイプを自動生成するノーコード機能です。テキストプロンプトだけでなく、手書きの図やスクリーンショットをアップロードしてアプリを生成できるマルチモーダル入力にも対応しています。

プロトタイプモードでできることは以下の通りです。

• テキストプロンプトからのWebアプリ自動生成
• 画像・手書き図からのUI生成（マルチモーダル入力）
• プロンプト拡張機能による指示の最適化
• 生成されたアプリのリアルタイムプレビュー
• コードモードへのシームレスな切り替え

ノーコードでプロトタイプを作成できるため、エンジニア以外の方でもアイデアをすぐに形にできるのが特徴です。ただし、プロトタイプモードで生成されるコードには限界があり、複雑なロジックや細かいUI調整にはコードモードでの編集が必要になります。

コードモード（Code）

コードモードは、Code OSS（Visual Studio Codeベース）によるフルIDEとして本格的なコーディングが可能なモードです。ブラウザ上でありながらローカルIDEと同等の開発体験を提供します。

Firebase Studioのコードモードでできることは以下の通りです。

• ターミナル操作（npm・pip・flutter等のコマンド実行）
• Gitによるバージョン管理
• 60以上のテンプレートからのプロジェクト起動（React・Next.js・Angular・Vue・Flutter・Go・Java・Python Flask等）
• Nixによる環境カスタマイズ
• GitHubリポジトリのインポートによる既存プロジェクトの編集
• Firebase Local Emulator Suiteを使ったローカルテスト

対応フレームワークはNext.js中心の初期構成から大幅に拡充されており、React・Angular・Vue・Android・Flutterなど幅広い選択肢があります。GitHubリポジトリを接続すれば既存のアプリ開発プロジェクトも編集可能です。ローコードの補助的な使い方から、フル機能のIDE操作まで柔軟に対応しています。

AI支援機能

Firebase StudioのAI支援機能はGeminiを基盤としており、コード補完だけでなく幅広い開発タスクをサポートします。

エージェントモードには3つの段階があり、使い方に応じて切り替えられます。

Cursorのエージェントモードや、Clineの自律実行と比較しても、ブラウザ上で完結する点やFirebase連携がネイティブに統合されている点がFirebase Studioの強みです。

Firebase連携機能

Firebase Studioは、Firebase各種サービスとの連携がネイティブに組み込まれているのが大きな特徴です。他のAI開発ツールではプラグインや設定が必要な連携も、Firebase Studioではワンクリックで利用できます。

特にApp Hostingを使ったデプロイは、コマンド操作不要でPublishボタンひとつでアプリ公開できるため、デプロイの経験がないローコード・ノーコードユーザーにも利用しやすい設計です。

MCP対応

Firebase Studioは2025年後半からMCP（Model Context Protocol）に対応しました。MCPサーバーを有効化することで、Geminiエージェントが外部のAPIやツールと連携し、より高度なアプリ開発タスクを自動化できます。

MCPの活用例としては、データベースへの直接アクセス、外部APIの呼び出し、サードパーティツールとの統合などがあります。

MCP対応により、Firebase Studio単体でできることの幅が大きく広がりました。CursorやClineも同様にMCPに対応しており、エージェント開発環境としての比較ポイントのひとつです。

Firebase Studioのサポート終了と移行パス

GoogleはFirebase Studioを2027年3月22日にサポート終了すると発表しました。

Firebase Studioのプレビュー版で得られた知見を、主力ツールであるGoogle AI StudioとGoogle Antigravityに統合することで、AI開発者向けサービスを一本化する方針です。

移行先には2つのパスが用意されています。

なお、Cloud Firestore・Authentication・App HostingなどのFirebaseコアサービスには影響がありません。すでにデプロイ済みのアプリはサポート終了後も引き続き動作します。移行手順の詳細は公式の移行ガイドを確認してください。

Firebase Studioの料金

Firebase Studioは現在プレビュー段階であり、基本的な利用は無料。開発環境の利用そのものに料金はかかりません。

ただし、外部リソースと連携した際には別途課金が発生することがあります。

例えば、Firebase HostingやApp HostingなどのGoogle Cloudサービスを利用すると、アプリ公開時に従量課金制のサービスに接続され、Firebaseプロジェクトが自動的にBlazeプランへアップグレードされる場合があります。

また、Gemini APIを利用する構成では、APIの呼び出しに応じて料金が発生し、無料枠を超えた分については追加費用を支払う必要があります。

ワークスペース上限の注意点

FlutterおよびReact Native + Expoのワークスペースについては、Google Developer Premiumプラン以外では2つまでしか作成できない制限があります。Flutterでモバイルアプリ開発を行う場合は、この料金プランの制限に注意が必要です。

また、ワークスペースは一定期間使用されない場合に自動停止される仕組みです。ワークスペースの管理画面から再起動できますが、無料枠内での運用ではワークスペース数のやりくりが重要です。

Cloud Billing利用時の料金

Firebase Studioの開発環境自体は無料ですが、アプリをデプロイして公開する際にはFirebaseの従量課金サービスに接続されます。具体的には以下の料金が発生する可能性があります。

無料の範囲内でプロトタイプ作成やテストを行い、本番環境へのデプロイ時にのみ料金が発生する構造です。料金の詳細はFirebase料金ページを確認してください。

Firebase Studioのライセンス・セキュリティ

Firebase StudioのライセンスはGoogleの利用規約に準じており、以下の追加規約が適用されます。

• 生成AI禁止事項ポリシー(Generative AI Prohibited Use Policy)
• Gemini API追加利用規約

生成物の権利と利用範囲

Firebase Studioで生成したコードやアプリケーションの権利関係は以下の通りです。

つまり、Firebase Studioを使って開発したアプリケーションは、ユーザーに著作権が帰属し、自由に公開・販売・配布が可能です。

セキュリティとデータ利用ポリシー

企業でFirebase Studioの導入を検討する場合、データがAIモデルのトレーニングに使用されるかどうかは重要な論点です。Firebase Studioでは、以下の制御が可能です。

• App Prototyping agentを使用しなければ、コードがモデルトレーニングに使われることはない
• コード補完機能を個別にオフにする設定が用意されている
• コードインデックス機能の無効化も可能

これらの設定を組み合わせることで、機密性の高いプロジェクトでもFirebase Studioを利用できます。ただしプレビュー版のため、ポリシーの詳細は正式リリース時に変更される可能性があります。

ウェブサイトのデザインをAIでつくりたい方には、Googleが開発したUIデザインツール「Stitch」がおすすめです。

WEEL

【Google Stitch】AIでUIデザインを自動生成するバイブデザインツールを徹底解説！ | WEEL Google Labsが提供するAI搭載UIデザインツール「Stitch」について徹底解説。2026年3月の大型アップデートで追加された無限キャンバスや音声操作、デザインエージェント、Re…

Firebase Studioの使い方

Firebase Studioの使い方は非常に簡単です。Firebase Studioにアクセスし、利用規約に同意し、プロンプトを入力すればOKです。

STEP

アクセスとアカウント設定

Firebase Studioの使い方は非常に簡単です。

Firebase Studioにアクセスし、Googleアカウントでログイン後、利用規約に同意するだけで使い方の準備は完了です。

STEP

プロンプトの入力とアプリ生成

トップページのフォームに、作りたいアプリの説明を自然言語で入力します。プロンプトは日本語でも問題ありません。

今回は「マウス操作で絵が描けるWebアプリケーション」と指示を与えて作成してもらいます。

プロンプトを送信後、「prototype this app」と表示されるので、そちらをクリックすれば生成が始まります。実際に生成している様子がこちらです。

また、チャットボックスに「Gemini APIキーが必要です」と記載されたら、そこにAPIキーを入力すればOKです。

STEP

エラー修正とコード編集

エラーが出ている時には、issuesをクリック後、Fix Errorをクリックすればエラー修正をしてくれます。ただ、今回はエラーを解消できなかったので、「Edit Code」をクリックしてコード修正を行います。

Edit CodeをクリックするとWeb版のVSCodeが表示されるので、ここでコードを直接編集することができます。

エラーメッセージを実際に修正している動画はこちらです。

また、エラーをコードモードで直接修正することも可能です。

コードモードではWeb版のVSCodeが表示され、ローカルIDEと同じ使い方でコードを編集できます。画面右上の\</\>アイコンからもコードモードに切り替え可能です。

STEP

プレビューとデプロイ

プレビュー画面でアプリの動作を確認し、問題なければ「Publish」をクリックしてデプロイします。App Hostingを通じてURLが自動発行され、すぐにアプリを公開できます。デプロイ時にはFirebaseプロジェクトがBlazeプラン（従量課金）に自動アップグレードされる点に注意してください。料金の管理画面でアラートを設定しておくと安心です。

Firebase Studioを動かすのに必要な動作環境

Firebase Studioはクラウドベースの開発環境であり、基本的にWebブラウザさえあれば利用可能です。ローカル環境に特定のソフトウェアをインストールする必要はありません。

対応OS

• Windows
• macOS
• Linux
• Chrome OS(Chromebookでも可)

対応ブラウザ

• Google Chrome(最新版推奨)

GoogleはFirebase Studioの動作に必要な推奨スペックを公式には明記していません。以下はProject IDX時代の動作要件を参考にした目安であり、公式スペックではない点にご注意ください。

Firebase Studioは、クラウド上でAIエージェントとの通信、リアルタイム補完、コード実行を行うため、ネットワーク速度と安定性が開発に大きく影響します。

Firebase Studioの活用事例

Firebase StudioはGemini 2.5 Pro搭載の無料AIアプリビルダーとして、多くの開発者から注目を集めています。ノーコードでのワンショットアプリ生成ができ、有料ツールを超える実用性で、実際に動作する機能を備えたアプリが作れる点などが評価されています。

ここでは、SNSで報告されている具体的なアプリ開発事例と、企業での実務導入が想定される活用シーンを紹介します。

今回解説する事例において、弊社がX（旧Twitter）で発見した参考となるツイートを紹介させていただいております。取り下げなどのご連絡は、contact@weel.co.jp からご連絡ください。

ブラウザだけでアプリのビルド・編集・デプロイまで完結

Firebase Studioの公開直後から、そのアプリ開発体験に注目が集まりました。この投稿では、Firebase Studioを「Cursor AIとv0を組み合わせたような体験が無料で手に入る」と評価しています。

ブラウザだけでアプリのビルド・編集・デプロイまで完結する使い方が紹介されており、ローカル環境を用意せずにアプリ開発を始められる手軽さが伝わります。

コードを一行も書かずにAIアプリを構築

こちらの投稿では、Firebase Studioを使ってゼロコードでAIアプリを構築する方法が紹介されています。

プロトタイプモードを活用すれば、コーディングの知識がなくてもノーコードでアプリ開発が可能であることを具体的に示した事例です。エンジニア以外の方がアイデアをすぐに形にできるFirebase Studioの強みがわかります。

30分以内でマルチエージェントアプリをデプロイ

こちらの投稿では、テキストプロンプトひとつからマルチエージェントのリーガルチームアプリを構築した事例が報告されています。

コードを一行も書かずに30分以内でフルスタックアプリをデプロイしており、Firebase Studioを使えばGemini APIと組み合わせた高度なAI機能付きWebアプリも短時間でプロトタイプを作成できることがわかります。

【業界別】Firebase Studioの活用シーン

Firebase Studioは単なるコード生成ツールではなく、自然言語の指示からプロトタイプを作成し、そのままコードモードで実用レベルまで仕上げてデプロイできるアプリ開発環境です。ここでは、そうした特性を踏まえて、業界別に向いている使い方を紹介します。

SaaS・Webサービス開発

SaaSやWebサービスの現場では、ダッシュボード・管理画面・顧客向けポータル・社内ツールなどを短いサイクルで開発・改善する必要があります。

Firebase Studioは、プロトタイプモードでたたき台を素早く作ったあとに、コードモードでロジックやUI/UXを詰めたい場面と相性が良いツールです。Firebase AuthやFirestoreとのネイティブ連携により、認証・データベース周りの実装工数を大幅に削減できます。

生成AI搭載のSaaSについては以下の記事も参考にしてみてください。

WEEL

生成AI・LLMを搭載したSaaSとは？メリットやおすすめツール10選を紹介 | WEEL WEELメディア事業部AIライターの2scです。 みなさん、生成AIが使えるSaaSをご存知ですか？ ChatGPTの登場以降、評価額10億ドル超えの生成AI系SaaSスタートアップが世界中で…

マーケティング・営業

マーケティングや営業では、キャンペーン用のランディングページ、リード獲得フォーム、顧客向けデモアプリを速く作るだけでなく、反応を見ながら素早く改善する工程が欠かせません。

展示会向けのインタラクティブデモや製品紹介アプリ、社内営業ツールのように、開発スピードと見栄えの両立が求められる部署で使いやすいでしょう。ノーコードのプロトタイプモードなら、エンジニアでなくてもアイデアをすぐにWebアプリへ形にできます。

生成AIをマーケティングに活用する方法については以下の記事も参考にしてみてください。

WEEL

生成AIでCVRが爆上がり！マーケティング活用方法と事例15選を徹底解説 | WEEL 生成AI マーケティングは市場分析や広告生成、SNS運用、顧客対応まで幅広い施策を強化し、CVR向上を実現します。本記事では生成AIの具体的な活用方法と企業事例を紹介し、…

生成AIを営業に活用する方法については以下の記事も参考にしてみてください。

WEEL

【生成AI×営業支援】トップ営業マンになるための活用事例10選！ | WEEL この記事では生成AIを営業で活用する事例を10個と営業で使う際の注意点とその対策をご紹介しています。ChatGPT以外にも画像生成AIや電話応対AIなど、営業で生成AIを活用し…

コンサル・企画・事業開発

コンサルや企画部門では、調査データや業界分析をもとに、まずPoCとしてプロトタイプを作り、その後でステークホルダーのフィードバックを受けて何度も改修することが多くあります。

Firebase Studioなら、自然言語のプロンプトで骨子となるアプリを生成し、Geminiエージェントと対話しながら機能を追加・修正できます。Firestore連携でデータ管理も組み込めるため、単なるモックアップではなく実際に動作するプロトタイプを短時間で作成可能です。

生成AI×事業開発については以下の記事も参考にしてみてください。

WEEL

ゼロから未来を創る！生成AIで新規事業開発を成功に導く5つのステップ | WEEL この記事では、生成AIを新規事業で導入した企業や自治体の活用例をご紹介します。生成AIを使って新規事業の立ち上げを検討している方におすすめの記事です。

Firebase Studioの検証パート

では、Firebase Studioを使ってchat機能付きのtodoリストを作ってみましょう。ノーコードのプロトタイプモードでどこまでアプリ開発できるのかを検証します。

検証1: シンプルなプロンプトによる生成

与えるプロンプトは以下です。

メンバーと共有できるtodoリストを作ってください。また、todoリストだけではなく、メンバーとchatもできるように開発をしてください。

完成したのがこちら。

チャットは送れますが、メンバーの指定ができなかったり、タスクの追加ができなかったりする状態でした。この段階ではまだ修正が必要でした。ノーコードのプロトタイプモードでは、おおまかなUIは生成されるものの、細かい機能実装には自然言語での追加指示やコードモードでの修正が必要です。

検証2: YAML形式の詳細プロンプトによる生成

使い方を変えて、プロンプトをYAML形式にして与えてみます。

app:

  name: TeamShare Tasks

  description: |

    チームメンバーとタスクを共有し、チャットでやりとりできるWebアプリを作成します。

    Firebase Authentication、Firestore、Geminiを活用し、タスク管理とリアルタイムコミュニケーションを両立させます。

features:

  - name: ToDoリスト機能

    description: チームで共有可能なToDo管理機能

    fields:

      - title

      - description

      - assignee

      - due_date

      - status: [未着手, 進行中, 完了]

    capabilities:

      - タスクの追加・編集・削除

      - 担当者によるフィルター

      - 並び替え機能

      - Firestoreによる保存と同期

  - name: チャット機能

    description: 同じチーム内でリアルタイムにチャットできる機能

    fields:

      - sender_name

      - timestamp

      - message

    capabilities:

      - プロジェクト単位でチャットルームを分離

      - Firestoreでメッセージ保存

      - Geminiによる要約（任意）

      - 未返信ハイライト（任意）

  - name: 認証とアクセス制御

    description: Googleアカウントによる認証とチーム制限

    auth: Firebase Authentication

    capabilities:

      - Googleログイン

      - 認証済みユーザーのみ利用可

      - メール招待 or 招待リンクによるチーム参加

  - name: UI/UX

    description: 使いやすく、デバイスを問わず操作可能な画面設計

    ui:

      - レスポンシブデザイン

      - タブ式レイアウト（ToDo / チャット切り替え）

      - シンプルで視認性の高い構成

  - name: 使用技術

    frontend: React or Next.js

    backend: Firebase Functions (optional)

    database: Firestore

    ai: Gemini (optional)

optional_features:

  - Geminiによるチャット要約

  - 未返信メッセージの可視化

  - モバイルファーストなUI対応

できたのがこちら。

ほぼ完成形に近かったのですが、タスクの追加などができない部分もあり、プロンプトはまだまだ改良する余地がありそうでした。

検証結果のまとめ

今回の検証からわかったことは、Firebase StudioのプロトタイプモードはUIレイアウトの自動生成には優れているものの、バックエンド連携や細かな機能実装は自動では完結しないこともあるということです。

ノーコード・ローコードでのアプリ開発は「まず形にする」段階では非常に効率的ですが、実用レベルのアプリに仕上げるにはコードモードでの修正やGeminiエージェントとの対話的な修正が必要です。

とはいえ、数回のやりとりをすれば理想のアプリをつくることができそうです。プロンプトの使い方を工夫することで生成精度は上がっていくので、使い込んでみるとよさそうです。

Firebase Studioのできないこと・制約

Firebase Studioは多機能なアプリ開発環境ですが、以下の制約があります。導入前に確認しておきましょう。

• プレビュー版であること
• Webアプリ中心の設計
• Flutter/React Native + Expoのワークスペース制限
• 完全自動のアプリ開発は難しい
• オフライン利用不可
• デプロイ時の課金
• Gemini以外のAIモデルは選択不可

特に、2027年3月22日にサポートが終了する点に注意が必要です。プレビュー終了後は、Google AI StudioとGoogle Antigravityに機能が統一されます。

できること・できないことを正しく理解した上で、Firebase Studioが自分の用途に合っているか判断してください。

Firebase Studioと他ツールの比較

Firebase Studioの導入を検討する際、CursorやCline、Replit Agent、Lovableなど他のAIアプリ開発ツールとの比較が気になる方も多いでしょう。以下の比較表で主な違いを整理します。

Firebase Studioが向いているケース

Firebase Studioは、自然言語からノーコードで素早くプロトタイプを作りたい場合に特に向いています。

加えて、Firebase Auth・Firestore・App HostingといったFirebaseの主要機能をネイティブに連携させたいケースでも相性がよく、認証からデータ管理、公開までをスムーズに進められます。

Geminiベースのエージェント機能を活用したいGoogleエコシステムのユーザーにも適しており、まずは無料でプロトタイプを試してみたい場合の選択肢としても有力です。

既存IDEの継続が向いているケース

一方、以下のケースでは既存のAI開発ツールとの比較でCursorやClineの継続が適しています。

• ローカル環境での柔軟な設定やカスタマイズが必要な場合
• OpenAIやClaudeなど複数のAIプロバイダーを使い分けたい場合
• 大規模プロジェクトで高度なGit操作やCI/CDが必要な場合
• CursorやClineの拡張機能エコシステムをすでに活用している場合

比較の観点は開発の規模・チーム体制・求めるAI支援のレベルによって異なります。Firebase Studioはプロトタイプの速度とFirebase連携に強みがある一方、ローコード・ノーコードでの限界も踏まえた上で、CursorやClineとの併用も検討に値します。

Firebase Studioに関するよくある質問（FAQ）

Firebase Studioに関して、利用を検討している方が気になりやすい疑問をFAQ形式でまとめました。導入前に感じやすい疑問に回答しています。初めてFirebase Studioを使う方はもちろん、すでに他のAI開発ツールを利用中の方もぜひ参考にしてみてください。

Firebase Studioを活用してみよう！

Firebase StudioはGemini搭載のクラウドベースエージェント開発環境で、自然言語からのプロトタイプ作成やFirebaseサービスとのネイティブ連携に強みがあります。

ノーコードからコードモードまで幅広い使い方に対応し、無料でアプリ開発を始められます。まずはプロトタイプモードで気軽に試してみてください。

最後に

いかがだったでしょうか？

生成AIを活用すれば、これまで実現が難しかった迅速なプロトタイピングや業務アプリの高速開発が現実になります。

Firebase Studioのようなツールは、自然言語からのアプリ生成により、開発リソースの制約を超えた事業展開を可能にします。

生成AIを社内で活用していきたい方へ

「生成AIを社内で活用したい」「生成AIの事業をやっていきたい」という方に向けて、生成AI社内セミナー・勉強会をさせていただいております。

セミナー内容や料金については、ご相談ください。

また、サービス紹介資料もご用意しておりますので、併せてご確認ください。

無料で相談する

資料をダウンロードする