The Wayback Machine - https://web.archive.org/web/20200705014252/https://docs.github.com/ja/github/developing-online-with-codespaces/configuring-codespaces-for-your-project
👋 We've unified all of GitHub's product documentation in one place! Check out the content for REST API, GraphQL API, and Developers. Stay tuned for a blog post later today.

ドキュメントには頻繁に更新が加えられ、その都度公開されています。本ページの翻訳はまだ未完成な部分があることをご了承ください。最新の情報については、英語のドキュメンテーションをご参照ください。本ページの翻訳に問題がある場合はこちらまでご連絡ください。

製品で調べる

GitHub.com
日本語 (Japanese)

プロジェクトの Codespace の設定

リポジトリの新しい codespace ごとにデフォルトの設定を行い、コントリビューターがオンライン開発環境で必要なすべてのツールと設定を確実に行えるようにすることができます。

リポジトリへの書き込み権限を持つユーザは、デフォルトの codespace 設定を作成または編集できます。

Codespacesは、GitHub FreeもしくはGitHub Proを使っているユーザアカウントで利用できます。 詳しい情報については「GitHubの製品」を参照してください。

ここには以下の内容があります:

探していたものは見つけられましたか？

ノート: Codespacesは現在限定ベータで、変更されることがあります。 ベータ期間中、GitHubはCodespacesの可用性について保証しません。 ベータへの参加に関する詳しい情報については「Codespacesについて」を参照してください。

デフォルトの codespace 設定について

リポジトリのデフォルトのcodespace設定を作成し、そのリポジトリで作成されたすべての新しいcodespaceの環境を決定できます。 この設定には、フレームワーク、ツール、機能拡張、ポートフォワーディングが含まれます。

自分のアカウントで作成したcodespaceについて、codespace環境の様々な側面をパーソナライズすることもできます。 パーソナライズには、シェルの環境設定や追加のツールが含まれます。dotfilesのパーソナライゼーションは、リポジトリのデフォルトのcodespace設定よりも先に適用されます。詳しい情報については、「アカウントの Codespaces をパーソナライズする」を参照してください。

プロジェクトタイプ用にビルド済みコンテナ設定を使用してデフォルトの codespace 設定を作成するか、プロジェクトのニーズに固有のカスタム設定を作成できます。

Codespaces は、リポジトリのルートまたは .devcontainer フォルダの devcontainer.json という名前のファイルに含まれる設定を使用します。 devcontainer.json を使用して、Visual Studio Code エディタを含む codespace 環境全体のデフォルト設定をすることができますが、.vscode/settings.json という名前のファイルでエディタ固有の設定をすることもできます。

リポジトリの codespace 設定への変更は、すべての新しい codespace にのみ適用され、既存の codespace には影響しません。

ビルド済みのコンテナ設定を使用する

vscode-dev-containers リポジトリで利用可能な、Visual Studio Code 用のビルド済みコンテナ設定を使用できます。 ビルド済みコンテナの定義には、特定のプロジェクトタイプの共通設定が含まれており、適切なコンテナオプション、Visual Studio Code 設定、およびインストールする必要がある Visual Studio Code 拡張機能のすでに用意された設定を使用して素早く開始できます。

  1. vscode-dev-containers リポジトリをクローンまたはダウンロードします。
  2. vscode-dev-containers リポジトリで、コンテナフォルダに移動し、プロジェクトのニーズに合わせてコンテナ設定を選択します。 例として、Node.js 12 & JavaScript コンテナ設定を使用します。
  3. javascript-node-12 フォルダから、.devcontainer フォルダをプロジェクトのリポジトリのルートにコピーします。
  4. 新しい設定をコミットして、GitHub のプロジェクトのリポジトリにプッシュします。

.devcontainer フォルダを含むブランチから作成された新しい codespace はそれぞれ、フォルダの内容に従って設定されます。 詳しい情報については、「codespace を作成する」を参照してください。

カスタム codespace 設定を作成する

ビルド済みの設定がニーズを満たしていない場合は、devcontainer.json ファイルをリポジトリのルートまたは .devcontainer フォルダに追加して、カスタム設定を作成できます。 このファイルでは、サポートされている設定キーを使用して、codespace の環境の要素を指定できます。たとえば、Visual Studio Code 拡張機能がインストールできます。

Visual Studio Codeのエディタ設定を行う際には、Workspace、Remote [Codespaces]、Userという3つのスコープが利用できます。 複数のスコープ内で定義された設定については、Workspaceの設定が優先され、次がRemote [Codespaces]、そしてUserとなります。

2 つの場所で Visual Studio Code のデフォルトのエディタ設定を定義できます。

  • .vscode/settings.json で定義されたエディタ設定は、Workspace スコープの設定として codespace に適用されます。
  • devcontainer.json の設定キーで定義されたエディタ設定は、codespace の リモート [Codespaces] スコープ設定として適用されます。

サポートされている codespace 設定キー

devcontainer.json の Codespaces でサポートされている設定キーを使用できます。

一般設定

  • name
  • settings
  • extensions
  • forwardPorts
  • devPort
  • postCreateCommand

Docker、Dockerfile、またはイメージ設定

  • image
  • dockerFile
  • context
  • containerEnv
  • remoteEnv
  • containerUser
  • remoteUser
  • updateRemoteUserUID
  • mounts
  • workspaceMount
  • workspaceFolder
  • runArgs
  • overrideCommand
  • shutdownAction
  • dockerComposeFile

devcontainer.json で使用可能な設定の詳細については、Visual Studio Code ドキュメントの「devcontainer.json の参照」をご覧ください。

探していたものは見つけられましたか？

担当者にお尋ねください

探しているものが見つからなかったでしょうか？

弊社にお問い合わせください

製品

プラットフォーム

サポート

会社