Web Tools Collection

JSONフォーマッター

JSONをブラウザ内で整形・構文チェックします。データはサーバーに送信されません。

JSON入力

JSONフォーマッターとは

JSONフォーマッター（JSON Formatter）は、JSON形式のデータを人間が読みやすい階層構造に自動整形するツールです。APIから返ってきた一行のレスポンスや、minifyされた設定ファイル、ログに出力された圧縮JSONなどを、インデントと改行の入った形に整形します。本ツールはJavaScriptの標準パーサー（JSON.parse / JSON.stringify）を利用してブラウザ内で処理を完結させているため、機密データを含むJSONを安全に整形できます。

整形と同時に構文チェックも実行され、誤ったJSON（trailing comma、未閉じの括弧、シングルクォート等）はエラー位置とともに通知されます。APIデバッグや設定ファイルレビューの初手として広く活用できます。

主な機能と特徴

  • 2スペースインデントによる読みやすい整形
  • 構文エラーの位置・原因をその場で表示
  • すべてブラウザ内で処理（データはサーバーに送信されません）
  • ワンクリックでクリップボードにコピー
  • 無料・登録不要・回数制限なし
  • レスポンシブ対応・モバイルブラウザでも動作
  • 機密情報を含むJSON（APIトークン・認証情報）も安全に処理可能

使い方（4ステップ）

  1. JSONを入力： 上部のテキストエリアに整形したいJSON文字列をペーストするか、直接入力します。
  2. 整形ボタンを押す： 「整形」ボタンを押すと、ブラウザ内で構文チェックと整形が実行されます。
  3. 結果を確認： 構文に問題がなければ整形済みJSONが下部に表示されます。エラーがある場合は赤色のメッセージで原因と位置が表示されます。
  4. コピーして利用： 右上の「コピー」ボタンでクリップボードに整形結果をコピーできます。エディタやドキュメントに貼り付けてご利用ください。

活用シーン

  • API開発・デバッグ：サーバーから返却されたJSONレスポンスを読みやすく整形して、構造を確認する
  • 設定ファイルの編集：package.json、tsconfig.json、.eslintrc.jsonなどをコミット前に整形・検証する
  • ログ解析：JSON形式の構造化ログを目視確認しやすい形に整える
  • JSON Schema作成：サンプルデータの整形結果からスキーマを起こす作業を効率化する
  • Web Hook ペイロードの確認：Slack・GitHub・Stripe等のWebhook受信内容を読み解く

注意点・制限事項

  • 本ツールは標準JSON仕様（RFC 8259）に準拠しています。コメント付きJSON（JSONC・JSON5）はパースできません。
  • 非常に巨大なJSON（10MB以上）はブラウザ性能に依存するため処理に失敗する場合があります。
  • インデント幅は2スペース固定です。タブや4スペースが必要な場合はエディタ側で再整形してください。
  • キーの並び替え機能はありません（オリジナルの順序を保持）。

関連ツール

よくある質問

JSONフォーマッターとは何をするツールですか？

改行やインデントが無く一行で書かれたJSONや、入れ子が深く読みにくいJSONを、人が読める階層構造に整形するツールです。本ツールは構文チェックも兼ねており、誤った位置のカンマや閉じ忘れ括弧があるとエラー位置を表示します。APIレスポンスのデバッグや設定ファイルの確認にお使いいただけます。

JSONはサーバーに送信されますか？

いいえ。すべての整形・構文チェック処理はお使いのブラウザ内で完結します。入力したJSONがst0z.comのサーバーや第三者に送信されることはありません。本番環境のAPIレスポンスや認証トークンを含むデータも安全に整形できます。

整形と構文チェック（バリデーション）の違いは何ですか？

整形（pretty print）はJSONの意味を変えずに見やすい形に変換することで、構文チェックは「そもそも有効なJSONか」を検証することです。本ツールは整形の過程で必ず構文チェックも行うため、無効なJSONを入力するとエラー内容が表示されます。

エラー「Unexpected token」が出るのですが？

JSONとしてパースできない箇所があるときに表示されます。よくある原因は、(1)プロパティ名がダブルクォーテーションで囲まれていない、(2)末尾のカンマ（trailing comma）がある、(3)シングルクォーテーションを使っている、(4)コメントが含まれている — の4つです。エラーメッセージに位置情報が含まれるので、その付近を確認してください。

大きなJSONファイルでも処理できますか？

ブラウザのメモリ上限内であれば処理可能です。一般的に数MB程度までは問題なく扱えますが、10MB以上の巨大なJSONや深いネスト構造の場合はブラウザが固まることがあります。その場合は jq などのコマンドラインツールの使用をご検討ください。

整形後のインデント幅を変更できますか？

本ツールは可読性のバランスを優先して2スペースインデントに固定しています。4スペースやタブが必要な場合は、出力結果をコピーしてエディタ側で再整形いただくか、Prettier等のツールを併用してください。

JSONに //コメントを書いてもパースできますか？

標準のJSON仕様（RFC 8259）はコメントを許可していないため、コメント付きJSONはパースエラーになります。コメントを書きたい場合はJSON5やJSONC（JSON with Comments）など別の規格をサポートする専用ツールをお使いください。設定ファイル用途であればYAMLへの変換も検討してください。

整形後のJSONをミニファイ（圧縮）したいのですが？

本ツールは整形機能のみですが、整形後のJSONを `JSON.stringify(JSON.parse(json))` でブラウザコンソール実行すると最小化できます。プロダクション配信用に圧縮したい場合は専用のJSON minifierや、サーバー側の応答を `Content-Encoding: gzip` にすることをご検討ください。

関連ブログ記事

JSONフォーマッターで見やすく整形