無料でアプリが作れるGoogle「Firebase Studio」が凄い！プログラミング初心者のための使い方ガイド

こんな悩みや疑問を持っていませんか？💭

• 「プログラミング初心者だけどアプリを作ってみたい」

• 「Firebase Studio（ファイアーベース スタジオ）って何？どうやって使うの？」

• 「簡単にアプリ開発できるAIツールを探している」

この記事で解説すること📢

• Googleの新AIツール「Firebase Studio」の概要

• プログラミング初心者向けFirebase Studioの使い方

• 実際にFirebase Studioでアプリ開発した感想

この記事を読むことで、分かることや具体的な行動プラン💡

• Firebase Studioの使い方と魅力が分かる

• 自分でもアプリ開発に挑戦できると実感する

• Firebase Studioでアプリ開発を始めたくなる

先日こんな記事を目にしました👀

概要を説明するとGoogleから初心者でもアプリ開発ができる、「Firebase Studio（ファイアーベース スタディオ）」という新AIツールの提供が開始されたよ～というニュース📢

これはなかなかに、ビッグニュースではないでしょうか！！

本記事ではGoogleが提供する「Firebase Studio（ファイアーベース スタディオ）」の登録手順→アプリ開発→実機レビューを解説していきます。

Firebase Studioとは？

登録手順の前に、まずは軽く概要説明をします。

Firebase Studio（ファイアーベース スタディオ）とは、Googleが2025年4月に発表したクラウドベースの統合型開発プラットフォームで、生成AIを活用してフルスタックアプリケーションの開発を効率化するツールです。

ブラウザ上で動作し開発者がAPI、バックエンド、フロントエンド、モバイルアプリなどを迅速にプロトタイピングから公開、運用まで一貫して構築が可能。

GoogleのAIモデル「Gemini」が使用できるため、プログラミング初心者でも開発する環境が整っているとのこと。

Firebase Studioの登録手順

登録はチョーゼツ簡単です💻

Googleアカウントを持っているなら、1分もかかりません🕐

下記の公式サイトからログインするだけ！

今の時代「Googleアカウントを持っていない」という人は少ないでしょうが、持っていない場合は作成をしておきましょう！

Firebase Studioでアプリ開発をする手順

Firebase Studioの画面はこんな感じ👇

画面中央にプロンプト入力画面がある、シンプルな画面ですね。

画面下部の「新しいワークスペース」をクリックすると、こんな画面になりました👇

私はエンジニアではないので、なんのこっちゃ分かりませんがとりあえず豊富なテンプレートが揃っていました。

1から開発するよりかはテンプレートを使った方が、開発が楽ということでしょうね💭

Step1.アプリ開発

では早速、プロンプトを入力してアプリ開発をしていきます！

はじめっから凝ったプロンプトで開発するのも良いのですが、「初心者向け」ということで簡単なプロンプトでまずはお試しです👍

私が運営している「学生ライフ ブログ」のユーザーに焦点を当てて、アプリ開発をしたいと思います🧑‍🎓

以下のプロンプトで、開発をしていきます💡

早速、アプリ開発を進めてくれるものかと思いきや、こんなメッセージが。

AIが「こんな概要のアプリ作りますけどOKっすか？」的なことを聞いてきました。

なぜかメッセージは日本語翻訳ができなかったので、このまま進めちゃいます🖱️

よーしこれで開発できるだろ！と思った矢先、今度はこんなメッセージが。

GeminiのAPIキーを求められました。

私はGoogle AI Studioを普段から使っておりAPIキーも取得済みだったので、入力しました。

よし！ようやくこれで…と思ったら今度はエラーが💦

エラーメッセージを翻訳したら、「エラーが検出されました、修正しましょうか？」という提案。

AI自らエラー検出ができるのは、素晴らしいですね✨✨

ただ私は手順通りに進めただけですけど…と本音は思ってしまいましたww

そしてようやく完成した、大学生向けの時間割アプリがこちら👇

Step2.コードの微調整

完成した時間割アプリが英語かつだいぶ簡素なので、微調整をしていきます。

以下の修正用のプロンプトで指示していきます。

アプリ内言語が英語なので日本語に修正してください。また日本人の大学生に合わせて、もっと機能を増やしてください。

修正された内容がこちら。

うん！しっかりと日本語になっていますね🔂

ただ残念なのは、機能が拡充されていないこと…

まー指示自体も「○○の機能を追加して」と具体性に欠けたのも要因でしょう。

ってことで新たな機能アイデアをChatGPTに考えてもらったので、それを突っ込みます。

1. スケジュール管理強化
学期・祝日カレンダー連携

大学のシラバスや学事日程（休講日・試験期間・履修登録〆切など）をあらかじめ取り込む

→履修漏れ・休講の見落としを防止

柔軟な時間割ビュー切替

週表示・日表示・リスト表示をワンタップで切替

→その日の予定を即時把握できる

2. 課題・タスク管理
シラバス連動タスク

授業ごとに提出物や予習範囲を登録し、締切までのカウントダウン表示

→提出忘れ・勉強遅れを減らす

To-Do リスト／リマインダー

自由タスク（アルバイトシフト、サークル予定、就活イベントなど）もまとめて管理

プッシュ通知でリマインド

3. ノート・資料連携
講義ノート／PDFアップロード

各授業に紐づけてノートや配布資料をクラウド保存

キーワード検索で必要な資料を瞬時に取り出せる

音声録音・文字起こし機能（※オプション）

