Bitbucket の新しいプル リクエスト エクスペリエンス

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

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

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

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

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

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


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

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

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

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

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














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

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

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

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

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

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

折りたたみ可能な差分

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

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

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

In addition to the new features mentioned above, we will be releasing more features in the coming months. We’re also evaluating your most highly requested improvements. Stay tuned for our updates.

Below is a table listing the approximate order in which we will be addressing these requests. These are ordered by what we think will have the highest impact (or reduce our technical burden by deprecating the old PR experience).



機能

従来の 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 COMPLETE

BCLOUD-19934 - Getting issue details... STATUS

** we're still doing some follow on work related to virtualizing the file tree.

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

完了

BCLOUD-20061 - Getting issue details... STATUS

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

完了

BCLOUD-13021 - Getting issue details... STATUS

Tabbed Sidebar with improved file tree(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

What about the legacy PR experience?

The legacy PR experience will be unavailable on Feb 15th 2021.

Many customers have been enjoying the new experience over the past year and we're confident that the changes will help your team too. While change takes some getting used to in the short-term, the new PR experience paves the way for many usability, integration, and collaboration improvements in the future.

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

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

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

最終更新日: 2021 年 2 月 6 日

この内容はお役に立ちましたか?

はい
いいえ
この記事についてのフィードバックを送信する
Powered by Confluence and Scroll Viewport.