JSON差分ビューア（2つのJSONを比較して差分を表示）

サンプル

設定JSONの変更例で、差分タイプをひと通り確認できます。

{
  "meta": {
    "owner": "team-a"
  },
  "service": {
    "enabled": true,
    "features": ["search", "export"],
    "limits": {
      "daily": 10
    },
    "name": "catalog",
    "retries": 2
  },
  "version": 1
}

{
  "meta": {
    "region": "ap-northeast-1"
  },
  "service": {
    "enabled": true,
    "features": ["search", "export", "audit"],
    "limits": {
      "daily": 12
    },
    "name": "catalog-v2",
    "retries": "2"
  },
  "version": 1
}

このサンプルでは added / removed / changed / type_changed の差分が出ます。

使い方

1. 左右それぞれにJSONを貼り付けます。
2. 必要なら設定でキー順、配列順、表示モードを調整します。
3. 比較ボタンで差分を確認し、必要に応じてコピーやダウンロードを使います。

できること

• JSONの構造を再帰的に比較します。
• added / removed / changed / type_changed を分けて表示します。
• ツリー表示と一覧表示を切り替えられます。
• 結果をコピーしたり JSON レポートとしてダウンロードできます。

仕様

• キー順の違いは既定で結果に影響しません。
• 配列は既定で順序込みで比較します。必要なら設定で変更できます。
• JSON Schema の検証は行いません。
• 入力はブラウザ内でのみ処理されます。外部送信はしません。
• 巨大なJSONはブラウザ性能に依存します。

よくある質問