ToolPal
暗いスクリーン上のコード

JSON差分チェッカー:JSONオブジェクトをオンラインで比較し、変更を即座に特定する

📷 Ilya Pavlov / Pexels

JSON差分チェッカー:JSONオブジェクトをオンラインで比較し、変更を即座に特定する

2つのJSONオブジェクトをオンラインで比較する方法、APIレスポンス・設定ファイル・データエクスポート間の変更を見つける方法を、無料のブラウザベースのJSON差分ツールで解説します。

D著者: Daniel Park2026年4月1日2分で読了

このツールが必要な瞬間

こんな場面を想像してください。夜の11時。受信箱にバグレポートが届いています — APIレスポンスに何かが間違っていますが、チケットの内容が曖昧です。ログシステムから、デプロイ前後の2つのレスポンスペイロードを取り出します。どちらも数百行の深くネストされたJSONです。エディタに並べて貼り付け、手動で差分を目視し始めます。

20分後、ようやく発見しました:187行目のどこかで"status": "active"がひっそりと"status": "pending"に変わっていました。1つのフィールド。2つの単語。20分の夜。

これがまさにJSON差分チェッカーが解決するために存在する問題です。そして、ブックマークするようになるまで、私も恥ずかしいほど多くのそんな20分を無駄にしてきました。

JSON差分が実際に何に使われるか

人々がJSON差分を使う状況はいくつかあり、それぞれ少し異なる要件があります。

APIのバージョニングとレスポンスの比較。 バックエンドサービスの新バージョンをリリースするとき、レスポンスの形が意図せず変わっていないかを確認したい。v1のサンプルレスポンスとv2のものを取得し、差分を見れば、何が新しく、何がなくなり、何が値が変わったかがすぐにわかります。これは正確かもしれないしそうでないかもしれないchangelogを読むより速く、エラーが少ない。

設定のドリフト検出。 本番設定、ステージング設定、ローカル設定は時間とともにゆっくりと乖離します。誰かがprodにfeatureフラグを追加してステージングに複製するのを忘れます。誰かがタイムアウト値を調整してコミットしません。2つの設定スナップショット間のJSON差分は、その乖離を数秒で明らかにします。

データベースレコードの比較。 MongoDBのドキュメントやPostgreSQLのJSON列のビフォー・アフタースナップショット。何かが予期せず変更された場合、差分を取ることで何が変わったかがすぐにわかります。

データエクスポートの検証。 ETLパイプラインを再実行して新しいデータダンプを取得します。先週のと同じですか?ほとんどそうであってほしいですが、違いはありますか?差分がそれを教えてくれます。

ツールの仕組み

私たちのJSON差分チェッカーは — そして優れたブラウザベースのほとんどのツールは — まず両方の入力をJSONとして解析し、次に再帰的に両方のオブジェクトツリーを走査してキーごとに比較します。

重要な洞察はパスベースの差分です。生テキストを比較する代わりに、ツールは両方のオブジェクトをドット区切りのキーパスとその値のリストに展開します:

Before:
user.id = 1001
user.name = "Alice"
user.role = "admin"
user.email = "alice@example.com"

After:
user.id = 1001
user.name = "Alice"
user.role = "viewer"
user.email = "alice@example.com"
user.department = "engineering"

この展開された表現から、すぐに確認できます:

  • user.role"admin"から"viewer"に変更(修正)
  • user.departmentが2番目のオブジェクトに現れた(追加)

空白による偽陽性なし。キーの並び替えからのノイズなし。実際の意味的な変更のみ。

カラーコーディングも重要です。優れた差分UIは追加を緑、削除を赤、変更を黄色またはアンバーで表示します。大きなオブジェクトをスキャンするとき、その色のシグナルによって、すべての行を読まなくても変更された部分に目が行きます。

実践的なウォークスルー

ユーザー権限の問題をデバッグしているとします。ロール変更前後のオブジェクトがあります:

Before:

{
  "userId": "u-8821",
  "name": "Jordan Kim",
  "role": "admin",
  "permissions": {
    "canEdit": true,
    "canDelete": true,
    "canInvite": true
  },
  "lastLogin": "2026-03-15T08:22:00Z",
  "accountStatus": "active"
}

