開発環境でコードを開く

JetBrains Gateway を開きます。

CodeCanvas にまだ接続されていない場合:

1. 接続のリストから、JetBrains コードキャンバスを選択します。

2. CodeCanvas に接続するをクリックします。

3. CodeCanvas インスタンスの URL を指定し、ブラウザーで続行をクリックします。

4. ブラウザーで「受諾」をクリックし、JetBrains Gateway に CodeCanvas アカウントへのアクセスを許可します。

5. JetBrains Gateway に戻ります。

新しい環境をクリックします。

環境名とその他の設定を指定します。

• テンプレート – 環境のベースとなるテンプレート。開発環境のリソース、Git リポジトリ、IDE、その他の設定を定義します。

  テンプレートの詳細

• ブランチ – 環境にチェックアウトされるプロジェクトリポジトリのブランチ。デフォルトでは、CodeCanvas はテンプレートで指定されたブランチを使用します。テンプレートに複数のリポジトリがある場合は、リポジトリごとにブランチのオーバーライドを追加できます。

• ウォームアップのスナップショット – 環境の初期化に使用されるウォームアップスナップショット。通常、ウォームアップスナップショットには、プロジェクトのインデックス、キャッシュ、依存関係、その他のデータが含まれており、環境の起動を大幅に高速化できます。

  ウォームアップとブランチ

  CodeCanvas は、最新の適切なスナップショットを自動的に選択します。最良の一致とは、作成された環境と同じブランチに基づくスナップショットのことです。完全に一致するスナップショットが見つからない場合、CodeCanvas はテンプレートで指定されたブランチに基づくスナップショットを使用します。これは良い試合とみなされ、インデックスの再構築が発生する可能性があるため、環境の起動に時間がかかる場合があります。スナップショットが見つからない場合は、新しい環境が最初から作成されます。

  例: テンプレートブランチは main で、main ブランチをベースにしたウォームアップスナップショットがあります。main ブランチをベースにした環境を作成すると、CodeCanvas はこのスナップショットを最良の一致として使用します。

  ここで、feature ブランチをベースにした環境を作成したいとします。feature ブランチのスナップショットがないため、CodeCanvas は main ブランチのスナップショットを使用します。これは良い試合とみなされます。IDE が一部のプロジェクトインデックスを再構築する必要がある場合があり、起動時間が長くなる可能性があります。

  ウォームアップスナップショットの詳細については、こちらを参照する

• 個人パラメーター – プロジェクトで機密パラメーター（API キー、パスワードなど）が必要な場合は、ここで指定してください。必須パラメーター（必須）と省略可能なパラメーター（省略可能）があります。プレーンテキスト値を指定することはできません。代わりに、個人用パラメーターストレージ内のパラメーターへの参照を使用してください。

  個人用ストレージにパラメーターを作成する方法を学ぶ

環境を作成するをクリックします。

これにより環境の作成が開始されます。環境の準備が整うと、Gateway が自動的に IDE を開きます。

CodeCanvas で、左上隅の CodeCanvas ロゴをクリックします。このページにすべての開発環境が一覧表示されます。

新しい環境をクリックします。

テンプレートの選択タブで、環境のベースとして使用するテンプレートを選択します。このテンプレートは、開発環境のリソース、Git リポジトリ、IDE、その他の設定を定義します。

テンプレートの詳細

プロジェクトに機密パラメーター (API キー、パスワードなど) が必要な場合は、個人的なパラメーターを提供するタブに切り替えてここで入力します。

必須パラメーター（必須）と省略可能なパラメーター（省略可能）があります。プレーンテキスト値を指定することはできません。代わりに、個人用パラメーターストレージ内のパラメーターへの参照を使用してください。

個人用ストレージにパラメーターを作成する方法を学ぶ

その他の設定タブで、環境名とその他の設定を指定します。

• ブランチ – 環境にチェックアウトされるプロジェクトリポジトリのブランチ。デフォルトでは、CodeCanvas はテンプレートで指定されたブランチを使用します。テンプレートに複数のリポジトリがある場合は、リポジトリごとにブランチのオーバーライドを追加できます。

