2つのJSONを貼り付けるだけで、追加・削除・変更されたキーを色分けして一覧表示。ドット記法のパス付き。サーバー送信なし、登録不要。
左(変更前)
右(変更後)
両方のパネルにJSONを貼り付けて「比較する」をクリックしてください。
使い方
- 左パネルに変更前のJSONを貼り付けます
- 右パネルに変更後のJSONを貼り付けます
- 「比較する」ボタンをクリック(両方入力後700ms後に自動比較)
- 色分けされた差分一覧を確認します
| 色 | 記号 | 意味 |
|---|---|---|
| 緑 | + | 右にのみ存在するキー(追加) |
| 赤 | − | 左にのみ存在するキー(削除) |
| 黄 | ~ | 両方に存在するが値が変化したキー |
主な機能
- 再帰的な深い比較 — ネストしたオブジェクトや配列も完全にトレース
- ドット記法パス —
user.email、tags[2]のように変更箇所の正確な位置を表示 - サマリー統計 — 追加・削除・変更の件数を一目で確認
- 整形ボタン — ミニファイされたJSONを比較前に整形
- 入れ替えボタン — 変更前・変更後を一発で反転
- サンプルJSON — 実際のユーザーオブジェクト差分をすぐ体験
- キーボードショートカット —
Ctrl+Enter(Mac:Cmd+Enter)で素早く比較
こんな場面で活躍
- APIレスポンスの変化確認(本番 vs ステージング)
- 設定ファイルの環境差異チェック(dev / prod)
- フロントエンドとバックエンドのデータ形式の照合
- JSONスキーマ移行前後の差分確認
- デバッグ時の状態オブジェクト比較
JSONをバリデーション・整形 → JSONフォーマッター
テキストを行単位で比較 → テキスト差分比較ツール
確定申告・会計をもっとラクに? freee会計 なら、フリーランスの経費管理もクラウドで簡単。まずは無料で試してみましょう。
