JSON 差分ビューアー
1 追加 · 1 削除 · 1 変更
| パス | A | B |
|---|---|---|
| 変更age | 30 | 31 |
| 削除city | "Tokyo" | |
| 追加country | "JP" |
関連する外部サイト
一部のリンクはアフィリエイトリンクを含みます。
関連ツール
JSONパス抽出JSONとパス（例: users[0].name）を入力して目的の値や部分オブジェクトを取り出します。ドット/ブラケット記法対応・ブラウザ完結。JSON整形ツール貼り付けるだけで JSON を読みやすく整形、または1行に圧縮できます。壊れた JSON は何行目・何列目がおかしいかをハイライト表示。JSON→TypeScript型JSONを貼ると対応するTypeScriptのinterface/typeを生成。ネスト・配列マージ・optional/null対応。ブラウザ完結・送信なし。JWTデコーダーJWTを貼るとheader/payloadをデコード表示し、有効期限や発行時刻を読める形式に。署名検証なし。ブラウザ内処理で送信なし。
2つの JSON ドキュメントを貼り付けると、キーごとに比較して追加・削除・変更された箇所を前後の値と並べて表示します。ネストされたオブジェクトも再帰的に比較し、すべての差分のフルパスを確認できます。すべてブラウザで動作します。
使い方
- 左のボックスに1つ目の JSON を貼り付けます。
- 右のボックスに2つ目の JSON を貼り付けます。
- 差分・変更件数・キーのフルパスを確認します。
比較のしくみ
両方のドキュメントを解析した後、再帰的に比較します。オブジェクトについては両側のすべてのキーを確認し、左にだけあるキーは「削除」、右にだけあるキーは「追加」、両方にあるキーはさらに比較します。葉の値（数値・文字列・真偽値・配列）は厳密に比較し、差分はドット区切りのパスで報告します。
機能
キーのフルパス表示
ネストされた場所でも、差分はドット区切りのフルパスで表示されます。
変更件数の表示
追加・削除・変更されたキーの件数を確認できます。
変更前後の値
変更されたキーの古い値と新しい値を並べて比較できます。
完全プライベート
JSON はブラウザで比較され、アップロードはされません。
こんな場面に
API の変更確認
2つのバージョン間でレスポンスの何が変わったか確認できます。
設定ファイルのレビュー
編集前後の設定ファイルを比較できます。
コードレビュー
データやフィクスチャの変更による影響を確認できます。
デバッグ
2つのペイロードのどのフィールドが異なるか特定できます。
注意事項
- 配列は要素ごとでなく全体として比較されます。
- オブジェクトのキーの順序は結果に影響しません。
- 「変更なしも表示」をオンにすると一致するキーも表示されます。
- すべての比較はデバイス上で行われ、アップロードはありません。
よくある質問
- ネストされたオブジェクトはどう処理されますか？
- 再帰的に比較され、差分は a.b.c のようなフルパスで報告されます。
- 配列はどう比較されますか？
- 配列は1つの値として比較されるため、内部に差分があると配列全体が「変更」としてマークされます。
- キーの順序は関係しますか？
- いいえ。オブジェクトはキーで比較されるため、キーの並べ替えは差分を生みません。
- 変更がないキーを非表示にできますか？
- はい。デフォルトでは非表示で、「変更なしも表示」で切り替えられます。
- JSON はアップロードされますか？
- いいえ。比較はすべてブラウザで完結し、デバイスの外に出ることはありません。