2025年6月2日 Firebase Studioを触ってみた Firebase 生成AI(Generative AI) 検索する Popular tags 生成AI(Generative AI) Vertex AI Search Looker Studio BigQuery AlloyDB Google Workspace 事例紹介 Cloud SQL Category モバイル Author w.t SHARE 目次 Firebase Studioとは? プロトタイピングエージェントとは? 早速使ってみた まとめ Content こんにちは!w.tです。 今回は最近公開されたFirebase Studioを触ってみました! 本記事では、Firebase Studioの概要と、私が実際にプロトタイピングエージェントを使用してみた体験に基づき、 その魅力や可能性についてお話しできればと思います。 Firebase Studioとは? Googleが提供するFirebaseは、いわゆるMBaaS(Mobile Backend as a Service)と呼ばれるもので、モバイアルアプリ開発に便利な機能を持ったプラットフォームとして広く知られていますが、この度新たなツールとして2025年4月に「Firebase Studio」が登場しました。 Firebase Studioは、API、バックエンド、フロントエンド、モバイルなど、本番環境品質のフルスタック AI アプリを構築してリリースするのに役立つエージェント型のクラウドベースの開発環境です。Firebase Studioは、Project IDXと、Firebaseの Gemini による専用の AI エージェントとアシスタントを統合し、アプリケーション開発に必要なものがすべて揃った、どこからでもアクセスできるコラボレーション ワークスペースを提供します。さまざまな言語とフレームワークをサポートするテンプレートを使用して、既存のプロジェクトをインポートすることも、新しいプロジェクトを開始することもできます。(公式から引用:https://firebase.google.com/docs/studio?hl=ja) 簡単にまとめると、Firebaseの持つ多様な機能を統合し、より直感的かつ効率的に利用できるよう設計されたクラウドベースの統合開発環境です。 例えるなら、Firebaseが持っているたくさんの便利な工具(データベース、認証機能、ファイル保存など)をFirebase Studioという使いやすい工具箱にまとめたようなイメージでしょうか。 Firebase Studio中で特に注目すべき機能の一つが「プロトタイピングエージェント」です。 近年、アプリケーション開発の現場では、アイデアを迅速に形にし、早期にユーザーからのフィードバックを得るためのプロトタイピングの重要性が増しています。 プロトタイピングエージェントとは? 自然言語、画像、描画ツールなどのマルチモーダルプロンプトを使用して、AI を活用したwebアプリを迅速にプロトタイプ化して生成できるwebベースのインターフェースです。 もはやコーディングなしに画像や自然言語からバックエンドも含めた実装をやってくれちゃう感じですね。 ただこのエージェントはまだNext.jsを使用したwebアプリケーションのみのサポートとなっており、今後は他のプラットフォームとフレームワークにも対応する予定のようです。 早速使ってみた まずはGoogle アカウントにログインし、Firebase Studio を開く すると「Prototype an app with AI」と書いており、もうここから自然言語や画像をアップロードして始めることができます。 作りたいアプリのプロンプトを入力する せっかくなのでFirebaseの機能を使うようなアプリを作ってみたいですね・・・。 Genkitを使ったAIとのチャットアプリでも作ってもらいましょう! ということでキャラ付けしたAIとLINE風のチャット画面でやり取りできるアプリでプロンプトを以下のように入力してみました。 (プロンプトもAIに考えてもらいました) するとプロンプトを元にブループリントが作成されます。 日本語にはまだ対応していないようですが理解はしてくれているようなので一旦これで進めてみます。 プロトタイプ実行 ものの2分ほどで完成度の高いチャット画面ができちゃいました! ただ、まだこれではAPIが有効になっていないのでAPI Keyを設定します。 右下を見てもらうとわかるのですが、API Keyの設定すらコードベースで行わずテキストボックスに入れるだけで簡単ですね。 ちゃんと設定されてそれっぽいチャットが送られてきました! 試しにチャット投げてみる まだ会話には難ありですがそこは今回の趣旨から逸れるのでご愛嬌・・・。 ちゃんとユーザーのアイコンがあったり、吹き出しも右と左で送受信が分かれていたりなどちゃんと実装されておりとてもよくできています。 ちなみにissueを開くとエラー内容が表示され、これもエージェントに修正してもらうこともできます。 こんな感じで解消されます。(素晴らしい) 仕様を追加してみる スタンプ送信機能を要望してみました。 すると自動的に必要なファイルに修正を加えていき1分も経たずに新規機能追加をしてくれました。 これはかなりいい感じにできてるのではないでしょうか。 ちゃんと送れます! 細かい修正をしたい場合は どうしてもプロンプトでは指示しにくいものや、細かい修正をしたい場合は右上のアイコンからモード変更ができ コードベースで修正することができます。 なので全てをエージェントに任せるのではなく適宜使い分けることができるということですね。 まとめ いかがだったでしょうか! Firebase Studioのプロトタイピングエージェントは、アイデアを素早く形にし、Firebaseの強力なバックエンド機能を活用したインタラクティブなプロトタイプを容易に作成できる画期的なツールです。 これまで、バックエンドの構築に手間がかかっていたためにプロトタイピングに時間をかけられなかった開発者や、コードを書くことに抵抗があるデザイナーにとって、Firebase Studioは強力な味方となるでしょう。 まだモバイルの対応はしていないですが「他のプラットフォームとフレームワークのサポートは近日提供予定です。」とのことで、近いうちにモバイルアプリにも対応するのではないかと思います。 すでにFirebase Studio上でAndroid、iOSのエミュレータを利用できるようなので、今回のエージェントがモバイルでも使用できるようになれば、かなり魅力的な製品になるのではないかと感じています! もし、高速かつ効率的なプロトタイピングに関心がありましたら、 ぜひ一度Firebase Studioとそのプロトタイピングエージェントを試してみてはいかがでしょうか。 関連コンテンツ 頂きましたご意見につきましては、今後のより良い商品開発・サービス改善に活かしていきたいと考えております。 よくわかった よくわからない もっと知りたい 面白かった 興味がある Author w.t BSG事業部2022年11月 中途入社。 アプリを中心に現場では開発業務に従事。 多趣味で色んなものに手を出しています。 Firebase 生成AI(Generative AI) 2025年6月2日 Firebase Studioを触ってみた Category モバイル 前の記事を読む 必読!Vertex AI Search for Commerce データ利用規約のポイントまとめ | VAIS:C 次の記事を読む Qiita Conference 2025 に参加しました! Recommendation オススメ記事 2023年9月5日 Google Cloud 【Google Cloud】Looker Studio × Looker Studio Pro × Looker を徹底比較!機能・選び方を解説 2023年8月24日 Google Cloud 【Google Cloud】Migrate for Anthos and GKEでVMを移行してみた(1:概要編) 2022年10月10日 Google Cloud 【Google Cloud】AlloyDB と Cloud SQL を徹底比較してみた!!(第1回:AlloyDB の概要、性能検証編) BigQuery ML ワークショップ開催のお知らせ 生成AI導入支援パッケージ Discovery AI導入支援パッケージ Google Cloud ホワイトペーパー 新着記事 2025年6月4日 ブログ Qiita Conference 2025 に参加しました! 2025年6月2日 モバイル Firebase Studioを触ってみた 2025年6月2日 Google Cloud 必読!Vertex AI Search for Commerce データ利用規約のポイントまとめ | VAIS:C HOME モバイル Firebase Studioを触ってみた ご意見・ご相談・料金のお見積もりなど、お気軽にお問い合わせください。 お問い合わせはこちら Categories お知らせ イベント・セミナー Google Cloud Google Workspace モバイル インフラ 技術開発 ブログ 4koma Tags 生成AI(Generative AI) Vertex AI Search Looker Studio BigQuery AlloyDB Google Workspace 事例紹介 Cloud SQL STSエンジニアリングマガジン 「サイタル」 当サイトではクッキー(Cookie)、Googleアナリティクスを利用します。 「同意する」をクリックいただくことで、サイト上での最高のエクスペリエンスをご提供いたします。 ※詳細は以下をご覧ください。 外部送信ポリシー プライバシーポリシー同意する同意しない