既存の codespace を開く

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

この記事の内容

Note

GitHub Codespaces は、octocorp.ghe.com など、GHE.com のサブドメインでは利用できません。

GitHub 上でアクティブまたは停止状態の codespace は、Visual Studio Code で、または GitHub CLI を使って再度開くことができます。 削除された codespace を開き直すことはできません。 「codespace ライフサイクルについて」をご覧ください。

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

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

GitHub でリポジトリを表示しているときに codespace をすばやく再開できます。

  1. リポジトリの [コード] タブが GitHub に表示されている状態で、「,」(カンマ キー) を押します。

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

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

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

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

    Note

    このブランチに既存の codespace がない場合、ページは [Create codespace] というタイトルになり、ボタンのラベルには [Create a new codespace] と表示されます。

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

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

  1. GitHub の左上隅にある を選択し、 コードスペース をクリックして、github.com/codespaces のページに移動します。

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

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

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

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

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

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

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

    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 のリンクを使用する代わりに、任意の場所にリンクを保存することもできます。

Note

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

次の URL パターンを使用してリンクを作成します。 これらのURL では、CODESPACE-NAME はの codespace の表示名ではなく、literate-space-parakeet-w5vg5ww5p793g7g9 のように 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
JupyterLabhttps://github.com/codespaces/CODESPACE-NAME?editor=jupyter

既存の codespace をもう一度開く

Note

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 のスクリーンショット。

Note

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

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

既存の codespace にリンクする

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

Note

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

次の URL パターンを使用してリンクを作成します。 これらのURL では、CODESPACE-NAME はの codespace の表示名ではなく、literate-space-parakeet-w5vg5ww5p793g7g9 のように 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
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

      Note

      ローカル コンピューターに VS Code がインストールされている必要があります。 VS Code のドキュメントの「Visual Studio Code の設定」をご覧ください。

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

      Shell
      gh codespace code --web

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

      Shell
      gh codespace jupyter

      Note

      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」を参照してください。

参考資料