並列コード差分ビューUX
コード差分ビューの設計に取り組んでおり、既存の2つのパターンについての意見を集めたいと思います。
以下は、2つの異なるサイドバイサイドの差分ビューデザインのスクリーンショットです。
1つは、古いバージョン（左側）で終了しなかったコードのために空白を残し、行番号が継続しないことです。 
他のデザインは、左側の空白が削除されたサンキーダイアグラムに似ています。元のフローのコード行を見ることができます。 
どのデザインが好きで、なぜですか？
個人的には2つ目が好きです。
なぜ？
- 単純な理由で、両方の状態が現状のまま表示されます。
1つのバージョンに20行のコードが1つある場合、他のバージョンに依存するのではなく、全体で1000行と表示される可能性があります。片側で1000行のコードをスクロールして、反対側の2行目に到達することを想像してみてください。
追加および削除されたコードの強調表示が好きです。よりクリーンで、行全体ではなく、関連するコードのみを強調しています。
2つ以上のバージョンを比較するときにコード比較が簡単になります（下のスクリーンショットを参照）
Sankeyスタイルの行を使用すると、より多くのバージョンの整列が容易になります 