テキスト差分チェッカー｜2つの文章・文字の比較ツール

比較したい2つのテキストを入力欄に貼り付け、「差分を比較する」をクリックするだけ。追加・削除・変更された箇所を色分けして表示します。
入力されたデータはサーバーに送信されません。すべての処理はブラウザ内で完結します。

Diffとは2つのテキストの違いを見つける処理

Diff（差分）とは、2つのテキストを比較して「どこが追加・削除・変更されたか」を自動検出する処理です。プログラマーにはGitのコミット差分確認、ライターやWebディレクターには原稿の修正箇所の可視化、法務担当者には契約書の変更点チェックなど、幅広い場面で活躍するツールです。

行単位と文字単位の差分の違い

行単位の差分は「どの行が変わったか」を大まかに把握するのに適しています。文字単位の差分はさらに細かく「行の中のどの文字が変わったか」まで特定でき、1文字の誤字修正なども見逃しません。本ツールでは両方を組み合わせて表示するため、大きな変更も細かな修正も両方確認できます。

インライン表示とサイドバイサイド表示の使い分け

Inline（インライン）表示は追加・削除行を縦に並べて一覧表示するスタイルです。縦スクロールで全体の流れを把握しやすく、スマートフォンでも見やすいのが特徴です。Side-by-side（サイドバイサイド）表示は旧テキストと新テキストを左右に並べて比較するGitHub/GitLab風のスタイルで、前後の対応関係を直感的に確認できます。

サーバーにデータを送信しない完全ブラウザ処理

本ツールはすべての処理をお使いのブラウザ内（JavaScript）で完結しています。入力されたテキストはサーバーに一切送信されないため、機密文書・社内資料・個人情報を含む文書の比較にも安心してご利用いただけます。ページを閉じるとすべてのデータは消去されます。

LCS（最長共通部分列）アルゴリズム

差分検出の基盤となるアルゴリズムです。2つの文字列から共通する最長の部分列（Longest Common Subsequence）を見つけ、共通でない部分が「追加」と「削除」として検出されます。UNIXのdiffコマンドやGitの差分表示でも同様の考え方が採用されています。

本ツールのアルゴリズム設計

本ツールはLCSを2段階で適用します。まず行単位でLCSを求め、追加・削除・共通行を分類します。次に、隣接する削除行と追加行のペアに対して文字単位でLCSを適用し、行内のどの文字が変わったかをハイライトします。外部ライブラリを一切使用しないVanilla JS実装で、通信不要・高速動作を実現しています。