演習 - pull request を作成、レビュー、マージする

完了

Web サイトにキューを追加する作業が完了しました。 これで、Web サイト開発チームでは、変更をメイン ブランチにマージする準備が整いました。 この演習では、変更の pull request を作成してマージします。

このプロセスでは、次のことを行います。

  • pull request を作成します。
  • pull request をレビューします。
  • pull request を完了します。
  • 変更がマージされたことを確認します。

機能ブランチをマージする pull request を作成する

リポジトリのメイン ブランチに変更を直接プッシュすることはできないので、pull request を作成する必要があります。

  1. ブラウザーで [Code](コード) に移動します。

  2. [2 branches](2 ブランチ) を選択して、GitHub リポジトリ内のブランチを一覧表示します。

    ブランチの一覧へのリンクが強調表示されているリポジトリ ページを示す GitHub のスクリーンショット。

  3. [add-orders-queue] の横にある [その他] アイコン (...) を選択し、[新しい pull request] を選択します。

    ブランチの一覧を示す GitHub のスクリーンショット。add-orders-queue ブランチの新しい pull request 用のボタンが強調表示されています。

  4. pull request を作成した場合、GitHub で Git コミット メッセージが pull request のタイトルとして自動的に使用されていることがわかります。

    説明を次のテキストに更新します。

    この PR は、注文を処理するための新しい Azure Storage キューを追加し、ストレージ アカウントとキュー情報を含めるように Web サイトの構成を更新します。

  5. [pull request の作成] を選択します。

    pull request の作成のページを示す GitHub のスクリーンショット。pull request を作成するためのボタンが強調表示されています。

  1. ブラウザーで、[リポジトリ]>[ファイル] に移動します。

    Azure DevOps によって、add-orders-queue ブランチに変更があることを示すバナーが表示されているのがわかります。 このバナーでは、それらの変更に対する pull request を作成することが提案されます。

    pull request の作成を提供するバナーを含む、リポジトリのファイル一覧を示す Azure DevOps のスクリーンショット。

  2. [Pull request の作成] を選択します。

  3. pull request を作成するページでは、Azure DevOps によって、Git コミット メッセージが pull request のタイトルとして自動的に使用されていることがわかります。

    説明を次のテキストに更新します。

    この PR は、注文を処理するための新しい Azure Storage キューを追加し、ストレージ アカウントとキュー情報を含めるように Web サイトの構成を更新します。

  4. [作成] を選択します

    pull request 作成のページを示す Azure DevOps のスクリーンショット。pull request を作成するためのボタンが強調表示されています。

pull request をレビューする

通常、pull request は作成者以外の誰かによってレビューされます。 この例では、別のチーム メンバーのふりをして自分の pull request をレビューしましょう。

  1. pull request ページで、[Files changed] タブを選択します。

    pull request 内の変更されたファイルに関するタブを示す GitHub のスクリーンショット。

    GitHub により、この pull request で変更されたファイルが表示されます。 変更された行はすべて強調表示されているため、何をレビューする必要があるか簡単に確認できます。

    ヒント

    自分のチームに対してこれをレビューしていると想像してください。 何か提案はありますか?

  2. 変更された main.bicep ファイルの 18 行目にカーソルを置き、プラス記号 (+) が付いたボタンを選択します。

    main.bicep ファイルへの変更を示す GitHub のスクリーンショット。マウスが 18 行目の上にあり、コメントを追加するためのボタンが強調表示されています。

  3. コメント ボックスに、次のテキストを入力します: 「これは大文字にする必要がありますか?

  4. [Start a review](レビューの開始) を選択します。

    コメント フィールドを示す GitHub のスクリーンショット。レビューを開始するためのボタンが強調表示されています。

    ヒント

    GitHub では、自分の pull request を承認することはできません。 ここでは、自分の pull request にコメントを付けますが、承認はしません。 自分のチームの pull request を操作している場合は、ここで承認を行い、マージしても構わないことを示します。

  5. [Finish your review](レビューの終了) を選択します。

  6. 表示されるレビュー パネルで、[Submit review](レビューの送信) を選択します。

    レビューを完了するためのパネルを示す GitHub のスクリーンショット。レビューを送信するためのボタンが強調表示されています。

    GitHub によって、pull request の [Conversation](会話) タブに戻ります。

  1. pull request ページで、[Files] タブを選択します。

    pull request 内の変更されたファイルを示す Azure DevOps のスクリーンショット。

    Azure DevOps により、この pull request で変更されたファイルが表示されます。 変更された行はすべて強調表示されているため、何をレビューする必要があるか簡単に確認できます。

    ヒント

    自分のチームに対してこれをレビューしていると想像してください。 何か提案はありますか?

  2. 変更された main.bicep ファイルの 18 行目にカーソルを置き、コメント ボタンを選択します。

    main.bicep ファイルへの変更を示す Azure DevOps のスクリーンショット。マウスが 18 行目の上にあり、コメントを追加するためのボタンが強調表示されています。

  3. コメント ボックスに、次のテキストを入力します: 「これは大文字にする必要がありますか?

  4. [コメント] を選択します。

    コメント フィールドを示す Azure DevOps のスクリーンショット。[コメント] ボタンが強調表示されています。

    ブラウザー ウィンドウの幅は、コメント ダイアログ ボックスの表示方法に影響を与える可能性があります。 スクリーンショットに示すように、コメントはインライン コメントではなく [Discussion] (ディスカッション) ダイアログ ボックスを開きます。

  5. [承認] を選択します。

    pull request の [承認] ボタンを示す Azure DevOps のスクリーンショット。

    [承認] を選択すると、[オートコンプリートの設定][完了] に変わります。 この機能は、このレッスンで後ほど使います。

