既存の codespace を開く

この記事の内容

終了または停止した codespace をもう一度開いて、作業に戻ることができます。

メモ: JetBrains IDE での GitHub Codespaces の使用は現在、パブリック ベータ版であり、変更される場合があります。

GitHub.com 上、JetBrains IDE 内、Visual Studio Code 内、または GitHub CLI を使って、アクティブなまたは停止している codespace をもう一度開くことができます。 削除された codespace を開き直すことはできません。 詳しくは、「codespace ライフサイクルについて」を参照してください。

自分のすべての codespace は、github.com/codespaces の [あなたの codespace] ページで確認できます。 このページからは、次のことを行うことができます。

リポジトリ ページから codespace を再開する

GitHub.com でリポジトリを表示しているときは、codespace をすぐに再開できます。

  1. リポジトリが GitHub.com に表示されている状態で、, (コンマ キー) を押します。

    [codespace の再開] ページが表示されます。 これにより、現在選んでいるリポジトリのブランチで、または、pull request を表示していた場合は、その pull request のトピック ブランチで最後に使った codespace を再開できます。

    [この codespace を再開する] ボタンと [新しく作成する] ボタンが表示されている [codespace の再開] ページのスクリーンショット。

  2. [この codespace を再開する] をクリックします。

    または、リポジトリのこのブランチに新しい codespace を作成する場合は、 [新しく作成する] をクリックします。

    注: このブランチに既存の codespace がない場合、ページには [codespace の作成] というタイトルが付けられ、 [新しい codespace の作成] というラベルが付いたボタンが表示されます。

このページにすばやく戻って codespace を再開したい場合は、このページのアドレスをブックマークできます。 または、リンク内のアドレスを使って、このリポジトリで独自の codespace を作成して再開する簡単な方法を他のユーザーに教えることができます。

[あなたの codespace] ページから既存の codespace を開く

  1. github.com/codespaces の [Codespaces] ページに移動します。

  2. 既定のエディターで codespace を開くには、codespace の名前をクリックします。 個人用設定ページで、Codespaces の既定のエディターを設定できます。 詳しくは、「GitHub Codespaces の既定のエディターを設定する」をご覧ください。

    既定以外のエディターで codespace を開くには、次のようにします。

    1. 開く codespace の右側にある省略記号 ( ... ) をクリックします。
    2. [開く] をクリックします。
    3. [開くアプリケーション] をクリックします。

    [開く] ダイアログのスクリーンショット。[Visual Studio Code で開く] が強調されています。

    codespace は次の中で開くことができます。

    • 自分のブラウザー
    • Visual Studio Code
    • JetBrains Gateway
    • JupyterLab

    Visual Studio Code または JetBrains Gateway を選ぶ場合、選んだアプリケーションをローカル コンピューターにインストールしていることを確認する必要があります。

    JupyterLab を選んだ場合は、JupyterLab アプリケーションを codespace にインストールする必要があります。 既定のコンテナー イメージには JupyterLab が含まれているため、既定のイメージから作成された codespace には常に JupyterLab がインストールされます。 既定のイメージの詳細については、「開発コンテナーの概要」と devcontainers/images リポジトリを参照してください。 開発コンテナー構成で既定のイメージを使用していない場合は、devcontainer.json ファイルに ghcr.io/devcontainers/features/python 機能を追加して JupyterLab をインストールできます。 オプション "installJupyterlab": trueを含める必要があります。 詳細については、devcontainers/features リポジトリの python 機能の README を参照してください。

既存の codespace にリンクする

既存の codespace へのリンクを作成できます。 これは、頻繁に戻る先となる、有効期間の長い codespace がある場合に便利です。 https://github.com/codespaces のリンクを使用する代わりに、任意の場所にリンクを保存することもできます。

注: ユーザー自身の codespace のみを開くことができます。 他の人があなたの codespace の 1 つへのリンクをクリックすると、404 エラー メッセージが表示されます。

