1
0
mirror of synced 2026-01-07 09:01:31 -05:00
Files
docs/translations/ja-JP/content/codespaces/developing-in-codespaces/developing-in-a-codespace.md

4.9 KiB

title, intro, product, redirect_from, versions, type, topics, shortTitle, ms.openlocfilehash, ms.sourcegitcommit, ms.translationtype, ms.contentlocale, ms.lasthandoff, ms.locfileid
title intro product redirect_from versions type topics shortTitle ms.openlocfilehash ms.sourcegitcommit ms.translationtype ms.contentlocale ms.lasthandoff ms.locfileid
codespace で開発する {% data variables.product.product_name %} で codespace を開き、{% data variables.product.prodname_vscode %} の機能を使用して開発できます。 {% data reusables.gated-features.codespaces %}
/github/developing-online-with-github-codespaces/developing-in-a-codespace
/github/developing-online-with-codespaces/developing-in-a-codespace
fpt ghec
* *
how_to
Codespaces
Fundamentals
Developer
Develop in a codespace 70b7b5b91e68b80033edd59ae3a7826e0e2ee25f 47bd0e48c7 HT ja-JP 09/05/2022 147614352

{% data variables.product.prodname_github_codespaces %} での開発について

{% data variables.product.prodname_github_codespaces %} は、{% data variables.product.prodname_vscode %} の完全な開発体験を提供します。 {% data reusables.codespaces.use-visual-studio-features %}

{% data reusables.codespaces.links-to-get-started %}

codespace の概要(注釈付き)

  1. サイドバー: デフォルト設定では、このエリアには Explorer でプロジェクトファイルが表示されます。
  2. アクティビティバー: ビューが表示され、それらを切り替える方法が提供されます。 ビューはドラッグアンドドロップで並べ替えることができます。
  3. エディタ: ファイルを編集できます。 各エディタのタブを使用して、必要な場所に正確に配置できます。
  4. パネル: 出力とデバッグ情報、および統合ターミナルのデフォルトの場所を確認できます。
  5. ステータスバー: このエリアには、codespace とプロジェクトに関する有用な情報が表示されます。 たとえば、ブランチ名、設定されたポートなどです。

{% data variables.product.prodname_vscode_shortname %} の使用方法の詳しい情報については、{% data variables.product.prodname_vscode_shortname %} ドキュメントでユーザー インターフェイス ガイドを参照してください。

{% data reusables.codespaces.connect-to-codespace-from-vscode %}

{% data reusables.codespaces.use-chrome %} 詳しい情報については、「Codespace クライアントのトラブルシューティング」を参照してください。

Codespace をパーソナライズする

{% data reusables.codespaces.about-personalization %} 詳しくは、「アカウントの {% data variables.product.prodname_github_codespaces %} をパーソナライズする」をご覧ください。

{% data reusables.codespaces.apply-devcontainer-changes %} 詳しい情報については、プロジェクトの {% data variables.product.prodname_codespaces %} の構成に関するページを参照してください。

Codespace からアプリケーションを実行する

{% data reusables.codespaces.about-port-forwarding %} 詳しい情報については、「Codespace でポートを転送する」を参照してください。

変更をコミットする

{% data reusables.codespaces.committing-link-to-procedure %}

{% data variables.product.prodname_vscode_command_palette %} を使用する

{% data variables.product.prodname_vscode_command_palette %} を使用すると、{% data variables.product.prodname_codespaces %} と {% data variables.product.prodname_vscode_shortname %} で多くの機能を利用したり、管理したりすることができます。 詳しい情報については、「{% data variables.product.prodname_vscode_command_palette_shortname %} in {% data variables.product.prodname_codespaces %} を使用する」を参照してください。

既存の codespace に移動する

  1. {% data reusables.codespaces.you-can-see-all-your-codespaces %}
  2. 開発する codespace の名前をクリックします。 Codespace の名前

または、リポジトリに移動して、 {% octicon "code" aria-label="The code icon" %} Code を選択することで、そのリポジトリのアクティブな codespace を表示することもできます。 ドロップダウン メニューには、リポジトリのすべてのアクティブな codespace が表示されます。