How to
2 つのテキストを並べて、追加・削除・変更箇所をブラウザ上で確認できるツールです。行単位、単語単位、文字単位を切り替えながら、コードや文章の変更点を見比べられます。入力した内容はサーバーへ送らず、比較結果を確認して必要な側だけコピーできます。
Use Cases
Capabilities
Guide
設定、入力、プレビュー、結果、保存など、画面内のエリアごとに操作方法を説明します。
01 HOWTO
左に変更前、右に変更後のテキストを貼り付けます。両方に内容が入ると、差分ハイライトと右下の差分統計が更新されます。
比較元になるテキストを左側へ貼り付けます。
比較先になるテキストを右側へ貼り付けます。
テキスト、JSON、HTML、CSS、JavaScript などから内容に近い言語を選べます。
行、単語、文字のどの粒度で差分を見るか選べます。
02 HOWTO
上部の設定で言語、比較単位、空白無視、スクロール同期を切り替えます。確認したい差分の種類に合わせて、表示と比較条件を調整できます。
コードや設定ファイルの種類に合わせて表示を切り替えます。
大きな変更は行、文言変更は単語、細かい値は文字で確認できます。
行頭や行末の空白差分を除いて比較できます。
左右のテキストを近い位置で追いながら確認できます。
03 HOWTO
削除された内容は左側、追加された内容は右側で色付き表示されます。右下の差分統計で削除数と追加数も確認できます。
削除は左側、追加は右側に色付きで表示されます。
右下で削除件数と追加件数を確認できます。
長い行を画面幅内で読みたい時に切り替えます。
左右を同じ位置に近づけて、前後関係を追えます。
04 HOWTO
確認後は変更前または変更後のテキストをコピーできます。不要になった入力はクリアし、別の比較へすぐ切り替えられます。
必要な側のテキストをクリップボードへコピーできます。
片側だけを消して、新しい比較内容へ差し替えられます。
左側の変更前テキストをコピーまたはクリアできます。
右側の変更後テキストをコピーまたはクリアできます。
Notes
使う前に確認しておくと迷いにくいポイントを、理由つきでまとめています。
確認すること
変更前と変更後で、比較したい章、関数、設定ブロックなどの範囲をそろえて貼り付けると、関係のない差分を減らせます。
確認すること
全体の変更行を見たい時は行、文章の言い換えを見たい時は単語、記号や短い値の違いを追いたい時は文字を選ぶと確認しやすくなります。
確認すること
空白を無視すると行頭や行末のスペース、タブの差が比較から外れます。インデント自体を確認したい場合はオフのまま比較してください。
FAQ
使う前に判断しやすい質問を先に整理します。
行モードは行全体を単位に比較します。単語モードは単語ごとに比較してどの単語が変わったかを示します。文字モードは 1 文字ずつ比較して最小の変化を確認できます。
行頭・行末のスペースやタブを除いて比較します。インデントだけが異なる場合を同じとみなしたい時に使えます。
ブラウザで扱える範囲内であれば使えます。非常に大きなテキストでは、差分計算に時間がかかる場合があります。
いいえ。すべての処理はブラウザ内で完結します。入力したテキストは外部に送信されません。
はい。言語セレクタで JavaScript、TypeScript、JSON、HTML、CSS など複数の言語を選択でき、シンタックスハイライト付きで確認できます。
右ペイン下部の差分統計に削除件数と追加件数が表示されます。
次に見る使い方
関連する使い方を続けて見られるように、次に確認しやすい導線をまとめています。
