Codespace でソースコントロールを使用する

メモ: JetBrains IDE での GitHub Codespaces の使用は現在、パブリックベータ版であり、変更される場合があります。

GitHub Codespaces でのソース管理について

必要なすべての Git アクションを codespace 内で直接実行できます。たとえば、リモートリポジトリからの変更のフェッチ、ブランチの切り替え、新しいブランチの作成、変更のコミットとプッシュ、pull request の作成を行うことができます。 Codespace 内の統合ターミナルを使用して Git コマンドを入力するか、アイコンとメニューオプションをクリックして最も一般的な Git タスクをすべて完了することができます。このガイドでは、ソースコントロールにグラフィカルユーザインターフェースを使用する方法について説明します。

Visual Studio Code の Git サポートについて詳しくは、Visual Studio Code ドキュメントの「VS Code でのバージョンコントロールの使用」をご覧ください。

Visual Studio Code Web クライアントのソース管理では、Visual Studio Code デスクトップアプリケーションと同じワークフローが使用されます。詳細については、Visual Studio Code ドキュメントの「VS Code でのバージョン管理の使用」を参照してください。

GitHub Codespaces を使用してファイルを更新するための一般的なワークフローは次のとおりです。

GitHub のリポジトリのデフォルトブランチから、codespace を作成します。「リポジトリの codespace を作成する」をご覧ください。
Codespace で、作業する新しいブランチを作成します。
変更を加えて保存します。
変更をコミットします。
プルリクエストを発行します。

自動フォークについて

リポジトリへの読み取りアクセス権しかない場合、通常、フォークできる間はリポジトリの codespace を作成できます。

codespace を作成する前にリポジトリをフォークする必要はありません。たとえば、リポジトリから codespace を作成してプロジェクトを確認し、試験的な変更を行い、必要なくなった場合は codespace を削除できます。

codespace からコミットするか、新しいブランチをプッシュすると、GitHub Codespaces は、アカウントの下にリポジトリのフォークを作成して codespace にリンクするか、リポジトリ用のフォークが既にある場合は codespace を既存のフォークにリンクします。その後、フォークに変更をプッシュし、pull request を作成して、アップストリームリポジトリへの変更を提案できます。

コマンドラインからコミットすると、codespace を新規または既存のフォークにリンクするかどうかを確認するプロンプトが表示されます。「y」と入力して続けます。 VS Code の [ソース管理] ビュー、または JetBrains IDE のナビゲーションバーから変更をコミットすると、メッセージが表示されずに codespace がフォークに自動的にリンクされます。

注:

フォークリポジトリを削除すると、フォークにリンクされている codespace は、最初にアップストリームリポジトリから作成した場合でも削除されます。
コマンドラインからコミットするか、「n」と入力して新しいフォークを拒否する場合、VS Code のソース管理ビューからではなく、コマンドラインから変更をプッシュしてください。ソース管理ビューを使う場合でも、VS Code では、プッシュ時、フォークの自動作成が試行されます。

GitHub Codespaces によってフォークが作成されるか、codespace が既存のフォークにリンクされると、次のことが発生します。

codespace に関連付けられているアクセストークンは、アップストリームリポジトリへの read アクセス許可に加えて、フォークに対する read および write アクセス許可が含まれるように更新されます。
Git 設定では、アップストリームリポジトリは upstream という名前に再割り当てされ、フォークは origin という名前の下に新しいリモートリポジトリとして追加されます。

既定では、VS Code の [変更の同期] ボタンなど、エディターのユーザーインターフェイスからアクセスするソース管理コマンドはフォークがターゲットになります。コマンドラインから作業している場合は、origin を使用してフォークを参照し、upstream を使用してアップストリームリポジトリを参照できます。たとえば、アップストリームリポジトリから変更をフェッチして、プロジェクトに対する最新の変更を使用して codespace が最新になるようにできます。

$ git fetch upstream

いくつかの変更を行ったら、フォークの機能ブランチにプッシュできます。

$ git push origin my-feature-branch

詳しくは、「フォークについて」を参照してください。

テンプレートから作成された codespace の発行

テンプレートリポジトリまたは "あなたの codespaces" ページのテンプレートから codespace を作成する場合、codespace を発行するまで、GitHub のリポジトリに作業は格納されません。詳しくは、「テンプレートから codespace を作成する」を参照してください。

codespace で作業している場合は、VS Code Web クライアントまたはデスクトップアプリケーションから発行できます。

アクティビティバーで、 [ソース管理] ビューをクリックします。
変更をステージングするには、追加または変更したファイルの横の [+] をクリックします。複数のファイルを変更してすべてをステージングする場合は、 [変更] の横のものをクリックします。

注: GitHub の空のテンプレートから開始した場合、ディレクトリを Git リポジトリとして既に初期化していない限り、変更の一覧は表示されません。空のテンプレートから作成された codespace を発行するには、[ソース管理] ビューで [GitHub に発行] をクリックし、手順 5 に進みます。
ステージングされた変更をコミットするには、行った変更を説明するコミットメッセージを入力し、 [コミット] をクリックします。
[ブランチを公開する] をクリックします。
[リポジトリ名] ドロップダウンで、新しいリポジトリの名前を入力し、 [GitHub プライベートリポジトリに発行] または [GitHub パブリックリポジトリに発行] を選びます。

