JSON Diff
2つのJSONオブジェクトを構造的に比較し、すべての追加、削除、変更を検出します。
このツールについて
JSON Diffツールは、2つのJSONオブジェクトを比較して、構造的な 差異を即座に表示できます。APIが予期しないデータを返す場合の デバッグ、デプロイ前の設定変更のレビュー、マイグレーション スクリプトがレコードを正しく変換したかの検証など、追加、削除、 変更された内容を色分けされた明確な表示で確認できます。
プレーンテキストのdiffツールが行単位で比較するのに対し、 このツールは深い構造比較を行います。両方のJSONツリーを再帰的に 走査し、キーと配列要素をマッチングしてセマンティックな差分を 生成します。つまり、オブジェクト内のキー順序を変更しても偽陽性 は発生しません。比較はデフォルトでキー順序非依存です。リスト内の アイテムの位置が重要でない場合は、配列順序の非依存も切り替え られます。
すべての処理はブラウザ内で完結します。サーバーへのデータ アップロードは一切なく、認証トークンを含むAPIレスポンス、 内部設定ファイル、個人を特定できる情報を含むデータベース レコードなどの機密ペイロードでも安全に使用できます。外部diff ライブラリを使用せずネイティブJavaScript APIを使用しており、 ページは軽量で高速です。
結果はJSONデータの構造を反映するインタラクティブなツリービューで 表示されます。追加は緑、削除は赤、値の変更はアンバーで ハイライトされ、新旧の値がサイドバイサイドで表示されます。 素早い確認用のフラットリストビューも利用可能です。diff出力全体を JSONアレイとしてコピーして、ドキュメント、コードレビュー、 自動テストワークフローに活用できます。
使い方
- 左側の Original JSON テキストエリアにオリジナルのJSONを貼り付けます。
- 右側の Modified JSON テキストエリアに変更後のJSONを貼り付けます。
- Compare をクリック（または Ctrl+Enter を押す）して構造diff を実行します。
- 色分けされたツリービューを確認します：緑が追加、赤が削除、アンバーが変更です。
- 比較で要素の位置が重要でない場合は Ignore array order を切り替えます。
- Copy Diff でdiff結果をJSON配列としてコピー、または Ctrl+Shift+C を使用します。
- Sample ボタンでサンプルデータを読み込み、ツールの機能を探索できます。
JSON Diffの人気サンプル
よくある質問
データは安全ですか？
はい。すべての比較ロジックはJavaScriptを使用してブラウザ内で完全に実行されます。サーバーへのデータ送信は一切ありません。JSON入力がマシンの外に出ることはなく、機密データや独自データでも安全に使用できます。
キーの順序は比較に影響しますか？
いいえ。diffエンジンはキーの出現順序に関係なく、キーによってオブジェクトを比較します。同じキーと値を持つ2つのオブジェクトは、キーの並び順が異なっていても同一とみなされます。
「Ignore array order」は何をしますか？
有効にすると、配列は順序付きリストではなくセットとして比較されます。つまり [1, 2, 3] と [3, 1, 2] は等しいとみなされます。タグのリストや機能フラグなど、アイテムの順序が意味を持たない場合に便利です。
どのような種類の差異が検出されますか？
4種類の差異を検出します：変更後のJSONにのみ存在する追加されたキーまたは配列要素、オリジナルにのみ存在する削除されたキーまたは要素、同じキーで異なる値を持つ変更、値の型が異なる型変更（例：文字列が数値に置き換えられた場合）です。
非常に大きなJSONファイルを比較できますか？
数メガバイトまでのJSONドキュメントに対して良好に動作します。非常に大きなファイルの場合、パフォーマンスはブラウザとデバイスに依存します。再帰的diffアルゴリズムは効率的ですが、何千ものキーを持つ非常に深いネスト構造は処理に時間がかかる場合があります。
diff出力をワークフローでどのように活用できますか？
Copy Diffをクリックすると、結果がJSON配列としてコピーされます。各エントリにはパス、diff種別、旧値/新値が含まれます。コードレビュー、ドキュメントに貼り付けたり、自動テストのアサーションで期待される変更を検証するために使用できます。
利用可能なキーボードショートカットは何ですか？
Ctrl+Enterで比較を実行、Ctrl+Shift+Cでdiff出力をクリップボードにコピーします。
関連ツール
JSONフォーマッター
JSONの整形、検証、ツリー表示をシンタックスハイライト付きで行えます。
差分ビューア
2つのテキストを行単位・文字単位の差分ハイライトで並べて比較します。
JSONスキーマ生成
サンプルJSONから型推論、必須フィールド、ネストされたオブジェクト対応でJSONスキーマを生成します。
JSON ↔ YAML変換
JSONとYAML形式をバリデーション付きで即座に変換します。
package.json差分比較
2つのpackage.jsonファイルを並べて比較し、追加・削除・変更された依存関係をバージョンバンプ検出付きで表示。
Semverカリキュレーター
Semver範囲マッチの確認、バージョン比較、インクリメント計算、バージョンリストの一括テスト。
画像差分比較
2つの画像をピクセル単位で比較。サイドバイサイド、オーバーレイスライダー、ピクセル差分モード対応。