元（A）
変更後（B）
差分
API のレスポンス、設定ファイル、package.json などを「前」と「後」で比べたいときに、2つの JSON を貼り付けるだけで差分を抽出するツールです。一般的なテキスト差分（text-diff）は行単位で比べるため、キーの並び順を変えたりインデントを整え直しただけで「全部違う」と出てしまいます。このツールは JSON をいったんパースして構造として比較するので、キー順・空白・改行の違いは無視し、実際に追加・削除・変更された箇所だけを `user.tags[0]` のようなパスつきで一覧表示します。各行は追加（緑）・削除（赤）・変更（元の値 → 変更後の値）で色分けされ、上部に「追加 / 削除 / 変更」の件数も表示。配列を集合として扱って順序を無視する「配列の順序を無視」オプションもあり、並び替えだけの配列を差分から除外できます。結果は `+ / - / ~` 付きのプレーンテキストでコピーでき、レビューや報告にそのまま貼れます。JSON は API キーや個人情報、業務データを含むことが多いため、比較はすべてあなたのブラウザの中だけで実行し、サーバーへアップロード・保存・送信は一切行いません。
使い方
- 左の「元（A）」に比較元の JSON を、右の「変更後（B）」に比較先の JSON を貼り付けます（「サンプル」で例を試せます）。
- 並び替えだけの配列を無視したい場合は、上の「配列の順序を無視」をオンにします。
- 下に追加・削除・変更がパスつきで一覧表示されます。「コピー」で差分テキストを取得。JSON はどこにも送信されません。
よくある質問
貼り付けた JSON はアップロードされますか？
いいえ。パースと比較はすべてあなたのブラウザ内（JavaScript）で実行され、JSON はサーバーへアップロード・保存・送信されません。API キーや個人情報、業務データを含む JSON も安心して比較できます。
テキストの差分（text-diff）と何が違いますか？
テキスト差分は行単位で比較するため、キーの並び順を変えたり、インデントや改行を整え直しただけでも差分として出てしまいます。このツールは JSON を構造として比較するので、キー順・空白・改行の違いは無視し、実際に値が追加・削除・変更された箇所だけを抽出します。
差分はどのように表示されますか？
変更点ごとに `user.tags[0]` のようなパスと、追加（緑）・削除（赤）・変更（元の値 → 変更後の値）が色分けで一覧表示されます。上部に追加・削除・変更の件数も表示し、「コピー」で `+ / - / ~` 付きのプレーンテキストとして取得できます。
「配列の順序を無視」は何をしますか？
配列を「集合（多重集合）」として比較し、同じ要素があれば順序が違っても一致とみなします。並び替えただけのリストを差分から除外したいときに使います。オフのときは配列を要素番号（インデックス）順に比較します。
キーの順番が違う2つの JSON も同じと判定されますか？
はい。オブジェクトのキー順は意味を持たないため、キーの並びが違っても値がすべて同じなら「構造的に同一」と判定します。逆に値が1つでも違えば、その箇所だけがパスつきで表示されます。
JSON が壊れているとどうなりますか？
どちらの欄の JSON が不正かを表示します。コメント付き JSON（JSONC）や末尾カンマは標準仕様外のため構文エラーになります。先に json-format などで整形・検証してから比較してください。