新しいリポジトリの所有者は、codespace を作成した GitHub アカウントになります。
必要に応じて、エディターの右下隅に表示されるポップアップで、 [GitHub で開く] をクリックして、GitHub.com の新しいリポジトリを表示します。

ブランチの作成または切り替え

現在のブランチがステータスバーに表示されていない場合は、codespace の下部でステータスバーを右クリックし、 [ソースコントロール] を選択します。
ステータスバーでブランチ名をクリックします。
ドロップダウンで、切り替えるブランチをクリックするか、新しいブランチ名を入力して、 [新しいブランチの作成] をクリックします。

ヒント: 他のユーザーが最近、リモートリポジトリのファイルを変更した場合、切り替え後のブランチでは、変更を自分の codespace にプルするまで、それらの変更が表示されません。

変更をコミットする

アクティビティバーで、 [ソース管理] ビューをクリックします。
変更をステージングするには、変更したファイルの横の [] をクリックします。複数のファイルを変更してすべてをステージングする場合は、 [変更] の横のものをクリックします。
テキストボックスに、行った変更について説明するコミットメッセージを入力します。
[コミット] ボタンの右側にある下矢印をクリックし、ドロップダウンメニューから [コミットしてプッシュ] を選びます。

リモートリポジトリから変更をプルする

リモートリポジトリからいつでも codespace に変更をプルできます。

アクティビティバーで、 [ソース管理] ビューをクリックします。
サイドバーの上部にある [] をクリックします。
ドロップダウンメニューの [プル] をクリックします。

codespace の作成後に開発コンテナー構成が変更された場合は、codespace のコンテナーを再構築することで変更を適用できます。詳しくは、「開発コンテナーの概要」を参照してください。

新しい変更を自動的にフェッチするように codespace を設定する

リモートリポジトリに対して行われた新しいコミットの詳細を自動的にフェッチするように codespace を設定できます。これにより、リポジトリのローカルコピーが古くなっているかどうかを確認できます。古くなっている場合は、新しい変更をプルすることができます。

フェッチ操作でリモートリポジトリの新しい変更が検出されると、ステータスバーに新しいコミットの数が表示されます。その後、変更をローカルコピーにプルできます。

アクティビティバーの下部にある [管理] ボタンをクリックします。
メニューで、[設定] をクリックします。
[設定] ページで、次を検索します: autofetch。
現在のリポジトリに登録されているすべてのリモートの更新の詳細をフェッチするには、Git: Autofetch を all に設定します。
各自動フェッチ間の秒数を変更する場合は、Git: Autofetch Period の値を編集します。

プルリクエストを発行する

変更をリポジトリのローカルコピーにコミットしたら、[ソース管理] サイドバーの上部にある pull request アイコンをクリックします。
マージ元のローカルブランチとリポジトリ、およびマージ先のリモートブランチとリポジトリが正しいことを確認します。そして、プルリクエストにタイトルと説明を付けます。
[作成] をクリックします。

リモートリポジトリに変更をプッシュする

保存してコミットした変更をプッシュできます。それにより、変更がリモートリポジトリの上流ブランチに適用されます。プルリクエストの作成準備が整っていない場合、または GitHub でプルリクエストを作成する場合は、この操作を行うことをお勧めします。

サイドバーの上部にある [] をクリックします。
ドロップダウンメニューの [プッシュ] をクリックします。

テンプレートから作成された codespace の発行

テンプレートリポジトリまたは "あなたの codespaces" ページのテンプレートから codespace を作成する場合、codespace を発行するまで、GitHub のリポジトリに作業は格納されません。詳しくは、「テンプレートから codespace を作成する」を参照してください。

codespace で作業している場合は、VS Code Web クライアントまたはデスクトップアプリケーションから発行できます。

アクティビティバーで、 [ソース管理] ビューをクリックします。
変更をステージングするには、追加または変更したファイルの横の [+] をクリックします。複数のファイルを変更してすべてをステージングする場合は、 [変更] の横のものをクリックします。

注: GitHub の空のテンプレートから開始した場合、ディレクトリを Git リポジトリとして既に初期化していない限り、変更の一覧は表示されません。空のテンプレートから作成された codespace を発行するには、[ソース管理] ビューで [GitHub に発行] をクリックし、手順 5 に進みます。
ステージングされた変更をコミットするには、行った変更を説明するコミットメッセージを入力し、 [コミット] をクリックします。
[ブランチを公開する] をクリックします。
[リポジトリ名] ドロップダウンで、新しいリポジトリの名前を入力し、 [GitHub プライベートリポジトリに発行] または [GitHub パブリックリポジトリに発行] を選びます。

新しいリポジトリの所有者は、codespace を作成した GitHub アカウントになります。
必要に応じて、エディターの右下隅に表示されるポップアップで、 [GitHub で開く] をクリックして、GitHub.com の新しいリポジトリを表示します。

