サンプル:
JSON 整形・検証ツールの使い方
左に JSON を貼り付けると右に整形結果がリアルタイム表示されます。エラーがあれば行・列番号と原因を明示します。
5つのモード
- 整形: 2/4 スペース、タブ、Minify を切替。キーソートと自動修正(末尾カンマ・JSコメント・シングルクォート等)に対応。
- ツリー: 折りたたみ可能なツリービュー。各ノードに型・要素数を表示。深いネストの構造把握に。
- JSONPath:
$.users[0].name や $..price でフィルタ。レスポンスのデバッグに便利。
- 差分比較: 2つの JSON を意味的に比較。追加 / 変更 / 削除を行単位でハイライト。
- エスケープ: JSON文字列を別の JSON / コードに埋め込むためのエスケープ&逆変換。
「かゆいところに手が届く」機能
- 自動修正: コピペで混入する末尾カンマ・
// コメント・'シングルクォート'・JSキー(クォート無し)を自動でJSONに直します
- エラー位置の正確な表示: 行・列番号と「期待されたトークン」を表示し、該当行をハイライト
- 圧縮率: Minify 時の削減バイト数を%表示。API ペイロード最適化の指標に
- JSON ⇔ JS Object: エスケープモードで JSON を JS オブジェクトリテラル(キーのクォート無し)に変換可能
- キーソート: 再帰的に全オブジェクトをソート。差分比較の前処理として有用
プライバシー
すべての処理はブラウザ内(JavaScript)で完結します。入力したJSONがサーバーに送信されることはありません。社内データやAPIキー入りのレスポンスでも安心して利用できます。