docs/translations/ja-JP/content/codespaces/developing-in-codespaces/using-github-codespaces-in-your-jetbrains-ide.md

---
title: JetBrains IDE で GitHub Codespaces を使う
shortTitle: JetBrains IDEs
intro: JetBrains Gateway を使って codespace に接続し、お気に入りの JetBrains IDE で作業できます。
miniTocMaxHeadingLevel: 3
versions:
  fpt: '*'
  ghec: '*'
type: how_to
topics:
  - Codespaces
  - Developer
ms.openlocfilehash: f522bf481e932f9735560ee4a1fec21944ced2e7
ms.sourcegitcommit: e8c012864f13f9146e53fcb0699e2928c949ffa8
ms.translationtype: HT
ms.contentlocale: ja-JP
ms.lasthandoff: 11/09/2022
ms.locfileid: '148160157'
---
{% data reusables.codespaces.codespaces-jetbrains-beta-note %}

## JetBrains IDE 内の {% data variables.product.prodname_codespaces %} について

JetBrains IDE を使ってコードを処理する場合、codespace での作業を利用できます。 これを行うには、JetBrains Gateway アプリケーションを使います。

JetBrains Gateway をインストールした後、JetBrains を既定のエディターとして設定すると、{% data variables.product.prodname_dotcom_the_website %} から codespace を開くたびに JetBrains Gateway が起動し、お使いの JetBrains IDE を選んで codespace に接続できるようになります。

{% note %}

**注**: JetBrains Gateway では、既存の codespace のみを使用できます。 codespace は、{% data variables.product.prodname_dotcom_the_website %} で、または {% data variables.product.prodname_cli %} を使って作成できます。 詳しくは、「[リポジトリの codespace を作成する](/codespaces/developing-in-codespaces/creating-a-codespace-for-a-repository)」を参照してください。

{% endnote %}

### JetBrains リモート開発接続プロセス

JetBrains IDE で codespace を使う基本的なプロセスは次のとおりです。

* JetBrains Gateway アプリケーションで、アクティブまたは停止している codespace の 1 つを選びます。 
* 次に、使う JetBrains IDE を選びます。 
* 選んだ JetBrains IDE が、codespace とソース コードをホストするリモート仮想マシンにダウンロードされます。
* JetBrains シン クライアント アプリケーションがローカル コンピューターにダウンロードされ、起動されます。
* クライアント アプリケーションは、完全なバックエンド IDE に接続します。
* ローカル環境の場合と同じ方法で、クライアント アプリケーションでコードを処理できます。

## 前提条件

JetBrains IDE 内の codespace で作業するには、次のものが必要です。

* 有効な JetBrains ライセンス
* JetBrains Gateway アプリケーション
* {% data variables.product.prodname_cli %} version 2.18.0 以降 
* SSH サーバーを実行している既存の codespace

### JetBrains ライセンス

JetBrains Gateway から codespace に接続するには、サポートされている JetBrains IDE の少なくとも 1 つに対するライセンスが必要です。

### JetBrains Gateway

JetBrains Gateway は、JetBrains Toolbox アプリケーションからインストールして更新できます。