pull request のレビューに応答する

pull request を作成またはレビューする場合は、その内容に関する会話に参加できます。 あなたがこのファイルの作成者であり、レビュー担当者からのコメントに応答したい場合を想像してください。

  1. pull request のレビューに対して、次のコメントで応答します: 「いいえ、ストレージ キューの名前は小文字にする必要があります。

  2. [Comment](コメント) を選択し、[Resolve conversation](会話の解決) を選択して、この行に関するディスカッションが終わったことを示します。

    コメントへの応答を示す GitHub のスクリーンショット。コメントを入力して対話を解決するためのボタンが強調表示されています。

  1. pull request ページで、[Overview] (概要) タブを選択します。

    [概要] タブを示す Azure DevOps のスクリーンショット。

  2. ここで、あなたがこのファイルの作成者だとします。 pull request のレビューに対して、次のコメントで応答します: 「いいえ、ストレージ キューの名前は小文字にする必要があります。

  3. [応答して解決] を選択して、この行に関するディスカッションが終わったことを示します。

    コメントへの応答を示す Azure DevOps のスクリーンショット。応答と解決のためのボタンが強調表示されています。

pull request を完了する

Web サイトの開発チームは、注文をキューに送信する準備ができていることを確認しました。したがって、pull request を完了して統合する準備はできています。

pull request が承認されました。 Web サイトの開発チームは、注文をキューに送信する準備ができていることを確認しました。したがって、pull request を完了して統合する準備はできています。

  1. [Merge pull request](pull request をマージする) を選択します。

    マージするためのボタンが強調表示されている pull request を示す GitHub のスクリーンショット。

  2. GitHub からマージの確認を求めるメッセージが表示されます。 GitHub によって pull request がマージされると、コミットが作成され、コミット メッセージが自動的に生成されます。 [Confirm merge](マージの確認) を選択します。

    マージを確認するためのボタンが強調表示されている pull request を示す GitHub のスクリーンショット。

    pull request がマージされ、新しい機能がリポジトリのメイン ブランチに追加されました。

  3. 作業が完了した機能ブランチは、削除することをお勧めします。 ブランチを削除すると、進行中の作業がどれなのかについて、今後チーム メンバーが混乱せずにすみます。 [Delete branch](ブランチの削除) を選択します。

    ブランチを削除するためのボタンが強調表示されている pull request を示す GitHub のスクリーンショット。

  1. [Complete](完了) を選択します。

    pull request 用の [完了] ボタンを示す Azure DevOps のスクリーンショット。

  2. [pull request の完了] で、既定の設定を使用します。 [マージの完了] を選択します。

    pull request の完了のパネルを示す Azure DevOps のスクリーンショット。マージを完了するためのボタンが強調表示されています。

    pull request がマージされ、新しい機能がリポジトリのメイン ブランチに追加されました。

    pull request をマージしたときに、Azure DevOps によって機能ブランチが自動的に削除されました。 作業が完了した機能ブランチは、削除することをお勧めします。 ブランチを削除すると、進行中の作業がどれなのかについて、今後チーム メンバーが混乱せずにすみます。

変更を確認する

pull request をマージした後、変更が正常にマージされたことを確認することをお勧めします。

  1. [Code](コード) に移動します。

  2. deploy/main.bicep ファイルに移動し、次に deploy/modules/appService.bicep ファイルに移動します。

    pull request がマージされた後のリポジトリのファイル一覧を示す GitHub のスクリーンショット。

    キューと他の変更がファイルに追加されていることがわかります。

  1. [リポジトリ]>[ファイル] に移動します。

  2. deploy/main.bicep ファイルに移動し、次に deploy/modules/appService.bicep ファイルに移動します。

    キューと他の変更がファイルに追加されていることがわかります。