2つのテキストの差分を行単位でハイライト表示
2つのテキストを比較し、差分（追加・削除・変更）を行単位でハイライト表示する無料ツールです。コードレビュー、ドキュメントの変更確認、設定ファイルの差分チェックなど、テキストの変更箇所を素早く把握したい場面で活躍します。
追加された行は緑色、削除された行は赤色でハイライトされ、変更箇所が一目でわかります。行番号付きの対比表示で、どの行がどう変わったかを正確に確認できます。
プルリクエストのレビュー前の事前確認、設定ファイルの本番環境とステージング環境の差分チェック、翻訳テキストの更新確認、契約書の改訂箇所の特定などに使われています。すべてブラウザ内で処理されます。
テキスト差分（Diff）とは、2つのテキストを突き合わせて比較し、追加・削除・変更された箇所を見つけ出す仕組みのことです。元のテキスト（Before）と変更後のテキスト（After）を1行ずつ照らし合わせ、どこが同じで、どこが変わったのかを抽出します。このツールは入力テキストを改行で行に分割し、LCS（最長共通部分列）アルゴリズムを使って、両者に共通する行の並びを最大化する形で対応関係を求めています。共通しない行が、片方にだけ存在する「追加」または「削除」として表示されます。
差分を取る主な用途は、コードレビューでの変更点の把握、文書の校正による修正箇所の確認、設定ファイルの変更確認の3つです。コードレビューでは、プログラムのどの行が書き換えられたかを正確に追えるため、意図しない変更の混入を防げます。文書の校正では、原稿の修正前後を比較して赤字の入った箇所を漏れなく確認できます。設定ファイルの変更確認では、environment間や更新前後の設定値のずれを素早く見つけられます。いずれも「何が変わったか」を人の目だけで探すより、はるかに速く正確に把握できるのが差分表示の利点です。
| 表示 | 色 | 意味 |
|---|---|---|
| ＋ 追加行 | 緑色 | 変更後（After）にのみ存在する行。新しく加わった行を示します。 |
| － 削除行 | 赤色 | 元テキスト（Before）にのみ存在する行。取り除かれた行を示します。 |
| （記号なし）一致行 | 無色 | 両方のテキストに共通する変わっていない行です。 |
| 変更された行 | 赤＋緑 | 1行内の一部だけが変わった場合は、削除行（赤）と追加行（緑）のペアとして表示されます。 |
比較は行単位で行われ、文字単位の差分（行の中の特定の文字だけをハイライト）には対応していません。各行の先頭には行番号と記号（＋／－）が付き、画面上部には追加・削除・一致それぞれの行数が集計表示されます。「入れ替え」ボタンで元テキストと変更後テキストを入れ替えて、削除と追加を逆方向から確認することもできます。