• ウォームアップスナップショットを使用する – 環境の初期化にウォームアップスナップショットを使用するかどうか。通常、ウォームアップスナップショットには、プロジェクトのインデックス、キャッシュ、依存関係、その他のデータが含まれており、環境の起動を大幅に高速化できます。

  ウォームアップとブランチ

  CodeCanvas は、最新の適切なスナップショットを自動的に選択します。最良の一致とは、作成された環境と同じブランチに基づくスナップショットのことです。完全に一致するスナップショットが見つからない場合、CodeCanvas はテンプレートで指定されたブランチに基づくスナップショットを使用します。これは良い試合とみなされ、インデックスの再構築が発生する可能性があるため、環境の起動に時間がかかる場合があります。スナップショットが見つからない場合は、新しい環境が最初から作成されます。

  例: テンプレートブランチは main で、main ブランチをベースにしたウォームアップスナップショットがあります。main ブランチをベースにした環境を作成すると、CodeCanvas はこのスナップショットを最良の一致として使用します。

  ここで、feature ブランチをベースにした環境を作成したいとします。feature ブランチのスナップショットがないため、CodeCanvas は main ブランチのスナップショットを使用します。これは良い試合とみなされます。IDE が一部のプロジェクトインデックスを再構築する必要がある場合があり、起動時間が長くなる可能性があります。

  ウォームアップスナップショットの詳細については、こちらを参照する

作成をクリックします。

これにより JetBrains Gateway が開き、環境の作成が開始されます。環境の準備が整うと、Gateway が自動的に IDE を起動します。

JetBrains Toolbox を開きます。

右上隅のリストで、ローカルではなく CodeCanvas を選択します。

CodeCanvas にまだ接続されていない場合:

1. CodeCanvas インスタンスの URL を指定してログインをクリックします。ブラウザーにリダイレクトされます。

2. ブラウザーで受諾をクリックし、CodeCanvas に JetBrains Toolbox 権限を付与します。

3. JetBrains Toolbox に戻ります。

新しい環境をクリックします。

テンプレートの選択で、環境のベースとして使用するテンプレートを選択します。テンプレートの詳細

環境を構成するには、構成をクリックし、環境名前とその他の設定を指定します。

• リポジトリブランチ – 環境にチェックアウトされるプロジェクトリポジトリのブランチ。デフォルトでは、CodeCanvas はテンプレートで指定されたブランチを使用します。テンプレートに複数のリポジトリがある場合は、リポジトリごとにブランチのオーバーライドを追加できます。

• 個人パラメーター – プロジェクトで機密パラメーター（API キー、パスワードなど）が必要な場合は、ここで指定してください。必須パラメーター（必須）と省略可能なパラメーター（省略可能）があります。プレーンテキスト値を指定することはできません。代わりに、個人用パラメーターストレージ内のパラメーターへの参照を使用してください。適切なパラメーターが見つからない場合は、対応するリンクをクリックして新しいパラメーターを作成できます。

  個人用ストレージにパラメーターを作成する方法を学ぶ

作成をクリックします。

これにより環境の作成が開始されます。環境の準備が整うと、Toolbox は自動的に IDE を開きます。

JetBrains Gateway を開きます。

CodeCanvas にまだ接続されていない場合:

1. 接続のリストから、JetBrains コードキャンバスを選択します。

2. CodeCanvas に接続するをクリックします。

3. CodeCanvas インスタンスの URL を指定し、ブラウザーで続行をクリックします。

4. ブラウザーで「受諾」をクリックし、JetBrains Gateway に CodeCanvas アカウントへのアクセスを許可します。

5. JetBrains Gateway に戻ります。

新しい環境をクリックします。

環境名とその他の設定を指定します。

• テンプレート – 環境のベースとなるテンプレート。開発環境のリソース、Git リポジトリ、IDE（VS Code）、その他の設定を定義します。

  テンプレートの詳細

• ブランチ – 環境にチェックアウトされるプロジェクトリポジトリのブランチ。デフォルトでは、CodeCanvas はテンプレートで指定されたブランチを使用します。テンプレートに複数のリポジトリがある場合は、リポジトリごとにブランチのオーバーライドを追加できます。

