DevToolsLab

JSON 比較

比較 · 差分ハイライト

両側に JSON を貼り付けると、行単位で並べて比較し、差分を色でハイライト表示します。

+4 追加 · -3 削除 · =5 一致
比較元 JSON有効
比較先 JSON有効

両側の入力はブラウザ内で完全に処理され、アップロードされません。

JSON 比較とは?

JSON 比較ツールは、2 つの JSON ドキュメントを比較し、両者の差分(追加されたプロパティ、削除されたプロパティ、変更された値)をハイライト表示します。DevFormatLab の JSON 比較は行単位で動作し、比較前にオブジェクトのキーをソートする(プロパティ順序の違いは差分として扱わない)ため、API レスポンスの変更確認、設定ファイルの差分追跡、フィーチャーフラグのロールアウト確認に最適です。すべての処理はブラウザ内で完結します。

機能

  • 並べて表示・行単位の赤緑ハイライト
  • キーソートのオプション(順序違いを差分扱いしない)
  • 追加 / 削除 / 一致 の行数を一目で確認
  • 両側で個別に厳格な JSON 検証・個別エラー表示
  • ワンクリックで左右を入れ替え
  • 100% ブラウザ内処理 — JSON データはデバイスを離れません

使い方

  1. 左側に比較元の JSON を貼り付けます。
  2. 右側に比較先の JSON を貼り付けます。
  3. 「キーをソート」(既定で有効)を維持すると順序違いを無視できます。
  4. 下部の並べて表示される彩色差分を確認:赤行は削除、緑行は追加です。
  5. 比較方向を逆転したい場合は「左右を入れ替え」をクリックします。

よくある質問

JSON データはサーバーに送信されますか?

いいえ。両側の JSON は完全にブラウザ内で解析・比較されます。アップロードは行われません。

なぜキーの並び替えは既定で差分として表示されないのですか?

JSON のオブジェクトキーは仕様上順序を持たないため、DevFormatLab は比較前のシリアライズ時にキーをソートします。順序が重要な用途ではこの動作を無効化できます(開発予定)。

ネストしたオブジェクトや配列はどう比較されますか?

両側を 2 スペースインデントで整形し、LCS アルゴリズムで行単位に比較します。ネスト構造は複数行に展開されるため、変更箇所が明確に局所化されます。

サイズ制限はありますか?

比較は行数 n × m の計算量です。各側 5,000 行を超える非常に大きな JSON では一時的に重くなる可能性があります。一般的な API ペイロードや設定ファイルは瞬時に表示されます。

配列の要素順の変更は差分として検出されますか?

はい。JSON では配列は順序を持つため、要素順の変更は差分として扱われます。順序を無視したい場合は事前に配列をソートしてください。

関連ツール

Canonical: https://devformatlab.com/ja/json-diff