Dev Study
← Angular コース

112. PRの説明文 — 何を・なぜ・どう確認したか

PR の説明文は「何を変えたか」「なぜ変えたか」「どう確認したか」の3点セットで書きます。差分を見れば「何を」はある程度分かりますが、「なぜ」はコードに残りません。背景となる課題やチケットへのリンクを書き、動作確認の手順と結果まで添えると、レビュアーは安心して読み始められます。

画面に関わる変更ならスクリーンショットを貼るのが実務の常識です。文章で説明するより一枚の画像のほうが早く正確に伝わり、変更前後を並べれば差も一目瞭然です。さらに「特にこの設計判断を見てほしい」という注目ポイントを冒頭に書いておくと、レビュアーは限られた時間を重要な箇所に使えます。

説明文を書くことには、もう1つ隠れた効果があります。変更内容を言葉にする過程で自分の差分を見直すため、消し忘れの console.log や無関係な変更に自分で気づけるのです。「説明が書きにくい PR は、変更を詰め込みすぎているサイン」という感覚も、書き続けるうちに身につきます。

サンプルコード(フレームワーク環境が必要なため表示のみ)

## 何を変えたか
ユーザー一覧画面に検索ボックスを追加しました。
入力した文字列で氏名を部分一致フィルタします。

## なぜ変えたか
ユーザー数が増え、目的の人を探しづらいという要望があったため。
(チケット: #123)

## どう確認したか
- [x] `ng test` が全件パス
- [x] ローカルで「山田」と入力し、該当ユーザーのみ表示されることを確認
- [x] 空文字に戻すと全件表示に戻ることを確認

## スクリーンショット
| 変更前 | 変更後 |
| --- | --- |
| (画像) | (画像) |

## レビューで特に見てほしい点
フィルタ処理を computed で実装しました。この設計が適切か見てほしいです。
サンプルコードで身につける(5本) →

学んだ概念を、素朴な例から実務寄りの例まで5つの具体例で確認します。

公式ドキュメントで詳しく ↗