Check out the latest news from Firebase at Cloud Next 2025.
Learn more.
Firebase Studio テンプレートを使ってみる
コレクションでコンテンツを整理
必要に応じて、コンテンツの保存と分類を行います。
Firebase Studio は多くのフレームワークとバックエンドをサポートしており、さまざまなフレームワーク、言語、データベース、API 用の多数の事前構成済みテンプレートとサンプルアプリを提供します。
以下のすべてのテンプレート(特に、任意のフレームワークに使用できる空白のテンプレート)は、Firebase Studio と GitHub で入手できます。GitHub には、オープンソース コミュニティからの貢献を可能にするコミュニティ テンプレートもあります。
バックエンド テンプレート
- Go
- Python Flask
- Node Express
- Rust
- Laravel
- Python Django
- Gemini API(Go バックエンド)
- Gemini API(Python バックエンド)
- .NET
- Java
- Dart
- C++
- Ruby
- PHP
AI テンプレート
- Gemini API
- Gemini を使用した LangChain
- Firebase Genkit
- Firebase Studio エージェント: GitHub Actions
- Firebase Studio エージェント: VSCode 拡張機能
- Gemini API ノートブック
- Gemini API + Google Maps Platform
ウェブ テンプレート
- Angular
- Next.js
- Astro
- React
- シンプルな HTML
- Svelte
- Vue.js
- SolidJS
- Preact
- React + Google Maps Platform
- Google Pay API(ウェブ向け)
モバイル テンプレート
- Flutter
- React Native
- React Native + Expo
データベース
- Postgres
- MySQL
- Prisma
- MongoDB
- Firebase Data Connect
ソリューションとサンプルアプリ
- コンパス トラベルのデモ
- じゃんけんゲーム
- 冒険の夢を叶えよう
- ジャーナル バディ
- Gemini を使用したメロディーの生成
- テーブルトーク RPG キャラクター生成ツール
- Flutter による Gemini の画像ゲーム
- その他多数
テンプレートを使ってみる
テンプレートから Firebase Studio プロジェクトを開始するには:
Google アカウントにログインし、Firebase Studio を開きます。
使用するテンプレートが表示されたら、それを選択します。そうでない場合は、[すべてのテンプレートを表示] をクリックして、使用するテンプレートに一致するテンプレートを選択します。
プロンプトが表示されたら、ワークスペースの名前を入力し、選択したプロジェクトの種類に応じて、必要なその他の情報を入力します。たとえば、Python Flask プロジェクトを選択した場合は、パッケージ マネージャー(poetry または pip)とサーバータイプ(API サーバーまたはウェブサーバー)を選択できます。
[作成] をクリックします。Firebase Studio は、選択したテンプレートに基づいて新しいワークスペースを作成します。
次のステップ
特に記載のない限り、このページのコンテンツはクリエイティブ・コモンズの表示 4.0 ライセンスにより使用許諾されます。コードサンプルは Apache 2.0 ライセンスにより使用許諾されます。詳しくは、Google Developers サイトのポリシーをご覧ください。Java は Oracle および関連会社の登録商標です。
最終更新日 2025-04-11 UTC。
[[["わかりやすい","easyToUnderstand","thumb-up"],["問題の解決に役立った","solvedMyProblem","thumb-up"],["その他","otherUp","thumb-up"]],[["必要な情報がない","missingTheInformationINeed","thumb-down"],["複雑すぎる / 手順が多すぎる","tooComplicatedTooManySteps","thumb-down"],["最新ではない","outOfDate","thumb-down"],["翻訳に関する問題","translationIssue","thumb-down"],["サンプル / コードに問題がある","samplesCodeIssue","thumb-down"],["その他","otherDown","thumb-down"]],["最終更新日 2025-04-11 UTC。"],[],[]]