JSONフォーマッター
JSONをペーストして正しいインデントに整形、構文エラーを検証、または1行に圧縮します。すべての処理はブラウザ内でローカルに行われます。
JSONフォーマッターとは
JSON(JavaScript Object Notation)はAPIや設定ファイルで使われる標準的なデータ形式です。配信されるJSONは圧縮されて一行になっていることが多く、そのままでは読みにくいものです。このフォーマッターは、JSONを解析して構造を検証し、適切なインデントとシンタックスハイライトで表示します。
このツールでできること
2スペース・4スペース・タブのいずれかのインデントで整形、壊れたJSONに対して明確なエラーメッセージを出して検証、空白をすべて削除して本番用に圧縮、オプションでキーをアルファベット順に並び替えて一貫した順序にできます。処理はすべてブラウザ内で完結し、データが端末から出ることはありません。
使い方
左側のペインにJSONを貼り付けると、整形後の結果が右側に即座に表示されます。インデント幅を調整したり、「キーをソート」を有効にしてアルファベット順にすることもできます。URL・ストレージ・本番設定などに埋め込むコンパクトな一行版が欲しいときは「圧縮」をクリックしてください。入力にシンタックスエラーがある場合、出力ペインに赤いエラーメッセージで問題箇所が表示されます。
JSON整形のコツ
コンパクトにしたいファイルは2スペース、可読性を重視するなら4スペースが適しています。キーをソートするとバージョン管理の差分が安定します — キーの並びだけが変わった場合でも、ソートしないと意味的な変更がなくても変更として表示されてしまうからです。URLパラメータやストレージフィールドなどバイト数が重要な場所に埋め込む際は、事前に圧縮しておきましょう。APIのデバッグ時には、生のレスポンスをここに貼り付けて検証してから次のステップへ進むと効率的です。
JSONをURLパラメータに安全に含める場合は、URLエンコーダーをご利用ください。
主な用途
- APIレスポンスのデバッグ：圧縮されたAPIレスポンスを貼り付けて、バックエンド開発中に構造を即座にフォーマットしてインデント付きで視覚的に確認できます。
- 設定ファイルの検証：package.json、tsconfig.json、.eslintrcなどのJSON設定ファイルをソースコントロールにチェックインする前に構文エラーを検証できます。
- データパイプラインの調査：ETLパイプラインやメッセージキューを流れる生のJSONレコードをフォーマットし、開発中にスキーマ構造を把握できます。
- 本番用の圧縮：JSONデータファイルから空白を削除してペイロードサイズを減らし、フロントエンドビルドに埋め込む前に圧縮できます。
- スキーマのドキュメント化：技術ドキュメントやAPIリファレンスでフォーマットされたJSONスキーマの例を共有できます。
- 面接・コードレビュー：PRのコメント、Slackのメッセージ、技術面接の回答で共有する前にJSONスニペットを素早くフォーマットできます。
- ログファイルの分析：構造化ロギングはJSON行を出力します。本番インシデントの調査中に個別のレコードをフォーマットして読みやすくできます。
FAQ
有効なJSONとは?
有効なJSONは、中括弧と角括弧が対応し、すべてのキーがダブルクォートで囲まれた文字列で、値は文字列・数値・ブール値・null・配列・オブジェクトのいずれかで、要素はカンマで区切られ閉じ括弧の前に末尾カンマがない必要があります。よくある間違いは、シングルクォートの使用、末尾カンマ、クォートのないキー(これはJavaScriptのオブジェクト記法でありJSONではありません)です。
入力したデータは安全ですか?
はい。すべての処理はネイティブJavaScriptでブラウザ内で完結しており、ネットワーク通信やサーバーは一切関与しません。ツールを使いながらブラウザのネットワークタブを開けば、何もリクエストが発生していないことを確認できます。
フォーマットとBeautifyの違いは?
同じ意味です。どちらもJSONを読みやすくするためにインデントと改行を挿入します。「Pretty print」も同じ操作の別名です。反対の操作が圧縮(minify)で、空白をすべて削除して最小サイズにします。
JSONフォーマッターはデータをどこかに送信しますか？
いいえ。すべてのフォーマットと検証はブラウザ内でクライアントサイドで実行されます。JSONデータがデバイスの外に出ることはありません。
大きなJSONファイルにも対応できますか？
ほとんどの実用的なユースケースでは対応できます。非常に大きなファイル（数メガバイト以上）はブラウザの動作が重くなる場合がありますが、通常のAPIレスポンスや設定ファイルは即座に処理されます。
数字で見る
- JSONはウェブAPIの推定97%が主要なデータ交換形式として使用しています（Stack Overflow開発者調査 2023年）
- 公式JSON標準はRFC 8259（IETF、2017年）とECMA-404（2017年）の両方で定義されています
- 典型的なJSONファイルは終了タグとメタデータの排除により同等のXMLより5〜10倍小さくなります
- GoogleのV8エンジンは最新ハードウェアで約1GBのJSONを2秒以内に解析できます