JSON フォーマッター

生のJSONや圧縮済みのJSONをここに貼り付けると、一貫したインデントで整形したり、構文をチェックしたり、1行に圧縮し直したりできます。構文エラーは発生位置とともに報告されるので、崩れたファイルもすぐに直せます。

整形処理は実際に何をしている?

内部では、入力を一度パースしてから再びシリアライズし直しています。つまりこれは同時に妥当性チェックでもあり、JSONとしてパースできない入力に対しては、中途半端に整形された結果ではなくエラーが返されます。整形(pretty-print)は、パースしたデータをスペース2つのインデントで書き出し直すので、ネストしたオブジェクトや配列が揃って見やすくなります。圧縮(minify)も同じパース→シリアライズの手順を踏みますが、余分な空白を一切残しません。ネットワーク越しにJSONを送るときやコンパクトに保存したいときに向いています。どちらの処理も完全なパースを経由するため、深くネストした構造やエスケープされたUnicode文字、変わった数値表記も、JavaScriptエンジンが扱うのと同じように自然に処理されます。

エラー箇所をピンポイントで示せるのはなぜ?

末尾のカンマやクォートされていないキー、閉じ括弧の欠落といった壊れたJSONは、特に長い圧縮済み文字列の中では目で追って見つけるのが面倒な部類のミスです。このツールは整形のために入力を実際にパースしているので、構文エラーが起きた場合はパーサーが処理を諦めた位置がそのまま示され、ドキュメント全体を眺め回すことなく問題箇所に直接ジャンプできます。

データはどこかに送信される?

されません。整形処理はすべてブラウザ内で、JavaScript自身が持つJSONパーサーを使って行われ、データが手元の端末から外に出ることはありません。そのため、APIのレスポンスや設定ファイル、機密情報を含むペイロードにも安心して使えます。サーバーを経由してJSONをやり取りするフォーマッターでは、こうした保証はできません。

典型的な使い方は、APIのレスポンスやログの1行、ブラウザのネットワークタブから圧縮されたJSONをコピーし、ここに貼り付けて読みやすくし、編集してから、送信前に再び圧縮するというものです。このフォーマッターはJSON仕様であるRFC 8259に準拠するあらゆる値を受け付けます。JavaScript自身がどのようにJSONを解析・出力するかはMDNのJSONリファレンスを参照してください。