Bitbucket Cloud でのコード レビューの見直し

コードを使用する作業は、日常業務で欠かせません。コードを作成してチームのレビューを待っている場合でも、新機能を実装して提供できるようにコードをレビューして承認している場合でも、プル リクエストは日常の一部となっています。

アトラシアンでは、Bitbucket Cloud のコード レビュー エクスペリエンスの調査、ユーザー テスト、および見直しに年月を費やしてきました。これから提供を開始する更新や変更点、プル リクエストのインターフェイスの新機能追加に関する現在の計画と長期的な計画をご確認ください。 

コード中心の新しいデザイン

レビュアーが変更を迅速に評価できるように、アトラシアンではこれまでプル リクエスト ビューでは "コード中心" の設計アプローチを採用してきました (プル リクエストでのレビューおよび作業)。Bitbucket では差分が前面と中央に表示されるので、レビュアーは変更点を確認したりフィードバックを提供したりするために、あちこちクリックする必要がありません。

アトラシアンではこのコンセプトをさらに推し進めてプル リクエスト ビューを再設計し、レビュアーに必要なすべてを 1 つのページにまとめ、タブを使用せずに表示するようにしました。


ユーザー テストを何度か繰り返すことで、レビュアーのナビゲーション向上に関して新デザインを最適化しました。新しいプル リクエスト エクスペリエンスでは、レビュアーの承認までの時間が既存の UI と比較して 21% 短縮されることを算出しました。

レビュアーのコード評価を迅速化するための主な機能

ファイル ツリーとアクティビティ フィードを表示するサイドバー

新しいソース ブラウザーのサイドバーと同様に、プル リクエストのサイドバーでは、折りたたみ可能なカードに情報をグループ化して、いつでもすぐに参照できるようにしています。これらのカードの 1 つは新機能のファイル ツリーで、差分内のファイル間をナビゲーションできます。スクロールしてページの先頭に戻らなくても、ファイル間をジャンプできるようになりました。

ファイルは見慣れたレイアウトで折りたたみ可能なフォルダにまとめられます。ファイルにはコメント件数と競合のマーカーが付き、対応しやすくなっています。ファイル名が途中で切れている場合は、ファイル名にカーソルを合わせると、完全なファイル名を示すツール チップが表示されます。また、サイドバーの端をクリックしてドラッグすると、ツリーの表示部分が拡張されます。サイドバーは、端をクリックするか、"]" のキーボード ショートカットを使用することで、折りたたんだり展開したりすることもできます。














新しく強力なアクティビティ フィード

これからは、アクティビティ タブとコードを行き来する必要はありません。プル リクエストで差分をレビューしているときにアクティビティ フィードの以前の履歴をすべて表示でき、関心のある主要なイベントに 1 クリックでジャンプできます。 

スクロール時のスティッキーなアクション ヘッダー

再設計されたヘッダーは、ページをスクロールしても先頭にとどまるので、レビューの終了後、PR をさらに簡単に承認またはマージできます。

ファイル ヘッダーの先頭表示とスクロール時のファイル ツリーでのハイライト表示

同様に、差分ファイルのヘッダーも、ページをスクロールしても先頭にとどまるので、長い差分を表示していても、その場所を見失うことがありません。さらに、スクロールすると現在のファイルがファイル ツリーでハイライト表示されるので、表示中のファイルが常に明確にわかります。

折りたたみ可能な差分

各ファイルの差分は折りたたみ可能なので、進捗状況を確認できるほか、レビューを進めていく際のスクロール量を軽減できます。

また、各差分の横並びのビューはモーダル ウィンドウではなくインラインで使用できます。

最近のリリースと今後の新機能への取り組み

上記の新機能に加えて、今後数か月間でさらに多くの機能をリリースする予定です。 また、ユーザーから多数寄せられている機能向上のリクエストも評価しています。今後の更新を楽しみにお待ちください。

次の表は、このようなリクエストへの対応予定の大まかな順序です。影響度が大きい (または、従来の PR エクスペリエンスの廃止による技術的な負担を軽減する) と思われるものから順に並べています。



機能

従来の PR

新しい PR UI

ステータス

公開チケット

完了

サイドバーのタスク

(minus)

(tick)

完了


ファイル ツリー

(minus)

(tick)

完了


アクティビティ フィード フィルター

(minus)

(tick)

完了

BCLOUD-19748 - Getting issue details... STATUS

横並び差分へのコメント

(minus)

(tick)

完了

BCLOUD-6357 - Getting issue details... STATUS

グローバル PR 設定(minus)(tick)

完了

BCLOUD-19951 - Getting issue details... STATUS

大規模 diff のパフォーマンス向上

(minus)

(tick)

完了

BCLOUD-7723 - Getting issue details... STATUS

折りたたみ可能なファイル ヘッダー

(minus)

(tick)

完了


ブランチの同期

(tick)

(tick)

完了


ブランチの復元

(tick)

(tick)

完了


コメントでのタスク

(tick)

(tick)

完了

BCLOUD-19747 - Getting issue details... STATUS

アクティビティ フィード

(tick)

(tick)

完了


画像の差分

(tick)

(tick)

完了

BCLOUD-19746 - Getting issue details... STATUS

いいね!

(tick)

(tick)

完了

BCLOUD-19744 - Getting issue details... STATUS

ファイル全体を一度に表示(tick)(tick)

完了

BCLOUD-19935 - Getting issue details... STATUS

マージ チェックリスト

(tick)

(tick)

完了

BCLOUD-19745 - Getting issue details... STATUS

大規模 PR の単一ファイル モード(tick)(tick)

V1 完了

BCLOUD-19934 - Getting issue details... STATUS

** ファイル ツリーの仮想化に関する追加作業を現在も実行中です。

マージの保留(minus)(tick)

完了

BCLOUD-20061 - Getting issue details... STATUS

"作業が必要" ステータス(minus)(tick)

完了

BCLOUD-13021 - Getting issue details... STATUS

ファイル ツリーが改良されたタブ付きサイドバー(minus)(tick)

完了


ロール アウト
ファイルをレビュー済みとしてマーク(minus)(tick)

進行中

BCLOUD-19679 - Getting issue details... STATUS

シンタックス ハイライト(minus)(tick)

進行中

BCLOUD-8673 - Getting issue details... STATUS

計画済みの作業

"進行中の作業" ステータス

(minus)

(minus)

設計済み

BCLOUD-12503 - Getting issue details... STATUS

PR のラベル

(minus)

(minus)

評価中

BCLOUD-11976 - Getting issue details... STATUS

コミットベースの差分

(minus)

(minus)

評価中

BCLOUD-19687 - Getting issue details... STATUS

従来の PR エクスペリエンスへの影響

従来の PR エクスペリエンスは 2021 年 2 月 15 日にご利用いただけなくなります。

過去 1 年間にわたり、多くのお客様に新しいエクスペリエンスをお試しいただけたので、アトラシアンでは、これらの変更がお客様のチームにも役立つと確信しています。変化に慣れるには少々時間がかかりますが、新しい PR エクスペリエンスにより、使いやすさ、連携、コラボレーションが将来的に大きく改善する下地が作られます。

フィードバックを送信する方法

新しいエクスペリエンスでは、右側のサイドバーの下にフィードバック カードが含まれます。ご意見をお寄せください。お客様からのフィードバックは、アトラシアンの製品ロードマップで非常に重視されます。重大な機能が利用できない場合はぜひお知らせください。

フィードバック カードには、表示しているプル リクエストを一時的に古いエクスペリエンスで確認するためのリンクも含まれます。