• ウォームアップのスナップショット – 環境の初期化に使用されるウォームアップスナップショット。通常、ウォームアップスナップショットには、プロジェクトのインデックス、キャッシュ、依存関係、その他のデータが含まれており、環境の起動を大幅に高速化できます。

  ウォームアップスナップショットの詳細については、こちらを参照する

• 個人パラメーター – プロジェクトで機密パラメーター（API キー、パスワードなど）が必要な場合は、ここで指定してください。必須パラメーター（必須）と省略可能なパラメーター（省略可能）があります。プレーンテキスト値を指定することはできません。代わりに、個人用パラメーターストレージ内のパラメーターへの参照を使用してください。

  個人用ストレージにパラメーターを作成する方法を学ぶ

環境を作成するをクリックします。

これにより環境の作成が開始されます。環境の準備が整うと、JetBrains Gateway はプロジェクトコードを使用して VS Code/Cursor を自動的に開きます。

CodeCanvas で、左上隅の CodeCanvas ロゴをクリックします。このページにすべての開発環境が一覧表示されます。

新しい環境をクリックします。

テンプレートの選択タブで、環境のベースとして使用するテンプレートを選択します。このテンプレートは、開発環境のリソース、Git リポジトリ、IDE、その他の設定を定義します。

テンプレートの詳細

プロジェクトに機密パラメーター (API キー、パスワードなど) が必要な場合は、個人的なパラメーターを提供するタブに切り替えてここで入力します。

必須パラメーター（必須）と省略可能なパラメーター（省略可能）があります。プレーンテキスト値を指定することはできません。代わりに、個人用パラメーターストレージ内のパラメーターへの参照を使用する必要があります。

個人用ストレージにパラメーターを作成する方法を学ぶ

その他の設定タブで、環境名とその他の設定を指定します。

• ブランチ – 環境にチェックアウトされるプロジェクトリポジトリのブランチ。デフォルトでは、CodeCanvas はテンプレートで指定されたブランチを使用します。テンプレートに複数のリポジトリがある場合は、リポジトリごとにブランチのオーバーライドを追加できます。

• ウォームアップのスナップショット – 環境の初期化に使用されるウォームアップスナップショット。通常、ウォームアップスナップショットには、プロジェクトのインデックス、キャッシュ、依存関係、その他のデータが含まれており、環境の起動を大幅に高速化できます。

  ウォームアップスナップショットの詳細については、こちらを参照する

作成をクリックします。

環境の作成が開始されます。環境の準備が完了すると、VS Code/Cursor が自動的に開きます。

JetBrains Toolbox を開きます。

右上隅のリストで、ローカルではなく CodeCanvas を選択します。

CodeCanvas にまだ接続されていない場合:

1. CodeCanvas インスタンスの URL を指定してログインをクリックします。ブラウザーにリダイレクトされます。

2. ブラウザーで受諾をクリックし、CodeCanvas に JetBrains Toolbox 権限を付与します。

3. JetBrains Toolbox に戻ります。

新しい環境をクリックします。

テンプレートの選択で、環境のベースとして使用するテンプレートを選択します。テンプレートの詳細

環境を構成するには、構成をクリックし、環境名前とその他の設定を指定します。

• リポジトリブランチ – 環境にチェックアウトされるプロジェクトリポジトリのブランチ。デフォルトでは、CodeCanvas はテンプレートで指定されたブランチを使用します。テンプレートに複数のリポジトリがある場合は、リポジトリごとにブランチのオーバーライドを追加できます。

• 個人パラメーター – プロジェクトで機密パラメーター（API キー、パスワードなど）が必要な場合は、ここで指定してください。必須パラメーター（必須）と省略可能なパラメーター（省略可能）があります。プレーンテキスト値を指定することはできません。代わりに、個人用パラメーターストレージ内のパラメーターへの参照を使用してください。適切なパラメーターが見つからない場合は、対応するリンクをクリックして新しいパラメーターを作成できます。

  個人用ストレージにパラメーターを作成する方法を学ぶ

作成をクリックします。

これにより環境の作成が開始されます。環境の準備が整うと、Toolbox は自動的に IDE を開きます。