After:

{
  "userId": "u-8821",
  "name": "Jordan Kim",
  "role": "member",
  "permissions": {
    "canEdit": true,
    "canDelete": false,
    "canInvite": false
  },
  "lastLogin": "2026-03-29T14:05:00Z",
  "accountStatus": "active"
}

両方をJSON差分ツールに貼り付けると、即座に明確な結果が得られます:

  • role: "admin""member" (変更)
  • permissions.canDelete: truefalse (変更)
  • permissions.canInvite: truefalse (変更)
  • lastLogin: 変更 (変更)

これが全体像であり、即座にわかります。手動スキャンは不要です。そして重要なことに、accountStatusnameuserIdは差分に表示されません — 変更されていないので、ノイズになりません。

差分を実行する前に、両方のオブジェクトを一貫してフォーマットすることが役立ちます。私たちのJSONフォーマッターはそれに最適です — ミニファイされたJSONを貼り付けると一貫したインデントで整形して出力します。

JSON差分の限界

これらの制限に実際に遭遇したことがあるので、正直に言っておきたいと思います。

大きな配列は厄介です。 500個のオブジェクトの配列があり、そのうちの1つが変わった場合、素朴なJSON差分は変更された要素を特定するのではなく、配列全体が変更されたと表示することがよくあります。スマートなツールは共有IDフィールドを探して配列項目のマッチングを試みますが、一般的なケースでは未解決の問題です。

マージのサポートはありません。 JSON差分ツールは何が変わったかを伝えます。何を保持するか、競合をどう解決するかは手動のステップです。

スキーマバリデーターではありません。 差分はデータが変わったことを伝えますが、新しいデータが期待するスキーマに従って有効かどうかは伝えません。そのためにはJSONスキーマジェネレーターや言語のバリデーションライブラリが必要です。

大きなファイルのブラウザ制限。 ほとんどのブラウザベースのツールは500KB前後でスローダウンし始め、複数MBのペイロードではタイムアウトやクラッシュが起きる可能性があります。本当に大きなJSONファイルを扱っている場合は、コマンドラインのjqの方が適しています:

diff <(jq --sort-keys . before.json) <(jq --sort-keys . after.json)

JSON差分とテキスト差分

この質問はよく出てきて、答えは実際上重要です。

テキスト差分 — gitや私たちのテキスト差分ツールのようなもの — は行ごとにコンテンツを比較します。あらゆるテキスト形式で動作します。しかしJSON特有の大きな弱点があります:フォーマットに敏感です。JSONオブジェクトの一方が2スペースインデントで他方が4スペースの場合、データが同一でもテキスト差分はすべてが変更されたと表示します。

JSON差分はまず解析することでそれをすべて回避します。比較が行われる前に構造が理解されます。したがって{"a":1,"b":2}{"b":2,"a":1}は正しく同等として識別されます。

テキスト差分を代わりに使うべきなのはいつですか?構造やキーの順序が実際にあなたのユースケースで重要な場合 — テンプレートファイルや意味的な意味を持つ特定の順序に依存する設定フォーマットを比較している場合など。しかし標準的なJSONデータ比較には、意味的なアプローチが常に勝ります。

他のツールと組み合わせて使う

JSON差分は小さなワークフローの一部として最も有用です。私が典型的に使うやり方は以下の通りです:

  1. どこからでも2つのJSONオブジェクトを取得 — APIログ、DBスナップショット、ファイルエクスポート
  2. 両方をJSONフォーマッターに通して空白を正規化し、正しく解析されることを確認
  3. 差分ツールに貼り付けて出力を確認
  4. 差分が変更されたURLを示す場合、URLパーサーでクエリパラメーターを分解することも
  5. 認識できないフィールドがある場合、APIドキュメントを確認したり、JSONスキーマジェネレーターで形状を理解したり

これらのツールはどれも単体では特別魔法ではありません。価値はブラウザを離れずに素早く組み合わせることにあります。

