📄JSON整形・バリデーター

使い方

1. 1

   JSONを入力する

   「ペースト」ボタンでクリップボードから貼り付けるか、直接入力します。「サンプル」ボタンですぐに試すこともできます。

2. 2

   モードを選択する

   「整形」でインデント付きの読みやすい形式に変換、「ミニファイ」で1行に圧縮します。

3. 3

   インデントを調整する

   整形モードでは、スペース2・スペース4・タブからインデントスタイルを選べます。

4. 4

   バリデーション結果を確認してコピーする

   緑のインジケーターが有効なJSONを示します。無効な場合はエラー内容が表示されます。「コピー」ボタンで出力結果をクリップボードに保存できます。

よくある質問

1行に圧縮されたJSONを見やすく展開・整形したい

JSONを入力欄に貼り付けて「整形」ボタンを押すだけです。APIのレスポンスやcurlの出力など、1行に圧縮されたJSONをすぐに読みやすい形式に変換できます。インデントはスペース2・スペース4・タブから好みで選べます。

JSONのエラーを直したい。よくある原因は？

よくあるJSONエラーの原因：(1) 配列・オブジェクト末尾の余分なカンマ（「,]」「,}」の形）、(2) 文字列をダブルクォートでなくシングルクォートで囲んでいる、(3) プロパティキーに引用符がない、(4) 括弧・波括弧の対応漏れ、(5) undefined・NaN など JSON 非対応の値。バリデーターがエラー行と内容を表示するので、修正箇所をすぐに特定できます。

APIのレスポンスやcurlの出力をそのまま整形できますか？

はい。REST APIのレスポンスボディ・ブラウザ DevTools の Network タブ・curl の出力・Postman の結果などをそのまま貼り付けて「整形」を押せばOKです。APIが二重エンコードされたJSON（JSON文字列がさらにダブルクォートで囲まれている）を返している場合は、外側のクォートを取り除いてから貼り付けてください。

JSONとは何ですか？どんな場面で使われますか？

JSON（JavaScript Object Notation）はWebで最も広く使われているデータ交換フォーマットです。キーと値のペア（オブジェクト）や順序付きリスト（配列）でデータを表現します。REST APIのレスポンス、設定ファイル（package.json など）、LocalStorage のデータ保存など、Webアプリ開発のあらゆる場面で使われています。

コメント付きJSON（JSONC・JSON5）には対応していますか？

いいえ。このツールは標準JSON（RFC 8259）のみ対応です。// コメントや /* */ コメント、末尾カンマ、シングルクォートなどJSON5独自の構文はエラーになります。VS Code の settings.json など JSONC ファイルを整形したい場合は、コメントを取り除いてから貼り付けてください。