Firebase Studio ワークスペースについて

Firebase Studio は、フレームワークとライブラリを幅広く組み合わせてアプリケーションを構築するプロセスを簡素化する、コラボレーション重視のクラウドベースの開発環境を提供します。

Firebase Studio ワークスペースを設定すると、完全な機能を備えた柔軟な開発環境にアクセスして共有できます。Firebase Studio ワークスペースには任意のデバイスからアクセスでき、統合されたツールを使用して、ユーザーとチームの開発プロセスを効率化できます。

ワークスペースの作成

Firebase Studio のワークスペースは、アプリケーションの開発に必要なものがすべて揃った開発環境です。コード、コードエディタ（プロジェクトに関連するプラグインを含む）、アプリ開発をサポートするツールチェーンが含まれています。ローカル デスクトップ開発環境で新しいプロジェクトを作成するのと同様ですが、コンピュータとオペレーティング システム全体が事前構成され、アプリケーションの構築に専用に使用されます。アプリケーションはクラウド内のブラウザで実行され、どこからでもアクセスできます。

Firebase Studio ワークスペースは単一のコードベースを含むように最適化されているため、異なるアプリケーションの環境とシステムレベルの依存関係を互いに分離できます。複数のワークスペースを作成して、さまざまなアプリケーションやフレームワークで使用できます。

新しいワークスペースを作成するには:

ワークスペースを構成する

Firebase Studio は Nix を使用して、各ワークスペースの環境構成を定義します。Nix は純粋に機能的なパッケージ マネージャーであり、各依存関係に一意の ID を割り当てます。つまり、環境に同じ依存関係の複数のバージョンをシームレスに含めることができます。また、再現可能で宣言的です。Firebase Studio のコンテキストでは、ワークスペース間で Nix 構成ファイルを共有して、同じ環境構成を読み込むことができます。詳しくは、Nix + Firebase Studio をご覧ください。

.idx/dev.nix ファイルを作成または編集する

環境構成は、コード リポジトリの .idx/dev.nix ファイルで定義されます。このファイルには、ワークスペースに追加するすべてのコンポーネント（以下を含む）を指定します。

Firebase Studio でアプリのプレビューを有効にする基本的なワークスペース環境の構成については、次の .idx/dev.nix ファイルの例をご覧ください。

{ pkgs, ... }: {

  # Which nixpkgs channel to use.
  channel = "stable-23.11"; # or "unstable"

  # Use https://search.nixos.org/packages to find packages
  packages = [
    pkgs.nodejs_20
  ];

  # Sets environment variables in the workspace
  env = {
    SOME_ENV_VAR = "hello";
  };

  # Search for the extensions you want on https://open-vsx.org/ and use "publisher.id"
  idx.extensions = [
    "angular.ng-template"
  ];

  # Enable previews and customize configuration
  idx.previews = {
    enable = true;
    previews = {
      web = {
        command = [
          "npm"
          "run"
          "start"
          "--"
          "--port"
          "$PORT"
          "--host"
          "0.0.0.0"
          "--disable-host-check"
        ];
        manager = "web";
        # Optionally, specify a directory that contains your web app
        # cwd = "app/client";
      };
    };
  };
}

新しい構成を適用する

dev.nix 構成ファイルを追加または更新すると、Firebase Studio の右下に環境を再ビルドするためのプロンプトが表示されます。環境の再ビルドにかかる時間は、構成に必要なパッケージの数によって異なります。

環境ビルドの失敗をデバッグする

構成ファイルは機械可読コードであるため、エラーが発生する可能性があります。その場合、環境のビルドに失敗し、開始されない可能性があります。Firebase Studio には、Recovery 環境を開始するオプションが表示されます。このワークスペースには、定義した構成は含まれておらず、基本的な Code OSS のみが実行されます。これにより、dev.nix 構成ファイルのエラーを修正して環境を再ビルドできます。

次のステップ