JSON Formatter | JSON整形・圧縮・構文チェック

出力結果

JSON Formatterとは

JSON Formatterは、読みにくい1行のJSONや、インデントが崩れたJSONを読みやすい形に整えるためのツールです。JSONはAPIのレスポンス、Webサービスの設定、JavaScriptアプリケーションのデータ受け渡し、ログ、NoSQLデータベースの確認など、さまざまな場面で使われます。しかし、実際に取得したJSONは改行がなく横に長いことも多く、人の目で内容を追うには不便です。このツールにJSONを貼り付けると、キーと値、配列、入れ子構造が見やすくなるように改行とインデントを付けて表示できます。

整形だけでなく、余分な空白や改行を取り除く圧縮、JSONとして正しいかを調べる構文チェックにも対応しています。開発中にAPIレスポンスを確認したいとき、設定ファイルを編集した後にミスがないか確認したいとき、チャットやドキュメントに貼り付ける前に見やすくしたいときなどに利用できます。出力結果はコピーでき、必要に応じてJSONファイルとしてダウンロードできます。

このページの処理はブラウザ上のJavaScriptで行われます。入力したJSONを整形するためにサーバーへ送信するフォーム処理はありません。ただし、機密情報、個人情報、認証トークン、秘密鍵などが含まれるJSONを扱う場合は、共有端末での利用やブラウザ拡張機能、画面共有、履歴の扱いにも注意してください。JSONの内容を安全に扱うため、不要な情報を削除してから整形することをおすすめします。

JSONをスペース2個、スペース4個、タブのインデントで整形できます。
JSONを1行に圧縮して、通信や保存に向いた形へ変換できます。
JSON.parseによる構文チェックで、カンマ抜けやクォートの誤りを確認できます。
整形結果をクリップボードへコピーしたり、formatted.jsonとして保存したりできます。

JSON Formatterの使い方

使い方は簡単です。まず「JSON入力」に整形したいJSONを貼り付けます。APIクライアント、ブラウザの開発者ツール、ログ、設定ファイルなどからコピーしたJSONをそのまま入力できます。次に、出力したいインデントを選びます。一般的にはスペース2個がよく使われますが、読みやすさを重視する場合はスペース4個、既存プロジェクトの規約に合わせる場合はタブも選択できます。

「整形」を押すと、JSONとして解析したうえで改行とインデントを付けた結果を表示します。「圧縮」を押すと、空白や改行を取り除いた1行のJSONを表示します。「構文チェック」は、出力を作り直す前に入力内容がJSONとして正しいかだけを確認したい場合に便利です。エラーがある場合は、ブラウザの解析結果に基づいてメッセージを表示します。エラー位置の表現はブラウザによって異なることがありますが、原因の多くは末尾カンマ、シングルクォート、キー名のクォート漏れ、閉じ括弧の不足です。

整形したいJSONを「JSON入力」に貼り付けます。
必要に応じてインデントをスペース2個、スペース4個、タブから選びます。
読みやすくしたい場合は「整形」、1行にしたい場合は「圧縮」、正しいか確認したい場合は「構文チェック」を押します。
結果を確認し、「結果をコピー」または「JSONダウンロード」で利用先へ貼り付けます。

利用時の注意点

JSONはキーと文字列をダブルクォートで囲む必要があります。JavaScriptのオブジェクト表記とは似ていますが、同じではありません。
末尾カンマはJSONでは使えません。配列やオブジェクトの最後の要素の後ろにカンマがあるとエラーになります。
大きすぎるJSONを貼り付けると、ブラウザの動作が重くなることがあります。非常に大きなファイルは専用エディタでの確認も検討してください。
認証トークン、APIキー、個人情報を含むJSONは、共有環境や画面共有中に扱わないよう注意してください。

よくある質問

JSON Formatterとは何ですか？

JSON Formatterは、JSON文字列を読みやすい形に整形するツールです。改行やインデントを追加して、オブジェクト、配列、文字列、数値、真偽値、nullなどの構造を確認しやすくします。

JSONの整形と圧縮の違いは何ですか？

整形は人が読みやすいように改行とインデントを追加する処理です。圧縮は余分な空白や改行を取り除き、保存や送信に向いた短い1行のJSONにする処理です。

JSONが正しいかだけを確認できますか？

はい。「構文チェック」ボタンを使うと、入力内容がJSONとして解析できるか確認できます。正しければ有効なJSONとして表示し、誤りがあればエラーメッセージを表示します。

入力したJSONはサーバーに送信されますか？

このツールの整形、圧縮、構文チェックはブラウザ上で実行されます。通常操作ではJSONを整形するためにサーバーへフォーム送信する処理はありません。

JSONでシングルクォートは使えますか？

JSONでは文字列やキー名をダブルクォートで囲む必要があります。シングルクォートで囲んだJavaScript風の表記はJSONとしては無効です。

末尾カンマがあるとエラーになりますか？

はい。JSONでは配列やオブジェクトの最後の要素の後ろにカンマを置けません。JavaScriptでは許容される場面がありますが、JSONとしてはエラーです。

スペース2個とスペース4個はどちらがおすすめですか？

一般的にはスペース2個がよく使われます。より余白を多くして読みやすくしたい場合はスペース4個、プロジェクトの規約がある場合はその規約に合わせて選んでください。

大きなJSONファイルにも使えますか？

ブラウザで扱える範囲であれば利用できます。ただし、非常に大きなJSONでは貼り付けや整形に時間がかかり、ブラウザが重くなることがあります。

JSONとJavaScriptオブジェクトの違いは何ですか？

JSONはデータ交換用のテキスト形式で、キー名や文字列にダブルクォートが必要など、JavaScriptオブジェクトリテラルより厳密なルールがあります。コメントも書けません。

コメント付きJSONを整形できますか？

標準のJSONではコメントは使えません。そのため、// や /* */ のコメントを含むJSON風テキストはエラーになります。JSONCなどの形式には対応していません。

出力結果を保存できますか？

はい。整形または圧縮した結果はコピーできます。また「JSONダウンロード」ボタンからformatted.jsonとして保存できます。

APIレスポンスの確認にも使えますか？

はい。APIから取得したJSONレスポンスを貼り付けることで、入れ子構造や配列の中身を確認しやすくできます。開発、テスト、デバッグ時に便利です。