ブランチの作成または切り替え

現在のブランチがステータスバーに表示されていない場合は、codespace の下部でステータスバーを右クリックし、 [ソースコントロール] を選択します。
ステータスバーでブランチ名をクリックします。
ドロップダウンで、切り替えるブランチをクリックするか、新しいブランチ名を入力して、 [新しいブランチの作成] をクリックします。

ヒント: 他のユーザーが最近、リモートリポジトリのファイルを変更した場合、切り替え後のブランチでは、変更を自分の codespace にプルするまで、それらの変更が表示されません。

変更をコミットする

アクティビティバーで、 [ソース管理] ビューをクリックします。
変更をステージングするには、変更したファイルの横の [] をクリックします。複数のファイルを変更してすべてをステージングする場合は、 [変更] の横のものをクリックします。
テキストボックスに、行った変更について説明するコミットメッセージを入力します。
[コミット] ボタンの右側にある下矢印をクリックし、ドロップダウンメニューから [コミットしてプッシュ] を選びます。

リモートリポジトリから変更をプルする

リモートリポジトリからいつでも codespace に変更をプルできます。

アクティビティバーで、 [ソース管理] ビューをクリックします。
サイドバーの上部にある [] をクリックします。
ドロップダウンメニューの [プル] をクリックします。

codespace の作成後に開発コンテナー構成が変更された場合は、codespace のコンテナーを再構築することで変更を適用できます。詳しくは、「開発コンテナーの概要」を参照してください。

新しい変更を自動的にフェッチするように codespace を設定する

リモートリポジトリに対して行われた新しいコミットの詳細を自動的にフェッチするように codespace を設定できます。これにより、リポジトリのローカルコピーが古くなっているかどうかを確認できます。古くなっている場合は、新しい変更をプルすることができます。

フェッチ操作でリモートリポジトリの新しい変更が検出されると、ステータスバーに新しいコミットの数が表示されます。その後、変更をローカルコピーにプルできます。

アクティビティバーの下部にある [管理] ボタンをクリックします。
メニューで、[設定] をクリックします。
[設定] ページで、次を検索します: autofetch。
現在のリポジトリに登録されているすべてのリモートの更新の詳細をフェッチするには、Git: Autofetch を all に設定します。
各自動フェッチ間の秒数を変更する場合は、Git: Autofetch Period の値を編集します。

プルリクエストを発行する

変更をリポジトリのローカルコピーにコミットしたら、[ソース管理] サイドバーの上部にある pull request アイコンをクリックします。
マージ元のローカルブランチとリポジトリ、およびマージ先のリモートブランチとリポジトリが正しいことを確認します。そして、プルリクエストにタイトルと説明を付けます。
[作成] をクリックします。

リモートリポジトリに変更をプッシュする

保存してコミットした変更をプッシュできます。それにより、変更がリモートリポジトリの上流ブランチに適用されます。プルリクエストの作成準備が整っていない場合、または GitHub でプルリクエストを作成する場合は、この操作を行うことをお勧めします。

サイドバーの上部にある [] をクリックします。
ドロップダウンメニューの [プッシュ] をクリックします。

ブランチの作成または切り替え

ステータスバーの右側にあるブランチ名をクリックします。
ポップアップメニューで、次のいずれかを行います。
- 現在のブランチに基づいて新しいブランチを作成するには、 [新しいブランチ] を選びます。
  
  新しいブランチの名前を入力し、 [作成] をクリックします。
- 既存のブランチをチェックアウトするには、チェックアウトするブランチの名前の入力を始めます。一覧でそのブランチをクリックしたら、 [チェックアウト] をクリックします。
  
  ヒント: 他のユーザーが最近、リモートリポジトリのファイルを変更した場合、切り替え後のブランチでは、変更を自分の codespace にプルするまで、それらの変更が表示されません。

変更をコミットする

ナビゲーションバーの右側にあるチェックマークをクリックします。
[変更のコミット] ダイアログで、コミットメッセージを入力します。
[コミット] をクリックします。

または、 [コミット] の横にある下向き矢印をクリックし、 [コミットしてプッシュ] をクリックします。

リモートリポジトリから変更をプルする

リモートリポジトリ上の同じブランチから変更をプルし、codespace で作業しているリポジトリのコピーにそれらの変更を適用できます。

ナビゲーションバーの右側で、下向きの矢印をクリックします。
[プロジェクトの更新] ダイアログで、受信した変更をマージまたはリベースするかどうかを選びます。
[OK] をクリックします。

リモートリポジトリに変更をプッシュする

保存してコミットした変更をプッシュできます。それにより、変更がリモートリポジトリの上流ブランチに適用されます。プルリクエストの作成準備が整っていない場合、または GitHub でプルリクエストを作成する場合は、この操作を行うことをお勧めします。

ナビゲーションバーの右側で、上向きの矢印をクリックします。
[コミットのプッシュ] ダイアログで、 [プッシュ] をクリックします。

Codespace でソースコントロールを使用する

この記事の内容