JSON比較

JSON Diff とは?

2つのJSON（API応答の前後、2つの設定バージョンなど）で何が変わったかを見つけるのは、整形やキー順が異なると難しいものです。この無料のJSON比較は、両方を正規化（整形＋キー順ソート）し、行単位で分かりやすく比較するため、本当の変更だけをブラウザ上で瞬時に確認できます。

JSON Diff は2つの JSON ドキュメントを比較し、両者の間で何が変わったかを正確に示します——どのキーが追加・削除・変更されたか、新旧の値は何か。バージョン間の API 変更のデバッグ、コードレビューでの設定変更の確認、データベースレコードの変化の追跡に不可欠です。

使い方

1. 左に元のJSONを貼り付けます。
2. 右に変更後のJSONを貼り付けます。
3. ハイライトされた差分を確認します（緑＝追加、赤＝削除）。

使用例

• コード変更の前後で API レスポンスを比較し、意図したフィールドだけが変わったことを確認する。
• 2つの環境（ステージングと本番）間の設定変更を読みやすい形式で確認する。
• 2つのスナップショット間でデータベースレコードやドキュメントがどう変化したかを追跡する。
• 予期せぬ API レスポンスを期待する出力と比較してデバッグする。

JSON Diff の仕組み

ツールはまず両方の入力を JSON.parse() で解析して有効な JSON であることを検証します。次に深い構造比較を行います：両オブジェクトの各キーについて、値が同一かどうかを再帰的に確認します。

配列の diff はインデックスベースです：左の位置0は右の位置0と比較されます。つまり配列を並び替えると、値が同じでもすべての要素が変更されたと表示されます。

メリット

• 整形やキー順のノイズを無視。
• 追加／削除行の明確なハイライトと件数表示。
• ブラウザ内で動作 — 安全かつ無料。

JSON の比較は完全にローカル

貼り付けた 2 つの JSON オブジェクトは、ブラウザ内で動作する JavaScript の差分アルゴリズムによって比較されます。JSON データは完全にお使いのマシン上でローカルに処理され、いかなるサーバーへも送信されません。