次の URL パターンを使用してリンクを作成します。 これらのURL では、CODESPACE-NAME はの codespace の表示名ではなく、monalisa-project-x-codespace-956j5pp5pjpc79wx のように codespace の一意名を表します。 codespace の名前を見つけるには、https://github.com/codespaces ページ上の codespace へのリンクをコピーし、URL から codespace 名を抽出します。

リンクが開きますリンクの構文
VS Code Web クライアントhttps://CODESPACE-NAME.github.dev
指定されたワークスペースを持つ VS Code Web クライアントhttps://CODESPACE-NAME.github.dev?folder=/workspaces/PATH/TO/WORKSPACE/DIRECTORY
Visual Studio Code デスクトップ アプリケーションhttps://github.com/codespaces/CODESPACE-NAME?editor=vscode
JetBrains Gatewayhttps://github.com/codespaces/CODESPACE-NAME?editor=jetbrains
JupyterLabhttps://github.com/codespaces/CODESPACE-NAME?editor=jupyter

既存の codespace をもう一度開く

注: VS Code で GitHub Codespaces を使用するには、Codespaces 拡張機能をインストールする必要があります。 詳しくは、「Visual Studio Code で GitHub Codespaces を使用する」をご覧ください。

  1. VS Code デスクトップ アプリケーションで、Command + Shift + P (Mac) または Ctrl + Shift + P (Windows/Linux) を使ってコマンド パレットを開きます。

  2. 「Codespaces」と入力して、次のいずれかのコマンドを選びます。

    • VS Code の新しいウィンドウで codespace を開くには、 [Codespaces: 新しいウィンドウで codespace を開く] を選びます
    • Web エディターで codespace を開くには、 [Codespaces: ブラウザーで開く] を選びます

  3. 開く codespace をクリックします。

    VS Code コマンド パレットのスクリーンショット。接続できる codespace の一覧が表示されています。

VS Code のリモート エクスプローラー ビューに移動し、開く codespace を右クリックすることで、上記のコマンドにアクセスすることもできます。

右クリック メニューで [ブラウザーで開く] が強調されている、リモート エクスプローラーで選ばれた codespace のスクリーンショット。

注: リモート エクスプローラーがアクティビティ バーに表示されない場合:

  1. コマンド パレットにアクセスします。 たとえば、Shift + Command + P (Mac) / Ctrl + Shift + P (Windows/Linux) を押します。
  2. 次のコマンドを入力します: details
  3. [コードスペース: 詳細] をクリックします。

既存の codespace にリンクする

既存の codespace へのリンクを作成できます。 これは、頻繁に戻る先となる、有効期間の長い codespace がある場合に便利です。 https://github.com/codespaces のリンクを使用する代わりに、任意の場所にリンクを保存することもできます。

注: ユーザー自身の codespace のみを開くことができます。 他の人があなたの codespace の 1 つへのリンクをクリックすると、404 エラー メッセージが表示されます。

次の URL パターンを使用してリンクを作成します。 これらのURL では、CODESPACE-NAME はの codespace の表示名ではなく、monalisa-project-x-codespace-956j5pp5pjpc79wx のように codespace の一意名を表します。 codespace の名前を見つけるには、https://github.com/codespaces ページ上の codespace へのリンクをコピーし、URL から codespace 名を抽出します。

リンクが開きますリンクの構文
VS Code Web クライアントhttps://CODESPACE-NAME.github.dev
指定されたワークスペースを持つ VS Code Web クライアントhttps://CODESPACE-NAME.github.dev?folder=/workspaces/PATH/TO/WORKSPACE/DIRECTORY
Visual Studio Code デスクトップ アプリケーションhttps://github.com/codespaces/CODESPACE-NAME?editor=vscode
JetBrains Gatewayhttps://github.com/codespaces/CODESPACE-NAME?editor=jetbrains
JupyterLabhttps://github.com/codespaces/CODESPACE-NAME?editor=jupyter

既存の codespace をもう一度開く

