JSON差分比較ツール
2つのJSONを貼り付けて比較。追加・削除・変更されたキーをパス付きで一覧化し、整形して左右に並べてハイライト表示します。
元のJSON（旧）
比較するJSON（新）
使い方
1
2つのJSONを貼り付け
左に元のJSON、右に比較したいJSONをそれぞれ貼り付けます。フォーマットの整形は不要で、そのまま入力できます。
2
「比較する」を押す
ボタンを押すと両方のJSONを解析し、追加・削除・変更されたキーを再帰的に検出します。不正なJSONはエラーで通知します。
3
差分を確認
パス付きの差分一覧と、整形して左右に並べた色分けビューで違いを確認できます。各パネルはワンクリックでコピーできます。
JSON差分比較ツールとは
2つのJSONデータを比較し、どのキーが追加・削除・変更されたかを再帰的に検出してハイライト表示するWebツールです。ネストしたオブジェクトや配列にも対応し、各差分をJSONパス（例: $.user.address[0].city）付きで一覧表示します。すべての処理はブラウザ内で完結するため、機密性の高いAPIレスポンスや設定ファイルも安全に比較できます。
機能・特徴
- 再帰的なディープ比較ネストしたオブジェクト・配列を再帰的に走査し、変更点だけを正確に抽出します。
- パス付き差分一覧各差分を $.a.b[0] 形式のJSONパスで表示。どこが変わったか一目で分かります。
- 左右ハイライト表示整形したJSONを左右に並べ、追加=緑・削除=赤・変更=黄で色分け表示します。
- 完全ブラウザ完結入力したJSONはサーバーに送信されません。プライバシーを守って安全に利用できます。
活用シーン
- APIレスポンスの変更前後の差分チェック
- 設定ファイル（package.json / tsconfig.json 等）の比較
- デプロイ前後の環境変数・設定値の確認
- i18n（翻訳）JSONのキー追加・漏れの検出
- テストの期待値と実際の出力の比較
よくある質問
JSON差分比較は無料で使えますか？
はい、完全無料でご利用いただけます。会員登録やインストールは不要で、ブラウザを開くだけですぐにお使いいただけます。
入力したJSONはサーバーに送信されますか？
いいえ。比較処理はすべてお使いのブラウザ内（JavaScript）で完結します。JSONがサーバーに送信・保存されることはありませんので、機密データも安全に比較できます。
ネストした配列やオブジェクトも比較できますか？
はい。オブジェクトと配列を再帰的に走査し、深い階層の差分も検出します。差分は $.user.tags[2] のようなパス付きで一覧表示されます。
配列の比較はどのように行われますか？
配列は同じインデックス同士を比較します。要素の順序が変わった場合は、インデックスがずれた箇所が変更・追加・削除として検出されます。
不正なJSONを入力するとどうなりますか？
解析に失敗したJSONはエラーメッセージで通知し、可能な場合は行・列の位置も表示します。修正して再度「比較する」を押してください。
キーの順序が違うだけでも差分として検出されますか？
いいえ。オブジェクトのキーは順序を問わず、同じキーと値であれば一致として扱います。値そのものが異なる場合のみ「変更」として検出します。