この記事を読むとできるようになること
Github上でのプルリクエストレビューの際に「こやつできるな」と思わせることができる小技、テクニックについて理解できる
小技、テクニック
修正の提案(Commit Suggestion)
主にレビュアー→レビューイ
レビューイが、レビュアーの提示してきたコードの具体的な修正案を画面上でコミットできる機能。シンプルなタイポなどはこれでささっと修正できる。TODOとしたい場合には、そのコメントを元に直接issueを作成できる(これはこの機能に限った話ではなく、通常のコメントでも可能な操作)
手順としては、レビューワーが±マークのボタン「Add a suggestion」を押し、選択したコードに対して修正案を記載する。
![](https://images.microcms-assets.io/assets/c8f47cd9ef654a2d9ca6b6e579be433f/b5d3700e10f5460686e03e35c6cd1ce8/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202024-04-29%2010.56.37.png)
修正箇所は差分として表示される
![](https://images.microcms-assets.io/assets/c8f47cd9ef654a2d9ca6b6e579be433f/377a41ef5dd84e3a9191394534bf502b/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202024-04-29%2010.58.19.png)
レビューイーは必要に応じてCommit suggestionからこの修正案を取り込んだり
![](https://images.microcms-assets.io/assets/c8f47cd9ef654a2d9ca6b6e579be433f/8b828145b8c94f6888ec45205db758d0/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202024-04-29%2010.59.42.png)
issueにしたりできる
![](https://images.microcms-assets.io/assets/c8f47cd9ef654a2d9ca6b6e579be433f/d0ca58f7abde43d9a73b46de83aa97a3/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202024-04-29%2011.00.50.png)
返信テンプレート
レビュアー、レビューイ両方
よく使う返信定型文を設定できる
設定画面から登録しておくと、Saved repliesから呼び出して定型文を適用できる。ショートカットキーにも対応
![](https://images.microcms-assets.io/assets/c8f47cd9ef654a2d9ca6b6e579be433f/7841e4f368324652ba57c2b8660c64d0/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202024-04-29%2010.45.53.png)
複数行のコードを指定してコメント
レビュアー、レビューイ両方
ドラッグで可能。他のSaasなどと同じ複数選択。複数選択された行が黄色くハイライトされる。あとはいつも通りブラスボタンを押してコメントを書くだけ
![](https://images.microcms-assets.io/assets/c8f47cd9ef654a2d9ca6b6e579be433f/80d2b402540c49a2af3b5f0af4e52c51/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202024-04-29%2010.42.41.png)
conversationからはこのように表示される。
![](https://images.microcms-assets.io/assets/c8f47cd9ef654a2d9ca6b6e579be433f/96c30deac94e42ad9a75aa0f4103575a/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202024-04-29%2010.44.24.png)
強調表示
レビュアー、レビューイ両方
特にコメントの文章が長い時などに有効。どういった内容のコメントなのかを概要として強調表示してくれる機能
![](https://images.microcms-assets.io/assets/c8f47cd9ef654a2d9ca6b6e579be433f/3226106894ff4b638fd2ec89bcccfaf8/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202024-04-29%2011.06.58.png)
マークダウン表記
> [!IMPORTANT]
> 必ず目を通してもらいたい重要なビジネスロジックなどに関する内容
> [!NOTE]
> 特に重要ではない、流し読みで問題ない内容
> [!WARNING]
> 特別な事情等があり、特殊な実装をしている箇所
上記のほか、Tip、Cautionなどがある
ファイル単位でレビューの進捗をつける
主にレビュアー
プルリクエストに含まれる差分ファイルをどこまで閲覧したかについて確認できる機能。対象のファイルを確認済み(Viewed)としてマークすると、プログレスバーの進捗に反映され、ファイルの表示が自動的に折りたたまれる。
特に、差分が多いプルリクエストなどで、レビュー途中で別のタスクに着手しないといけない場合などに有効
viewed(進捗)というチェックボックス項目があるので、確認が完了したらチェックをつける
![](https://images.microcms-assets.io/assets/c8f47cd9ef654a2d9ca6b6e579be433f/033859ac686e4f4699d50e11be501efa/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202024-04-29%2011.19.05.png)
チェックをつけると、表示が折りたたまれ、進捗バーに反映される
![](https://images.microcms-assets.io/assets/c8f47cd9ef654a2d9ca6b6e579be433f/ef32b52c15f940fca04057e358bc4fc9/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202024-04-29%2011.21.36.png)
自身に対するメンション、レビューリクエストを一覧で確認する
以下のページでは、自身に対するメンション、レビューリクエストなどを一覧表示できる(ポータル画面の感じ)。自分の作業待ちになっているタスクがないかを確認できて便利
https://github.com/pulls/mentioned
![](https://images.microcms-assets.io/assets/c8f47cd9ef654a2d9ca6b6e579be433f/c1b7dfd61dda42c2acdf5549e6b4cca7/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202024-04-29%2011.23.32.png)
まとめ
いかがでしたでしょうか。本記事では、Github上でのプルリクエストレビューの際に「こやつできるな」と思わせることができる小技、テクニックについて紹介させていただきました。開発プロセスにおいてレビューはとても重要ですので、ぜひ参考にして試してみてください。