GitHub CLI をインストールすると、それを使用して GitHub Codespaces で操作できます。 GitHub CLI のインストール手順については、GitHub CLI リポジトリを参照してください。

  1. ターミナルで、次のいずれかの GitHub CLI コマンドを入力します。

    • VS Code で codespace を開くには、次のように入力します。

      Shell
      gh codespace code

      注: ローカル コンピューターに VS Code がインストールされている必要があります。 詳しくは、VS Code ドキュメントの Visual Studio Code の設定に関する説明を参照してください。

    • ブラウザーで codespace を開くには、次のように入力します。

      Shell
      gh codespace code --web

    • JupyterLab で codespace を開くには、次のように入力します。

      Shell
      gh codespace jupyter

      注: JupyterLab アプリケーションは、開いている codespace にインストールされている必要があります。 既定のコンテナー イメージには JupyterLab が含まれているため、既定のイメージから作成された codespace には常に JupyterLab がインストールされます。 既定のイメージの詳細については、「開発コンテナーの概要」と devcontainers/images リポジトリを参照してください。 開発コンテナー構成で既定のイメージを使用していない場合は、devcontainer.json ファイルに ghcr.io/devcontainers/features/python 機能を追加して JupyterLab をインストールできます。 オプション "installJupyterlab": trueを含める必要があります。 詳細については、devcontainers/features リポジトリの python 機能の README を参照してください。

    • コマンド ラインから codespace にアクセスするには、SSH 経由で次のように入力します。

      Shell
      gh codespace ssh

  2. 方向キーを使って、開きたい codespace に移動します。

  3. codespace を開くには、Enter キーを押します。

詳しくは、GitHub CLI のマニュアルで gh codespace code をご覧ください。

既存の codespace をもう一度開く

JetBrains Gateway を既定のエディターとして設定している場合、GitHub.com から codespace を開くと、Gateway が自動的に起動します。

JetBrains Gateway が既定のエディターではない場合でも、github.com/codespaces にある [あなたの Codespaces] ページに移動し、開く codespace の右側にある省略記号 (...) をクリックすることによって、JetBrains で codespace を開くことができます。 詳しくは、「既存の codespace を開く」を参照してください。

または、JetBrains Gateway を開き、次の手順で説明するように、既存の codespace を選ぶこともできます。

  1. JetBrains Gateway アプリケーションを開きます。

  2. [Codespaces に接続する] をクリックします。

    JetBrains Gateway ホーム ページのスクリーンショット。[Codespaces に接続する] ボタンが表示されています。

  3. 初めて接続するときに、機能とユーザー エクスペリエンスの向上のために GitHub に匿名化された使用状況データの収集を許可するかどうかを選択するように求められます。 [許可] または [拒否] をクリックします。

    必要に応じて、JetBrains Gateway 設定内でアクセスできる GitHub Codespaces プラグインの設定で、後で選択を変更できます。

  4. [あなたの Codespaces] リストで、作業する codespace をクリックします。

    JetBrains Gateway の [あなたの Codespaces] リストのスクリーンショット。

  5. "使用可能な IDE" リストで、使用する JetBrains IDE をクリックします。 Gateway は、次回 codespace に接続するときのために、選んだ項目を記憶します。

    JetBrains Gateway の [IDE の選択] ドロップダウン リストのスクリーンショット。 マウス ポインターが [IntelliJ IDEA] を指しています。

  6. [Connect] をクリックします。

    注:

    • JetBrains IDE として Rider を選び、リポジトリに複数のソリューション ファイルが含まれている場合は、[ソリューション パスの設定] ダイアログが表示され、作業するソリューションを選ぶように求められます。 ドロップダウン メニューからソリューション ファイルを選び、 [OK] をクリックします。

      リポジトリにソリューション ファイルが含まれていない場合、Rider は基本プロジェクト ディレクトリ ビューで開き、機能が制限されます。 たとえば、.NET 固有のコード ナビゲーションは取得できません。 リポジトリに 1 つのソリューション ファイルしかない場合は、それが自動的に使用され、プロンプトは表示されません。 詳しくは、JetBrains ドキュメントの「プロジェクトとソリューションを作成して開く (Create and open projects and solutions)」をご覧ください。

    • ファイアウォールを実行している場合、リモート リソースに初めて接続するときに、お使いのネットワーク経由での JetBrains Gateway による通信を許可するように求められる場合があります。

参考資料