m moji kit v1.0.9
Δ
解析

Diff(差分)

2 つのテキストの差分を行 / 単語 / 文字単位で表示します。JSON モードでは構造的に比較 (キー順序を無視) でき、unified diff 形式でのコピーにも対応。

サンプル
差分

こんなときに使う

API レスポンスを 2 環境で比べる

staging と production の同じエンドポイントが返す JSON を JSON モードで構造比較。順序差を無視できます。

コードレビューで小さな差分を確認

GitHub の diff だと粒度が粗いとき、本ツールの単語/文字 diff で詳しく比較。

翻訳前後の対照

原文と訳文を並べて、削除・追加された箇所を識別。文字 diff で句読点の差まで把握。

本番のログと開発のログを比べる

差分行だけ抽出して、環境差由来の挙動違いを早期に検知。

Git の難読 diff を読みやすく整える

Git の出力を貼って、もう一度色分けで眺めるとレビュー効率が上がります。

コピペ時の改行/空白混入を発見

「同じはずなのに動作が違う」とき、文字 diff にかけるとタブ vs スペース、CRLF vs LF などが見つかります。

よくあるエラーと対処

ERR diff が大量に出て読めない
原因
改行コードが違う、末尾の空白の違い、タブ vs スペースの差。微小な違いが大量行差として出ます。
対処
事前に改行コードと空白を正規化してから diff してください。本サイトの「改行コード変換」ツールが使えます。
ERR JSON モードで「構造が違う」と出るが目視では同じ
原因
キーは同じでも、配列要素の順序や数値の精度(整数 vs 浮動小数点)の違い、null と undefined の差など。
対処
JSON モードはキー順序は無視しますが配列順序は保持します。順序を無視したい場合は事前に並べ替えてください。
ERR 巨大なテキストでブラウザが固まる
原因
数千行・数 MB を超えると JavaScript の diff 計算がボトルネックになります。
対処
サイズを減らして比較する、または CLI(diff / git diff)を使ってください。
ERR 文字 diff にすると分かりにくい
原因
文字単位 diff は粒度が細かすぎて、連続変更を細切れに表示することがあります。
対処
通常は単語または行 diff から始めて、必要に応じて文字に切り替えるのが効率的です。

CLI / 他言語でやる方法

diff
diff -u left.txt right.txt

-u で unified diff。色付きは git diff の方が見やすい。

git diff
git diff --no-index left.txt right.txt

Git 管理外のファイルでも使える。--word-diff で単語単位。

delta
delta left.txt right.txt

シンタックスハイライト付きの diff ビューア。git の core.pager にも設定できる。

よくある質問

行 / 単語 / 文字 diff をどう使い分ける?
通常は行 diff → 詳細を見たいときに単語 → さらに細かくは文字、と段階的に。多くのコードは行で十分、自然文は単語、句読点まで気にするなら文字。
JSON モードと普通のテキスト diff の違いは?
JSON モードはキー順序を無視して比較します。`{"a":1, "b":2}` と `{"b":2, "a":1}` はテキスト diff では差が出ますが、JSON モードでは差なしと判定。
unified diff 形式とは?
@@ で前後行数を示し、- が削除、+ が追加、空白行頭が変更なし、というフォーマットです。Git や patch コマンドの標準形式です。
patch ファイルとして適用できますか?
本ツールが出力する unified diff は patch コマンドで適用可能な形式です。ファイルパス情報を補えば既存ファイルへ適用できます。
色は何を表しますか?
緑が追加(右にあって左にない)、赤が削除(左にあって右にない)です。一般的な diff ビューアと同じ色慣習です。
改行コードの違いだけを除いて比較したい
事前に「改行コード変換」ツールで揃えてから diff にかけるのが確実です。
サーバーに送信されますか?
送信されません。すべてブラウザ内で diff ライブラリ(jsdiff)が動作します。
巨大ファイル同士は比較できる?
数 MB 程度までは動きますが、最適化された CLI(diff / git diff)の方が高速です。10MB 超は CLI を推奨。

もっと深く知る

公式ドキュメント / 仕様

学習サイト / 記事

※ Amazon へのリンクはアフィリエイトリンク(Amazon アソシエイト)を含みます。

関連ツール