JSON 比較

2 つの JSON を構造的に diff

左(原文)

Loading editor...

右(変更後)

Loading editor...

See exactly what changed between two JSON payloads

Eyeballing a diff between two long JSON files is painful and error-prone. A structural compare ignores key order, normalizes whitespace, and shows you only what actually changed — added keys, removed keys, value differences — with the full path to each change so you can act on it instead of hunting for it.

Use the comparer when you need to

Diff two API responses

Confirm whether a backend change altered the response shape or values between deploys, environments, or versions.

Spot regressions in fixtures or snapshots

Find the field that drifted in a test fixture or snapshot file without manually re-reading the whole document.

Compare model outputs across runs

Diff structured AI responses to see which fields are stable and which fluctuate between prompts or model versions.

How to compare JSON quickly

  1. 1

    Paste the first JSON document on the left and the second on the right.

  2. 2

    Click Compare to see additions, removals, and value differences with full paths.

  3. 3

    Copy or share the diff to discuss the change with a teammate.

Common compare workflows

Investigate an unexpected staging response

Paste prod and staging payloads side-by-side to find the exact field that drifted.

Validate an API migration

Confirm the new endpoint returns the same structure and values as the legacy one before flipping clients.

Audit a model upgrade

Compare structured output from two model versions on the same prompt to verify downstream code still works.

関連ツール

よくある質問

左に1つ目、右に2つ目のJSONを貼り付けて「Compare」をクリックします。追加・削除・変更された値を、フルパス付きの構造的なdiffとしてハイライト表示します。

このツールはセマンティック比較(意味的比較)を行うため、キーの順序は無視して実データを比較します。{"a":1,"b":2} と {"b":2,"a":1} は同じデータとして等価に扱われます。

はい。代表的な用途のひとつです。期待するレスポンスを片側に、実際のレスポンスをもう片側に貼り付けると、構造や値の差分がすぐに分かります。

+ の付いた緑の行は、2つ目のJSONにのみ存在する値です。- の付いた赤の行は、1つ目のJSONにのみ存在する値です。黄/オレンジは、両方に存在するものの値が異なる箇所を示します。