Firebase Studio は、既存のウェブアプリ プロジェクトを Firebase Studio ワークスペースに効率的にインポートする方法を提供します。これにより、Firebase Studio の AI を活用したアシスタンスや、効率的な開発、デプロイ、モニタリング機能を使用して、既存のプロジェクトで続けて作業できます。
プロジェクトは、ソース リポジトリ(GitHub、GitLab、Bitbucket)、Builder.io Figma プラグインを使用して Figma から、またはローカル アーカイブ ファイルからインポートできます。Firebase Studio は、100 MiB 未満の gzip 圧縮された tar ファイルと zip ファイルのインポートをサポートしています。
開始する
ステップ 1: プロジェクトをインポートする
ステップ 2: 依存関係をインストールする
デフォルトでは、Firebase Studio はプロジェクトのインポート時に依存関係をインストールしないため、最初のインポート後に手動で行う必要があります。
たとえば、Flutter アプリをインポートする場合は、ターミナルで flutter pub get
を実行します。JavaScript アプリまたは TypeScript アプリの場合は npm install
を実行します。
プロジェクト リポジトリの dev.nix
ファイルに onCreate
フックを追加すると、テンプレートの今後のすべてのユーザーと今後のインポートに対してこれを変更できます。プロジェクトに適したビルドコマンド(npm install
や flutter pub
get
など)を実行するように onCreate
を構成できます。
これを構成すると、ユーザーがリポジトリを Firebase Studio にインポートするたびに、依存関係が自動的にインストールされます。
次のステップ
- Firebase Studioワークスペースの詳細。
- Firebase Studioワークスペースをカスタマイズする。
- 質問への回答、コードの生成と編集、バグの修正、ツールの実行を支援し、Firebase の Gemini が、アプリ開発を加速させる方法をご覧ください。
- プロジェクトをカスタム テンプレートに変換する。