[Firebase Studio で開く] ボタンを追加する

Firebase Studio を使用すると、コードベースを初めて使用するユーザーが開発環境を設定して生産性を高めるための手順を簡素化できます。

例:

• 他のコントリビューターとチームで作業している場合は、プロジェクトに正確に合わせて環境をカスタマイズし、.idx/dev.nix ファイルをプロジェクトの Git リポジトリに commit できます。これにより、チームメイトが Firebase Studio でその Git リポジトリをインポートすると、チームメイトの新しいワークスペースは、同じシステム パッケージ、IDE 拡張機能、起動スクリプトなど、現行のワークスペースとまったく同じ構成になります。

• 他のユーザーが使用できるようにフレームワークまたはライブラリを構築する場合は、サンプルコード リポジトリに .idx/dev.nix ファイルを含めることができます。これにより、ユーザーがサンプルを Firebase Studio にインポートするときに、環境の設定をスキップして、フレームワークの試用にすぐに進めます。ユーザー向けの独自のカスタム テンプレートを作成して、カスタマイズ可能な出発点として使用することもできます。

環境のカスタマイズに問題がなければ、プロジェクトの README.md ファイルなどのドキュメントに [Firebase Studio で開く] ボタンを追加して、他のユーザーがプロジェクトを Firebase Studio にインポートしやすくします。

「Firebase Studio で開く」の一般的なエントリ ポイント

[Firebase Studio で開く] ボタンには、いくつかの URL パターンを使用できます。

• Git リポジトリの URL が事前入力された [Git リポジトリをインポートする] フローにリンクするには、次の URL パターンを使用します。

  https://studio.firebase.google.com/import?url=https://github.com/my-org/my-repo
  

  現時点では、GitHub リポジトリ（非公開と公開の両方）のみがサポートされています。

• 事前定義されたワークスペース テンプレートにリンクするには、Firebase Studio の [テンプレート] ページで目的のテンプレートを見つけて、URL をコピーします。次のURL パターンに従う必要があります。

  https://studio.firebase.google.com/new/gemini
  

• テンプレートの GitHub URL が事前入力されたカスタム テンプレートにリンクするには、次の URL パターンを使用します。

  https://studio.firebase.google.com/new?template=https://github.com/my-org/my-template
  

• プロンプトが事前入力された App Prototyping agent を開くには、次の URL パターンを使用します。

  https://studio.firebase.google.com/?prototypePrompt=Create an app that transforms sketches into a high-quality photograph with Gemini
  

[Firebase Studio で開く] ボタンを追加する

[Firebase Studio で開く] SDK をインストールするか、このツールを使用して Firebase Studio ボタンの HTML を生成します。