1. [JetBrains Toolbox](https://www.jetbrains.com/toolbox-app) をダウンロードしてインストールします。
1. JetBrains Toolbox を開きます。
1. 使用可能なツールの一覧で **Gateway** を見つけて、 **[インストール]** をクリックします。

   ![JetBrains Toolbox のスクリーンショット](/assets/images/help/codespaces/jetbrains-toolbox.png)

### {% data variables.product.prodname_cli %}

JetBrains Gateway の {% data variables.product.prodname_github_codespaces %} プラグインを使うには、JetBrains Gateway から codespace を開く前に、{% data variables.product.prodname_cli %} バージョン 2.18.0 以降をインストールして構成しておく必要があります。

次のコマンドを使用して、{% data variables.product.prodname_cli %} のバージョンを確認します。

```shell{:copy}
gh --version
```

詳しくは、「[GitHub CLI について](/github-cli/github-cli/about-github-cli)」を参照してください。

### SSH サーバーを実行する codespace

接続先の既存の codespace が必要です。 {% data reusables.codespaces.ways-to-create-a-codespace %} 詳しくは、「[リポジトリの codespace を作成する](/codespaces/developing-in-codespaces/creating-a-codespace-for-a-repository)」を参照してください。

{% data reusables.codespaces.ssh-server-installed %}

`devcontainer.json` ファイルと既定のコンテナー イメージについて詳しくは、「[開発コンテナーの概要](/codespaces/setting-up-your-project-for-codespaces/introduction-to-dev-containers)」を参照してください。

{% note %}

**注**: SSH 経由で codespace に接続する方法については、「[{% data variables.product.prodname_github_codespaces %} クライアントのトラブルシューティング](/codespaces/troubleshooting/troubleshooting-github-codespaces-clients?tool=jetbrains#ssh-connection-issues)」を参照してください。

{% endnote %}

## JetBrains Gateway を設定する

{% data variables.product.prodname_github_codespaces %} に JetBrains Gateway を初めて使う際は、{% data variables.product.prodname_codespaces %} プラグインをインストールする必要があります。 また、{% data variables.product.prodname_dotcom %} アカウントを使って、JetBrains Gateway から {% data variables.product.prodname_dotcom_the_website %} へのアクセスを許可する必要があります。 

1. JetBrains Gateway アプリケーションを開きます。
1. **[その他のプロバイダーのインストール]** で、{% data variables.product.prodname_github_codespaces %} の **[インストール]** リンクをクリックします。

   ![JetBrains Gateway の初期ビューのスクリーンショット](/assets/images/help/codespaces/jetbrains-gateway-initial-view.png)

1. **[codespace に接続]** をクリックします。

   ![Gateway に [codespace に接続] ボタンが表示されているスクリーンショット](/assets/images/help/codespaces/jetbrains-gateway-connect.png)

1. [JetBrains Gateway へようこそ] ダイアログ ボックスで、 **[{% data variables.product.prodname_dotcom %} でサインイン]** をクリックします。

   ![サインイン ボタンのスクリーンショット](/assets/images/help/codespaces/jetbrains-gateway-sign-in.png)

1. ワンタイム コードの横にあるアイコンをクリックしてコピーし、ログイン リンクをクリックします。

   ![ワンタイム ログイン コードのスクリーンショット](/assets/images/help/codespaces/jetbrains-gateway-login-code.png)

1. 現在 {% data variables.product.prodname_dotcom %} にサインインしていない場合、サインイン ページが表示されます。 
   * 詳細を入力し、 **[サインイン]** をクリックします。
   * たとえば、2 要素認証コードを入力して、認証を確認します。
1. [デバイスのアクティブ化] ページで、コピーしたコードを貼り付け、 **[続行]** をクリックします。
1. 組織に所属している場合は、"組織へのシングル サインオン" ページが表示されます。 JetBrains Gateway からアクセスすることを承認する組織の横にある **[承認]** をクリックし、 **[続行]** をクリックします。
1. [JetBrains の {% data variables.product.prodname_github_codespaces %} の承認] ページで、 **[{% data variables.product.prodname_dotcom %} の承認]** をクリックします。
1. JetBrains Gateway アプリケーションに戻り、現在アクティブまたは停止している codespace の一覧から codespace を開き、次の手順のステップ 3 を参照してください。

## JetBrains IDE で codespace を開く

{% data reusables.codespaces.opening-codespace-in-jetbrains %}

   codespace に初めて接続すると、バックエンド IDE がリモート コンピューターにダウンロードされます。 これには数分かかることがあります。 次に同じ codespace に接続する際、このステップは必要なく、接続プロセスが迅速になります。 

   その後、バックエンド IDE が開始されます。 繰り返しになりますが、実行したままのバックエンド IDE に再接続する場合、このステップは今後は必要ありません。 
   
   クライアント アプリケーションが起動します。

## 参考資料

- [codespace で開発する](/codespaces/developing-in-codespaces/developing-in-a-codespace)
- [JetBrains に {% data variables.product.prodname_github_codespaces %} プラグインを使う](/codespaces/codespaces-reference/using-the-github-codespaces-plugin-for-jetbrains)
- [{% data variables.product.prodname_github_codespaces %} で {% data variables.product.prodname_copilot %} を使う](/codespaces/codespaces-reference/using-github-copilot-in-github-codespaces)
- [{% data variables.product.prodname_github_codespaces %} クライアントのトラブルシューティング](/codespaces/troubleshooting/troubleshooting-github-codespaces-clients?tool=jetbrains)