docs/translations/ja-JP/content/codespaces/developing-in-codespaces/using-codespaces-in-visual-studio-code.md

title, intro, product, redirect_from, versions, type, topics, shortTitle

title	intro	product	redirect_from	versions	type	topics	shortTitle
Visual Studio Code で Codespaces を使用する	{% data variables.product.product_name %} のアカウントに {% data variables.product.prodname_github_codespaces %} 機能拡張を接続することにより、{% data variables.product.prodname_vscode %} で codespace を直接開発できます。	{% data reusables.gated-features.codespaces %}	/github/developing-online-with-codespaces/using-codespaces-in-visual-studio-code /github/developing-online-with-codespaces/connecting-to-your-codespace-from-visual-studio-code /github/developing-online-with-codespaces/using-codespaces-in-visual-studio	fpt ghec * *	how_to	Codespaces Visual Studio Code Developer	Visual Studio Code

About {% data variables.product.prodname_codespaces %} in {% data variables.product.prodname_vscode %}

You can use your local install of {% data variables.product.prodname_vscode %} to create, manage, work in, and delete codespaces. To use {% data variables.product.prodname_codespaces %} in {% data variables.product.prodname_vscode %}, you need to install the {% data variables.product.prodname_github_codespaces %} extension. For more information on setting up Codespaces in {% data variables.product.prodname_vscode %}, see "Prerequisites."

By default, if you create a new codespace on {% data variables.product.prodname_dotcom_the_website %}, it will open in the browser. If you would prefer to open any new codespaces in {% data variables.product.prodname_vscode %} automatically, you can set your default editor to be {% data variables.product.prodname_vscode %}. For more information, see "Setting your default editor for {% data variables.product.prodname_codespaces %}."

If you prefer to work in the browser, but want to continue using your existing {% data variables.product.prodname_vscode %} extensions, themes, and shortcuts, you can turn on Settings Sync. 詳しい情報については、「アカウントの {% data variables.product.prodname_codespaces %} をパーソナライズする」を参照してください。

必要な環境

To develop in a codespace directly in {% data variables.product.prodname_vscode %}, you must install and sign into the {% data variables.product.prodname_github_codespaces %} extension with your {% data variables.product.product_name %} credentials. {% data variables.product.prodname_github_codespaces %} 機能拡張には、{% data variables.product.prodname_vscode %} October 2020 Release 1.51 以降が必要です。

{% data variables.product.prodname_vs %} Marketplace を使用して、{% data variables.product.prodname_github_codespaces %} 機能拡張をインストールします。 詳しい情報については、{% data variables.product.prodname_vscode %} ドキュメントの「Extension Marketplace」を参照してください。

{% mac %}

{% data reusables.codespaces.click-remote-explorer-icon-vscode %} 2. [Sign in to view {% data variables.product.prodname_dotcom %}...] をクリックします。

3. {% data variables.product.prodname_vscode %} からの {% data variables.product.product_name %} のアカウントへのアクセスを承認するには、[Allow] をクリックします。
4. 機能拡張を承認するには、{% data variables.product.product_name %} にサインインします。

{% endmac %}

{% windows %}

{% data reusables.codespaces.click-remote-explorer-icon-vscode %} 2. [REMOTE EXPLORER] ドロップダウンを使用して、[{% data variables.product.prodname_github_codespaces %}] をクリックします。

3. [Sign in to view {% data variables.product.prodname_codespaces %}...] をクリックします。

   

4. {% data variables.product.prodname_vscode %} からの {% data variables.product.product_name %} のアカウントへのアクセスを承認するには、[Allow] をクリックします。

5. 機能拡張を承認するには、{% data variables.product.product_name %} にサインインします。

{% endwindows %}

{% data variables.product.prodname_vscode %} で Codespaces を作成する

{% data reusables.codespaces.creating-a-codespace-in-vscode %}

{% data variables.product.prodname_vscode %} で codespace を開く

{% data reusables.codespaces.click-remote-explorer-icon-vscode %} 2. [Codespaces] で、開発するコードスペースをクリックします。 3. [Connect to Codespace] アイコンをクリックします。

Changing the machine type in {% data variables.product.prodname_vscode %}

{% data reusables.codespaces.codespaces-machine-types %}

You can change the machine type of your codespace at any time.

1. In {% data variables.product.prodname_vscode %}, open the Command Palette (shift command P / shift control P).

2. Search for and select "Codespaces: Change Machine Type."

   

3. Click the codespace that you want to change.

   

4. Choose the machine type you want to use.

If the codespace is currently running, a message is displayed asking if you would like to restart and reconnect to your codespace now. Click Yes if you want to change the machine type used for this codespace immediately. If you click No, or if the codespace is not currently running, the change will take effect the next time the codespace restarts.

{% data variables.product.prodname_vscode %} で Codespaces を削除する

{% data reusables.codespaces.deleting-a-codespace-in-vscode %}

Switching to the Insiders build of {% data variables.product.prodname_vscode %}

You can use the Insiders Build of Visual Studio Code within {% data variables.product.prodname_codespaces %}.

1. In bottom left of your {% data variables.product.prodname_codespaces %} window, select {% octicon "gear" aria-label="The settings icon" %} Settings.

2. From the list, select "Switch to Insiders Version".

   

3. Once selected, {% data variables.product.prodname_codespaces %} will continue to open in Insiders Version.