差分ビューア
契約書の2つのバージョン、設定ファイルの2つのコピー、メールの2つの下書き。これらの間で何が変わったのかを正確に把握したいとき、目で追ってスクロールする方法には限界があります。この差分ビューアは2つのテキストを行単位で比較し、追加を緑、削除を赤でハイライトし、結果を統合表示または並列表示で、両バージョンの行番号付きで表示します。
2つのテキストを比較する手順
-
1
両方のバージョンを貼り付ける
左側の枠に元のテキスト、右側の枠に新しいバージョンを入力します。テキストを直接貼り付けるか入力してください。
-
2
表示モードを選ぶ
並列表示は2つのバージョンを左右の列で並べて表示します。インライン表示は`+`や`-`などの記号を付けて変更を上下に積み重ねて表示します。
-
3
比較して確認する
[比較]を押すと、追加・削除・変更のない行がハイライトされ、各行に両バージョンの行番号が表示され、まとめに変更数が示されます。
差分マーカーの早見表
| 記号 | 意味 |
|---|---|
+ |
新しいバージョンにのみ存在する行(追加) |
- |
元のバージョンにのみ存在する行(削除) |
| (空白) | 両バージョンで同一の行(コンテキスト) |
統合表示と並列表示
- 統合表示。 両方のテキストを1つの列に積み重ねて表示します。追加された行は緑、削除された行は赤、変更のない行は無色で、各行は元のバージョンと新しいバージョンでの番号を表示します。
- 並列表示。 元のバージョンと新しいバージョンが左右の列に表示されます。片側のセルが空の場合は、その行がもう一方にしか存在しないことを意味します。
行単位の比較
このツールは、空白を含めてテキストを行単位で比較し、一方のテキストを他方に変えるための最小の行挿入・行削除の組み合わせを見つけます。そのため、インデントや行末スペースの変更は変更された行として表示されます。これは、再フォーマットされたコード、異なる行幅に折り返されたテキスト、うっかり行末スペースが入り込んだYAMLやINIの断片を比較するときに役立ちます。
ヒント
- 大きな文書のセクションを比較するときは空行を区切りに使うと便利です。長い入力でもこのアルゴリズムは問題なく処理します。
- JSONは整形してから比較する。 同一のJSONオブジェクトでも別の行でシリアライズされていれば、生のdiffでは異なって見えます。先に整形してください。
- ログファイルのdiffではタイムスタンプを取り除く。 残しておくと、すべての行が変更されたように表示されます。
- 両テキストの順序は保ったままにする。 このツールは同一の行を対応付けますが、移動したブロックは検出しません。2つの段落を入れ替えると、削除と追加として表示されます。
よくある質問
2つのテキストを行単位で比較し、一方のバージョンをもう一方に変えるための最小の挿入・削除の組み合わせを求めます(最長共通部分列の手法)。表示されるのは違いだけです。ファイルのマージや変更は行いません。
はい。入力はプレーンテキストとして扱われるため、コード、設定ファイル、JSON、ログ、散文のいずれでも使えます。等幅フォントで表示されるので書式はそのまま読みやすく、言語固有の解析は行わないため、どんな種類のファイルでも確実に動作します。
行単位の差分は各行をその位置で比較するため、移動したブロックは追跡されません。したがって、2つの段落を入れ替えると、削除されたブロックと追加されたブロックとして表示されます。これはこの種の比較では正常な動作です。
2つのテキストはページの対話状態の一部であるため、ツールを使用している間はサーバーに送信され、複数ステップの流れでは、ステップ間でブラウザーにも保持されます。データベースには保存されず、共有もされません。インターネット経由で送信しても構わない内容だけを貼り付けてください。
関連ツール
ASCII表リファレンス
0から127までの完全なASCII表です。NUL、LF、DELなどの制御コードを含め、各文字の10進数、16進数、8進数、2進数、HTML数値文字参照を表示します。
HTML文字参照
HTMLエンティティの検索可能なリスト、その名称コードおよび数値コード、および特殊文字や記号のワンクリックコピー機能を提供します。
キーボードショートカット一覧
macOS、Windows、Linux向けに、VS Code、Chrome、GNU Readlineを使うBashの公式資料に基づく既定ショートカットを検索できます。
HTML フォーマッター
ブラウザ内で HTML を 2 または 4 スペースで整形します。HTML はアップロードも検証もされません。
カラーパレットジェネレーター
基準のHEXカラーから、モノクロマティック、類似色、補色、トライアド、テトラードのパレットを生成し、コピーしやすいCSS変数として書き出します。
変更ログジェネレーター
分類した項目から Keep a Changelog 形式の Markdown セクションを作成します。Added、Changed、Fixed、Removed の各カテゴリに項目を貼り付け、Markdown かプレーンテキストを選んで出力をコピーするだけです。
このツールは他の言語でも利用できます
- 차이 뷰어 [KO]
- Trình xem khác biệt [VI]
- Verschillenweergave [NL]
- 差异查看器 [ZH]
- Diff-Viewer [DE]
- Diff Viewer [EN]
- Penampil Perbedaan [ID]
- Skillnadsvisare [SV]
- Podgląd różnic [PL]
- عارض الفروق [AR]
- โปรแกรมดูความแตกต่าง [TH]
- Visor de diferencias [ES]
- Visualiseur de différences [FR]
- Visualizador de Diferenças [PT]
- Fark Görüntüleyici [TR]
- Visualizzatore di differenze [IT]
- Просмотр различий [RU]