エッジケースの処理

知っておく価値のあることがいくつかあります:

nullと欠落したキー。 フィールドがnullであることと、フィールドが全く存在しないことの間には本当の違いがあります。一部のシリアライザーはこれらを同等に扱います;あなたのアプリケーションコードはそうでないかもしれません。良いJSON差分ツールはこの2つのケースを区別しますが、すべてがそうではありません。

型の変更。 "count": 5"count": "5"はJSON上では異なる値です — 一方は数値、他方は文字列。意味的な差分はこれを捉えます;テキスト差分は生の文字が同じ場合に見逃すかもしれません。

深くネストされたオブジェクト。 ほとんどのツールは任意のネストを処理しますが、非常に深い構造の表示は扱いにくくなることがあります。

結論

JSON差分は少し特殊に感じるツールのひとつで、実際に必要になった瞬間に、これなしでどうやって生きてきたのか疑問に思います。手動の代替案 — 2つのJSONブロブをスクロールして目で差分を見つけようとすること — は遅く、エラーが起きやすく、数十フィールドを超えると本当につらい体験です。

ブラウザベースのツールは一般的なケースをうまく処理します:フォーマットの正規化、キーの順序の独立性、カラーコードされた出力、パスベースの表示。エッジケース — 大きなファイル、配列の差分、スキーマの検証 — には追加のツールやコマンドラインオプションが必要です。しかし日常的なAPIデバッグ、設定の比較、レコードの検査には、仕事を速くやってくれます。

JSONフォーマッターの隣にブックマークしておいてください。思った以上に頻繁に使うことになります。


よくある質問

2つのJSONファイルを比較する最良の方法は何ですか?

最も簡単な方法は、両方のオブジェクトを解析してキーレベルの差分をハイライトするオンラインJSON差分ツールを使うことです。プレーンテキスト差分とは異なり、適切なJSON差分は構造を理解するため、意味的に同一な並べ替えられたキーは偽陽性として表示されません。非常に大きなファイルには、jqdiffを使ったコマンドラインアプローチの方が信頼性があります。

2つのAPIレスポンスの差分を見つけるにはどうすればいいですか?

2つのレスポンス本体をJSON差分ツールにコピーしてください。良いツールは両方のオブジェクトをキーパスに展開し、生のテキストを目で追わなくても、追加・削除・変更されたフィールドを正確に表示します。レスポンスがミニファイされている場合は、まずJSONフォーマッターに通してください。

キーの順序が異なるJSONオブジェクトを比較できますか?

はい。適切なJSON差分は行の順序ではなくキーパスで比較します。したがって{"a":1,"b":2}{"b":2,"a":1}は同一として扱われます。これはJSONオブジェクトが仕様上順序なしであるため正しい動作です。これはプレーンテキスト差分に対する主要な利点の一つです。

大きなJSONファイルでも動作しますか?

サイズによります。ほとんどのブラウザベースのツールは数百KBまでのファイルは問題なく処理します。非常に大きなファイル(複数MB)はブラウザタブの速度低下やクラッシュを引き起こす可能性があります。そのような場合は、コマンドラインのjqの方が適しています:diff <(jq --sort-keys . a.json) <(jq --sort-keys . b.json)

JSON差分とテキスト差分の違いは何ですか?

テキスト差分は行ごとに比較し、フォーマット、空白、キーの順序に敏感です。JSON差分はデータ構造を理解するため、2つのファイル間でフォーマットやキーの順序が異なっていても、意味的な変更を正しく識別できます。JSONデータには、意味的な差分がほぼ常に正しい選択です。正確なフォーマットが重要な場合は、テキスト差分にもその用途があります — 私たちのテキスト差分ツールはそれをうまく処理します。

よくある質問

D

著者について

Daniel Park

Senior frontend engineer based in Seoul. Seven years of experience building web applications at Korean SaaS companies, with a focus on developer tooling, web performance, and privacy-first architecture. Open-source contributor to the JavaScript ecosystem and founder of ToolPal.

詳細はこちら

この記事を共有

XLinkedIn

関連記事