JSONを貼り付け
入力内容はブラウザ内だけで処理します。
使い方とユースケース
JSON テキストをブラウザ内で整形・圧縮・構文チェックできます。API のレスポンス確認、設定ファイルの編集、バックエンド連携のデバッグ時にご活用ください。
- 整形：インデントを揃えて読みやすく展開します。ネストが深い JSON の構造確認に便利です。
- 圧縮：改行・スペースをすべて除去してミニファイします。JSON を HTML や JS コード内に埋め込む前処理に使えます。
- 検証：JSON の構文が正しいか確認します。エラーがある場合は位置と内容を表示します。
入力した JSON はブラウザ内だけで処理されます。認証トークンや個人情報を含む JSON も、外部送信なしで安全に確認できます。
JSON整形・バリデータは、APIレスポンスや設定ファイルなどの圧縮されたJSONを読みやすい形に整える、構文ミスを検出する、不要な空白を削って軽量化するという3つの作業を1つの画面でこなすツールです。バックエンド開発者がAPIの戻り値を確認するとき、フロントエンド開発者がconfig.jsonを編集するとき、あるいはAIが出力したJSONをそのまま貼り付けて壊れていないか確認したいときなど、JSONを扱うあらゆる場面で役立ちます。入力したデータはブラウザ内で処理され、サーバーへ送信されることはありません。
使い方・サンプル・結果例・注意点
使い方
テキストエリアにJSONを貼り付け、「整形」「圧縮」「検証」のいずれかのボタンを押すと、結果欄に出力されます。
サンプル入力
{"name":"菊丸ツゥルズ","items":[1,2,3]}
結果例
「整形」を押すと、各キーが改行とインデント付きで読みやすく展開された複数行のJSONになります。「圧縮」を押すと、空白や改行を取り除いた1行のJSONになり、APIへ送信するペイロードのサイズ削減に使えます。「検証」を押すと、構文上問題がなければその旨が表示され、誤りがある場合はどの位置でエラーになっているかが示されます。
注意点
このツールは厳密なJSON構文(キーと文字列はダブルクォート必須、末尾カンマ不可、コメント不可)のみを受け付けます。JavaScriptのオブジェクトリテラルのようにシングルクォートやコメント、末尾カンマを含むデータはエラーになります。そうしたゆるい記法を直したい場合は、JSON修復ツールで先に修復してから本ツールで整形してください。
こんなときに使えます
- バックエンド開発者がAPIから返ってきた1行のJSONレスポンスを整形して構造を読み取り、想定通りのフィールドが含まれているか確認する
- フロントエンド開発者がconfig.jsonやpackage.jsonの一部を編集した後、構文ミスがないかを「検証」で素早くチェックする
- AIに生成させたJSONをそのまま本番設定に組み込む前に貼り付けて検証し、構文エラーがないことを確認してから利用する
- ログに出力された圧縮済みJSONを整形して、ネストされたオブジェクトや配列の中身を目視で追いやすくする
- 外部に共有するサンプルJSONから余計な空白を取り除いて圧縮し、ドキュメントやチャットに貼り付けやすいサイズにする
よくある質問
「検証」を押すとエラーになりますが、どこが間違っているか分かりますか?
構文エラーが検出された場合、エラーメッセージにJSON.parseが報告した位置情報が表示されます。文字列中のカンマの過不足や閉じ忘れの括弧がないか、その付近を確認してください。
オブジェクトのキーをシングルクォートで書いたらエラーになりました。なぜですか?
JSONの仕様ではキーと文字列値はダブルクォートで囲む必要があります。シングルクォートやキー名の引用符省略はJavaScriptでは有効でもJSONとしては不正です。JSON修復ツールで自動変換してから整形してください。
整形した結果に日本語が\\uXXXXのようなコードに変換されてしまいますか?
いいえ、このツールは日本語などのマルチバイト文字をそのまま保持して出力します。表示が文字化けして見える場合は、ブラウザの文字コード設定をご確認ください。
巨大なJSONファイルでも処理できますか?
ブラウザのメモリの範囲内であれば数MB程度のJSONでも処理できますが、極端に大きいファイル(数十MB以上)では動作が重くなる場合があります。その際は分割して処理することをおすすめします。
圧縮したJSONを元の整形済みの形に戻せますか?
はい。圧縮後のJSONを再度入力欄に貼り付けて「整形」を押せば、インデント付きの読みやすい形式に戻せます。