Skip to main content

pull request に GitHub Codespaces を使用する

web ブラウザーまたはGitHub CodespacesでVisual Studio Codeを使用して、プル要求の作成、pull request のレビュー、レビュー コメントのアドレス指定を行うことができます。

コードスペースを使用して pull request で作業すると、 GitHub Codespacesのすべての利点が得られます。 詳しくは、「GitHub Codespaces の機能」をご覧ください。

GitHub Codespaces におけるプルリクエストについて

GitHub Codespaces には、pull request を操作するために必要な機能の多くが用意されています。

  • pull request を作成 する - ターミナルコマンドと Git コマンドまたは "ソース管理" ビューを使用して、 GitHubの場合と同様に pull request を作成できます。 リポジトリで pull request テンプレートが使用される場合、[ソース管理] ビュー内でこれを使用できます。
  • pull request を開く – マージされているブランチに codespace アクセスできる場合、codespace で既存の pull request を開くことができます。
  • pull request を確認する - コード空間で pull request を開いたら、"GitHub Pull Request" ビューを使用してレビュー コメントを追加し、プル要求を承認できます。 GitHub Codespacesを使用してレビュー コメントを表示することもできます。

Codespacesで pull request を開く

  1. リポジトリ名の下にある [pull requests](プル要求 をクリックします。

  2. プル リクエストの一覧で、Codespaces で開きたいプル リクエストをクリックします。

  3. 画面右側で、 コード をクリックします。

  4. [ Codespaces ] タブで、[ ] をクリックします。

    [Codespaces] タブが選択されている [コード] ドロップダウンのスクリーンショット。 「Codespacesがありません」という表示が出ています。 プラス ボタンが強調表示されています。

    pull request ブランチ用のコードスペースが作成され、 GitHub Codespacesの既定のエディターで開かれます。

Codespaces でプル リクエストを確認する

  1. 既定のエディターを Web 版の Visual Studio Code または Visual Studio Code に設定している場合は、この記事で前述した Codespaces でプル リクエストを開く の説明に従って、codespace でプル リクエストを開きます。

  2. アクティビティ バーで、Git pull request アイコンをクリックして、"GitHub Pull Request" サイド バーを表示します。 このアイコンがアクティビティ バーに表示されるのは、codespace で pull request を開いたときのみです。

    VS Code のアクティビティ バーのスクリーンショット。 マウス ポインターがアイコンの上に置かれ、ツールヒント [GitHub pull request] が表示されています。

    コードスペースでプル要求を開き、アクティビティ バーに pull request アイコンが表示されない場合は、 GitHubにサインインしていることを確認してください。 アクティビティ バーの [ GitHub ] アイコンをクリックし、[ サインイン] をクリックします。

    [サインイン] ボタンを表示している GitHub のサイド バーのスクリーンショット。 アクティビティ バーの GitHub アイコンがオレンジ色の枠線で強調表示されています。

  3. 特定のファイルに加えられた変更を確認するには、[GitHub Pull Request] サイド バーでファイルの名前をクリックします。

    「GitHubプルリクエスト」サイドバーのスクリーンショット。 ファイル名が濃いオレンジ色の枠線で強調表示されています。

    これにより、エディターに差分ビューが表示され、ベース ブランチのファイルのバージョンが左側に、pull request の head ブランチからの、ファイルの新しいバージョンが右側に表示されます。

  4. レビュー コメントを追加するには、エディターの右側に表示される、ファイルの行番号の横にある [+] 記号をクリックします。

    差分ビューのスクリーンショット。 ファイルの head バージョンで、エディターの右側にある、行の横にあるプラス記号が強調表示されています。

  5. レビュー コメントを入力し、 [レビューの開始] をクリックします。

    "Yes, I agree, this is clearer." というコメントが追加されているスクリーンショット。 コメントの下に [レビューの開始] ボタンが表示されています。

  6. オプションとして、pull request の作成者がクリックしてコミットできるように変更を提案できます(提案に合意した場合)。 これを行うには、変更を提案する最初の行の横にある + 記号をクリックし続けた状態で、変更を提案する最後の行に + 記号をドラッグします。 次に、表示されているコメント ボックスで [提案する] をクリックします。

    選択した行がコメント ボックスにコピーされ、編集して変更を提案できます。 ```suggestion が含まれている行の上にコメントを追加し、提案する変更内容を説明できます。

    [コメント追加] をクリックして、提案を pull request に追加します。

    提案する変更内容のスクリーンショット。 [提案する]ボタンと[コメント追加]ボタンは、提案する変更内容の下に表示されます。

  7. レビュー コメントの追加が完了したら、"pull request のGitHub " サイド バーで pull request レビューの概要コメントを追加できます。 その後、 [コメントと送信] をクリックするか、ドロップダウン矢印をクリックして [承認と送信] または [変更の要求と送信] を選択できます。

    [コメントと送信]、[承認と送信]、[変更の要求と送信] のドロップダウン オプションを示すサイド バーのスクリーンショット。

Pull request のレビューについて詳しくは、「プルリクエストで提案された変更をレビューする」をご覧ください。

でレビューからのコメントを表示する Codespaces

pull request についてのフィードバックを受け取ったら、VS Codeことで、Web ブラウザーまたはレビューコメントを確認できます。 そこから、コメントに返信したり、反応を追加したり、レビューを退けたりできます。