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

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)

V1 COMPLETE

BCLOUD-19934 - Getting issue details... STATUS

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

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

LABS

BCLOUD-20061 - Getting issue details... STATUS

ロール アウト
"作業が必要" ステータス(minus)(tick)

進行中

BCLOUD-13021 - Getting issue details... STATUS

計画済みの作業

ファイルをレビュー済みとしてマーク

(minus)

(minus)

設計済み

BCLOUD-19679 - Getting issue details... STATUS

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

(minus)

(minus)

設計済み

BCLOUD-12503 - Getting issue details... STATUS

シンタックス ハイライト

(minus)

(minus)

Waiting

BCLOUD-8673 - Getting issue details... STATUS

PR のラベル

(minus)

(minus)

評価中

BCLOUD-11976 - Getting issue details... STATUS

コミットベースの差分

(minus)

(minus)

評価中

BCLOUD-19687 - Getting issue details... STATUS

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

For now, you may switch back to the legacy PR experience and we welcome feedback on what is and isn't working for your team. However, as we continue to improve and iterate on the new PR experience, the legacy experience will become obsolete.

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

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

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

新しいプル リクエスト インターフェイスを有効化

  1. Bitbucket のサイドバーでアバターをクリックします。

  2. [Bitbucket ラボ] を選択します。 

  3. [New pull request experience] 機能を有効にします。

すべてのプル リクエストが新しいインターフェイスで読み込まれるようになりました。

新しいプル リクエスト インターフェイスの無効化

新しいインターフェイスを無効化して、古いプル リクエスト インターフェイに切り替えます。機能が足りていないことによって元に戻す場合、[フィードバック] ボタンを使用してご意見をお知らせください。

新しいインターフェイスを一時的に無効化するには、右側のサイドバーで [フィードバック] カードのリンクをクリックします。

新しいインターフェイスを完全に無効化する方法

  1. 左側のサイドバーでアバターをクリックします。

  2. [Bitbucket ラボ] を選択します。

  3. [Old pull request experience] 機能を有効にします。

最終更新日 2020 年 11 月 13 日

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

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