既存のプロジェクトを使ってみる

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 installflutter pub get など)を実行するように onCreate を構成できます。

これを構成すると、ユーザーがリポジトリを Firebase Studio にインポートするたびに、依存関係が自動的にインストールされます。

次のステップ