Github レビューが少し便利になる小技集


こんにちは森田です。
弊社のプロジェクトは基本的に Github のプルリクエストをベースに開発をしています。

今回はそんな Github のプルリクエストのレビューが少し便利になる小技を記事にしたいと思います。
「レビューの精度が上がる」「より速くレビューができる」といった話ではなく、ちょっとだけ Github のプルリクエストが便利になる小技のお話です。

コードコメントは複数行選択できる

コードコメントの際によくやってしまうのが「ここのコードが」という抽象的なコメントを1行コメントでしてしまい、レビューされた側はどこのことを指しているかよくわからないことがあります。

コードコメントで行番号の上をドラッグか Shift を押しながら複数行を選択しコメントをすることができます。

選択した行が黄色く反転する

選択されたコード全体が引用されコメント表示されるので、どこのことを指しているかわかりやすいです。

suggestion 機能でコードの提案を直接 commit できる

コメントだけではなくコードの修正をそのまま提案→取り込むすることができます。

±マークのボタン「Add a suggestion」を押すと選択したコードがコメント内に挿入されます。

Add a suggestionボタン

挿入されたコードを直すと差分がコメントに表示されます。

コードをコメントで編集

「Commitsuggestion」ボタンが出現するので、レビューイはコメントから提案されたコードをそのまま commit することができます。

commitメッセージを付けてそのまま 取り込むことができる

この機能はケースバイケースなので、

コメントからそのまま Issue を作ることができる

レビューによっては別Issueに切り出して対応にしようということも良くあります。

そんな時は「Reference in new issue」を使えばコメントをそのまま転用し Issue を作ることができます。

Reference in new issue で開かれるモーダル

ファイルツリーを表示

こちらは最近登場したまだ Beta の機能ですが、変更があったファイルをツリー表示できて、全体を見通せて便利になります。

左側にファイルツリーが表示されている

設定の「Feature preview」から「Pull Request File Tree」を Enable にすれば利用することができます。

以前から Chrome の拡張機能では存在したのでそれが本体に取り込まれたんでしょうか?

マージしたブランチを自動削除する

マージしたタイミングでブランチを自動削除することができます。

これは管理者権限の設定が必要なのですが、リポジトリの設定から「Automatically delete head branches.」にチェックを入れます。

リポジトリの Settings の Pull Requests の設定

自動削除をしてないと手動で削除しない限り PR を積む毎にブランチが増え続けるので、リモートブランチをチェックアウトする時に煩雑になりがちですので、この設定はオススメです。

まとめ

プルリクエストはレビュアーもレビューイも伝えることを意識して気持ち良くプロジェクトを進めていきたいですね。

Gaji-Laboでは、React経験が豊富なフロントエンドエンジニアを募集しています

弊社ではReactの知見で事業作りに貢献したいフロントエンドエンジニアを募集しています。大きな制作会社や事業会社とはひと味もふた味も違うGaji-Laboを味わいに来ませんか?

もちろん、一緒にお仕事をしてくださるパートナーさんも随時募集中です。まずはお気軽に声をかけてください。お仕事お問い合わせや採用への応募、共に大歓迎です!

求人応募してみる!

投稿者 Morita Sou

フロントエンドグループチームマネージャー。
適切な技術提案やプロジェクトを円滑に進めるコミュニケーションを心掛けています。
CMS構築や開発環境の構築・最適化などを得意としています。チームビルティングと採用と開発環境を快適にすることにいつも燃えています。