授業音声を録って自動で文字起こし

→欠席時や復習時に便利

4. コミュニケーション・シェア機能
時間割シェア／グループ機能

ゼミ仲間やサークルメンバーで共有タイムテーブルを作成

共同で課題の締切やイベント情報を管理

チャット連携（Slack／LINEなど）

アプリ内通知を既存のチャットツールへ飛ばせる

5. 勉強ログ・分析機能
学習時間トラッキング

各授業・自習時間をタイマーで記録

→どの科目にどれだけ時間を割いたか可視化

GPA・単位取得管理

成績入力でGPAを自動計算

卒業までに必要な単位数の進捗管理

6. カスタマイズ性・利便性
ウィジェット対応

スマホ／PCのホーム画面に当日の時間割を表示

ダークモード・テーマカラー変更

目の疲れ軽減、個性を演出

多言語対応

留学生や語学学習にも対応

7. 通知・アラート機能
教室変更・休講アラート

大学公式システム（SNS、Moodleなど）とAPI連携してリアルタイム通知

試験直前リマインダー

中間／期末試験１週間前から毎日通知

###
上記は時間割アプリの追加機能案です。対応可能な機能は追加してください。

何度かエラーが出たので修正を繰り返し、ようやく完成です！！

なかなかに多機能なアプリになりました📱

Step3.開発したアプリをデプロイ（公開）

今どきは作ったアプリやツールを、簡単に公開/共有できる便利な時代になりましたね！

せっかく作ったアプリなので、公開しちゃいましょう！

画面右上の「公開」ボタンをクリック🖱️

Google Cloudアカウントを持っていない人は、新規作成＆請求先とリンクが必要です。

私はアカウントを持っていなかったので、新規に作成しました。

新規作成や請求先とリンクするだけでは、お金は発生しないのでご安心を💰

ただしアプリ公開後、ユーザーが使用した場合、無料枠を超えれば従量課金としてお金が発生する仕組みです。

ロールアウトボタンを押すと、公開に結構時間がかかりました🕐

私の場合、約5分程で公開完了。

共有したいのはやまやまなんですが、今回APIを利用したので誰かに使用されてしまうと、私のお金が吹っ飛んでいってしまいますww

ですのでこの場では共有は控えます🙇‍♂️

【実機レビュー】実際にFirebase Studioを使ってみた感想

今回、登録→アプリ開発を挑戦してみて思ったことがあるので共有します。

良かった点1つ目｜エラーを検知して修正案を出してくれる

私はプログラミング知識がほとんどない、ど素人です。

にもかかわらず手探りでしたが、なんとかアプリ開発ができました✨✨

AIがコーディングをして、かつエラーを検知し修正までしてくれるという様様状態ww

他にもコーディングをしてくれるAIは増えていますが、修正の提案まではしてくれません。

他のAIの場合は修正箇所を指示しなければ、再度コーディングをしてくれないですよね。

その点では、すごく使い勝手が良かったです💻

良かった点2つ目｜GeminiやAI Studioよりプログラミングに特化されている

ChatGPTを筆頭に、GeminiやAI Studioでもコーディングをしてくれますよね。

ただChatGPTなどのAIはあくまでLLM。

プログラミングに特化したAIではありません。

その点Firebase Studioはプログラミング/アプリ開発に特化しているので、やはりクオリティも高いです👍

ChatGPTなどのLLMで指示するのとはわけが違って、ユーザーの意図を読み取って質の高い出力をしてくれる感覚がありました。

残念だった点1つ目｜日本語対応していない

新しいAIにあるあるですが、日本語対応していないというのが残念ポイントでした。

画面自体はGoogle翻訳で自動的に日本語表記だったのですが、チャット文章が日本語に翻訳されませんでした。

DeepLの拡張機能もなぜか機能せずでした😢

日本語対応は今後に期待ですね。

残念だった点2つ目｜APIが必要

あたりまえっちゃ当たり前なのですが、やはりこういった開発はAPIが必須でした。

もちろん開発内容によってはAPIを使用しないように、とプロンプトで指示することもできるかもしれないですが…

ただそこそこ使えるアプリやツールを開発しようとなると、どうしてもAPIが必要になってくるんですよね～💦

私は普段からAIをバンバン使用している方ですが、実を言うとあまりAIにもお金を使いたくありません！

色んなAIを組み合わせて、なんとか無料で使い倒してるという現状。

お恥ずかしながらChatGPT初期ユーザーなのに、有料プランに課金していないというね…ww

従量課金だとしてもお金が消費されるのがイヤな人は、開発までにとどめてデプロイはやめておいた方がよいでしょう。

まとめ｜Cursor（カーソル）より断然使いやすい！

プログラミング/コーディングに強いAIといえば、Cursor（カーソル）ではないでしょうか。

エンジニアらが高く評価しているCursor（カーソル）、私も使ったことがあります。

ただ正直ってCursorは、慣れていない人にとってメッチャ使いづらいと思います。

AIにそこそこ強い私ですら、初期画面で「どう使えばいいの…これ」となりましたからww

ですが今回「Firebase Studio」を使ってみて、断然コッチの方が使いやすい！と声を大にして言いたい。

天下のGoogleが提供しているだけあって、UI・UXも初心者でも使いやすい設計になっていると感じました。

気になった人は自分自身で、アプリ開発挑戦してみてください💪🔥

Firebase Studioの登録リンクは下記からどうぞ～🍀

▼ プロフィール記事 ▼

▼ 人気有料記事 ▼