JSON Diff

2つの JSON ドキュメントを比較し、追加・削除・変更をハイライト表示します。

オールインワン JSON 処理

整形・検証から変換・エクスポートまで — 10の必須ツールを1ページに集約。インストール不要、登録不要、すぐに使えます。

整形と圧縮

インデント付きで見やすく整形するか、1行に圧縮。読みやすさや本番環境向けにインデントサイズをカスタマイズできます。

構文検証

正確な行・列番号で JSON 構文エラーを検出。末尾カンマ、引用符の問題などを発見できます。

Diff 比較

2つの JSON ドキュメントを並べて比較し、追加・削除・変更をハイライト表示します。

ツリービューア

複雑な JSON を折りたたみ可能なツリーで閲覧。パスをコピーしてネストされたフィールドを素早く特定できます。

フォーマット変換

JSON ↔ YAML、JSON → XML、JSON → CSV / Excel — 設定作成とデータエクスポートに対応。

JSONPath

JSONPath 式をオンラインでデバッグ。ワンクリックのテンプレートでネストされたフィールドを抽出できます。

誰が使う? よくあるシナリオ

毎日 JSON を扱う方のために — デバッグ、設定、テスト、データエクスポートに対応しています。

フロントエンド開発者
  • API レスポンスのデバッグとログ JSON の整形
  • JSONPath でネストされた値を抽出
  • フロントエンド/バックエンドのデータ構造を比較
バックエンド開発者
  • 受信 JSON ペイロードの検証
  • JSON と YAML 設定の相互変換
  • API バージョン構造の変更をレビュー
QA エンジニア
  • API レスポンスペイロードの Diff
  • テストデータを Excel にエクスポート
  • メッセージフォーマットの変換と検証
DevOps
  • K8s や docker-compose の設定を作成
  • JSON と YAML の相互変換
  • 設定を圧縮して転送サイズを削減

3ステップで始める

すべてブラウザ内でローカルに動作。JSON を貼り付けると即座に結果が表示 — アップロードはありません。

  1. 1

    ツールを選択

    上部ナビゲーションから必要な機能を選びます — 整形、検証、Diff、変換など。

  2. 2

    JSON を貼り付けまたは入力

    入力エリアに JSON を貼り付けるか、「サンプルを読み込む」をクリックして各機能をすぐに試せます。

  3. 3

    結果を確認してエクスポート

    結果は右側にリアルタイムで表示されます。コピーまたはダウンロード — すべての処理はローカルで完結します。

プライバシー優先クライアントサイドアーキテクチャ — JSON はお使いのデバイス上でのみ解析・処理されます。アップロードなし、保存なし、トラッキングなし。

The JSON diff tool compares two JSON documents and highlights additions, deletions, and modifications with color-coded output. Perfect for reviewing API version changes, config drift, and test regression analysis.

使い方

  1. 1 Paste the original (old) JSON into panel A and the updated (new) JSON into panel B.
  2. 2 Click Compare to generate a side-by-side diff view.
  3. 3 Review highlighted changes — green for additions, red for deletions, yellow for modifications.

使用例

API response version change

Old: {"version":1,"user":"alice"}
New: {"version":2,"user":"alice","email":"a@example.com"}

Config property update

Old: {"timeout":30,"retries":3}
New: {"timeout":60,"retries":3,"cache":true}

JSON Toolbox を選ぶ理由

  • Visual side-by-side diff with color highlighting
  • Compare large nested structures easily
  • All processing is local — safe for production configs
  • Pair with the JSON Validator to ensure both inputs are valid

よくある質問

What is a JSON diff?

A JSON diff shows the differences between two JSON documents, highlighting added, removed, and changed values.

How do I compare two JSON files?

Paste each JSON into the two input panels and click Compare. Differences are highlighted automatically.

What do the colors mean in JSON diff?

Green indicates additions, red indicates deletions, and yellow/orange indicates modified values.

Can I compare large JSON files?

Files up to 2 MB work well. Larger files may be slow; files over 10 MB are not supported.

JSON diff vs XML diff — what is the difference?

JSON diff compares key-value structures natively, while XML diff must account for element order and attributes differently.

Is this tool free?

Yes. JSON Toolbox is completely free with no sign-up, no usage limits, and no hidden fees.

Is my JSON data safe? Is it uploaded to a server?

Your data never leaves your browser. All parsing, formatting, and conversion runs locally on your device — nothing is sent to any server.

Which browsers are supported?

All modern browsers including Chrome, Firefox, Safari, and Edge. No plugins or extensions required.

What is the maximum file size?

Files over 2 MB may feel slow; files over 10 MB are blocked. For very large payloads, use a local CLI tool instead.

Does it support JSON5, comments, or trailing commas?

Only standard JSON (RFC 8259) is supported. JSON5 features like comments and trailing commas are not accepted.