JSON差分
2つのJSONをパースして構造的に比較し、どのキー・要素が追加・削除・変更されたかをパス付きで一覧表示します。テキスト差分と違い、キーの並び順やインデントの違いに惑わされず、値の実質的な差分だけを抽出できます。すべてブラウザ上で処理されます。
JSON差分について
JSON差分は、行単位で比較するテキスト差分とは異なり、JSONを一度データ構造としてパースしてから比較します。そのため、キーの並び順やインデント・改行の違いといった「見た目上の差」に惑わされず、値そのものが実際に変わった箇所だけを検出できます。APIレスポンスの変化の追跡や、設定ファイルの変更点の確認に向いています。
このツールは各差分に「user.config.theme」「items[2]」のようなパスを付けて表示するため、ネストの深いオブジェクトや配列でも、どこが変わったのかをピンポイントで把握できます。追加・削除・変更を色分けし、必要に応じて変更のなかった項目も表示できます。
主な使い方
- 1APIのレスポンスがバージョン間でどう変わったかを構造的に比較する
- 2設定ファイル（JSON）の変更前後を比較して差分をレビューする
- 3テストの期待値と実際の出力JSONを比較して不一致箇所を特定する
- 4キーの並び順が異なるだけのJSON同士が実質同一かどうかを確認する
よくある質問
Q. テキスト差分ツールとの違いは何ですか？
A. テキスト差分は行単位で文字列を比較するため、キーの順序やインデントの違いも差分として検出されます。JSON差分はJSONをパースして構造で比較するため、値が実際に変わった箇所だけを抽出できます。
Q. 配列の要素はどのように比較されますか？
A. 配列はインデックス（位置）ごとに比較します。同じ位置の要素同士を比較し、長さが異なる場合は追加・削除として扱います。
Q. 入力したJSONはサーバーに送信されますか？
A. いいえ。パースと比較はすべてブラウザ上で完結し、データが外部に送信されることはありません。
関連ツール
- JSON整形・検証JSONを見やすくインデント整形し、構文エラーの箇所をすぐに検出します。1行への圧縮（ミニファイ）にも対応し、APIレスポンスや設定ファイルの確認に便利。ブラウザ内で完結し、データは外部に送信されません。
- テキスト差分2つのテキストを行単位で比較し、追加・削除された行を色分けで表示します。設定ファイルや文章の変更点、コードの修正前後の違いをすばやく確認できます。ブラウザ内で完結し、データは外部に送信されません。
- JSON → TypeScript型JSONデータからTypeScriptのinterface（型定義）を自動生成します。ネストしたオブジェクトや配列にも対応し、APIレスポンスの型付けを手早く行えます。ブラウザ内で完結し、データは外部に送信されません。
- 正規表現テスター正規表現パターンをリアルタイムでテストし、マッチした箇所をハイライト表示します。g・i・mなどのフラグを切り替えながらマッチの位置や長さも確認でき、パターン作成やデバッグに便利。ブラウザ内で完結します。
- 文字数カウントテキストの文字数・空白を除いた文字数・バイト数（UTF-8）・行数・単語数をリアルタイムでカウントします。原稿やSNS投稿、入力欄の文字数制限のチェックに便利。ブラウザ内で完結し、データは送信されません。