テキスト差分チェッカーとは？

変更前と変更後のテキストを並べて比較し、追加・削除・変更を色分けで確認できるツールです。入力に合わせて差分がリアルタイムで更新され、行の中のどの文字が変わったかまで表示できます。比較結果はunified diffの形式でもコピーでき、そのままレビューコメントやチケットに貼り付けられます。

処理はブラウザ内で完結するため、手元で内容を確認しながら比較できます。

使い方

1. 変更前と変更後のテキストを入力または貼り付けます。それぞれの行数・文字数が入力欄の下に表示されます。
2. 差分がすぐ表示され、入力を変えると結果も更新されます。
3. 変更前と変更後を入れ替えたいときは、「入れ替え」ボタンを使います。
4. 長いテキストでは、「前の変更箇所」「次の変更箇所」のボタンで差分ブロック間を移動できます。Alt+↑、Alt+↓でも移動できます。
5. 必要に応じてオプションを切り替え、見やすい表示に調整します。

主な設定項目

比較オプション

• 空白を無視: 行内の空白の違いを差分と見なさないようにします。インデントの調整だけの変更を除外して、中身の変化だけを確認したいときに使います。
• 大小文字を無視: アルファベットの大文字・小文字の違いを差分と見なさないようにします。表記ゆれの確認に向いています。

表示オプション

• 強調: 変更行をどこまで細かく強調するかを「行」「文字」で切り替えます。「文字」では、同じ行の中でどの語句が変わったかまで表示します。
• 高さ上限なし: 結果エリアの高さの制限を外し、すべての行をページのスクロールで表示します。
• 行の折り返し: 長い行を横スクロールせず折り返して表示します。

活用シーン

• プルリクエスト前に、関数やCSSの修正範囲をざっと見直したいとき
• 記事、議事録、提案文などの改稿で、どの表現を削って何を足したか確認したいとき
• JSON、YAML、環境設定のように、小さな書き換えが挙動に影響しやすいテキストを見比べたいとき
• 変更点をunified diffの形式で共有したいとき