無料JSON整形ツール & バリデーター - JSONをオンラインで整形
479 回使用インデント:
JSON整形ツールについて
整形とフォーマット
圧縮されたJSONを貼り付けるだけで、きれいにインデントされた読みやすいJSONに変換します。2スペース・4スペース・タブから選択できます。
リアルタイム検証
構文エラーを自動検出し、問題のある行と位置を正確に表示。エラーの特定と修正が簡単にできます。
JSON圧縮
すべての空白と改行を除去してJSONを圧縮します。APIのペイロードサイズ削減や設定ファイルの最適化に最適です。
完全ローカル処理
JSONデータはすべてブラウザ内で処理されます。サーバーへのアップロードは一切なく、データは完全にプライベートです。
よくある質問
フォーマット後にネストされたJSONセクションを折りたたんだり展開したりできますか?
はい、オブジェクトや配列の横にある小さな三角アイコンをクリックすると、その内容を折りたたんだり展開したりできます。これはCRMシステムからの15階層ものAPIレスポンスなど、深くネストされたデータを扱う場合に非常に便利です。必要なフィールドだけに集中し、残りは非表示にできます。StripeやShopifyの複雑なJSONで試してみてください。
VS Codeの設定ファイルのようなコメント付きJSONは処理できますか?
いいえ、できません。標準JSONではコメントが厳格に禁止されています。TypeScriptやVS Codeの設定ファイルに慣れている人はよく引っかかるポイントです。// や /* */ を含むJSONを貼り付けると、フォーマッターが構文エラーとして検出します。回避策として、「"_comment": "メモ内容"」のようにデータフィールドとして保存すれば、有効なJSONを保てます。
minify機能とフォーマット機能の違いは何ですか?
フォーマットはインデントと改行を追加して読みやすくします。minifyは逆にすべての空白を削除し、可能な限りコンパクトにします。例えば20KBのフォーマット済みJSONが、minify後には約3KBまで縮小されます。本番環境でのペイロード送信に最適です。
このJSONフォーマッターを使うためにインストールは必要ですか?
一切不要です。このツールはブラウザ上で完全動作し、ダウンロードやプラグインは不要です。純粋なクライアントサイドJavaScriptなので、ページを開いた瞬間に使えます。IT部門がインストールを禁止している社用PCでも問題なく動きました。JSONを貼り付けるだけで作業を始められます。
貼り付けてフォーマットできるJSONファイルのサイズに制限はありますか?
一般的な用途では実質的な制限はありません。このツールはブラウザのメモリ内でデータを処理するため、10MBのAPIレスポンスや2MBの設定ファイルも問題なくフォーマットできます。標準的な8GB RAMのノートパソコンなら、生のJSONで50〜100MBあたりでブラウザのタブがクラッシュする可能性がありますが、それはブラウザ側の制約であって当ツールの制約ではありません。非常に大きなファイルを扱う場合は、分割するかコマンドラインツールの使用を検討してください。5MB未満なら完全に安心です。
JSONに末尾カンマは使えないと聞きましたが、実際のコードではよく見かけます。このツールは自動で削除してくれますか?
末尾カンマが手書きのJSONに現れるのは、JavaScriptのオブジェクトやPythonの辞書の書き方をそのまま真似するからです。このツールは静かに削除したりはしません。各行の正確な位置に赤いマーカーで構文エラーとして表示します。典型的な設定ファイルなら手動で削除するのに30秒ほどかかります。実用的な回避策: PythonでJSONを生成するならjson.dumps()を使いましょう。絶対に末尾カンマを追加しません。JavaScriptのJSON.stringify()も同様です。
整形すると実際のデータが変わったり、壊れたりすることはありますか?
いいえ。整形で書き換わるのは空白、インデント、改行だけです。キーや値、構造はバイト単位で完全に保持されます。私も整形前後のファイルをdiffで比較しましたが、論理的な内容に差分はゼロでした。ただし、重複したキーがある場合、マージはされずにそのまま表示されます。特にアプリが自動で読む設定ファイルを扱うときは、整形前に必ず元ファイルを保存しておくのがおすすめです。
スマホでもJSONを整形できますか?PC専用ですか?
ブラウザがあればどの端末でも動きます。スマホでもタブレットでも同じです。入力欄にJSONを貼り付けて「整形」を押すだけ。40KBのShopify WebhookレスポンスならiPhone 13でも問題なく整形できました。唯一の違いは、ネストしたオブジェクトの折りたたみが小さい画面だとやりにくい点。10階層のAPIペイロードをデバッグするならPCのほうが楽です。ちょっとした検証ならスマホで十分ですよ。
ExcelからJSONデータを貼り付けると数字になってしまうのはなぜですか?
Excelはコピー時にブラケットをテキストとして扱い、引用符を削除するため、ネストされたJSON構造が破壊されます。このツールでは、そのような平坦化されたスプレッドシートのセルを自動的に修復することはできません。有効なJSONを貼り付ける前に、まずシートをCSVとしてエクスポートし、変換スクリプトを実行する必要があります。そうしないと、すぐに構文エラーを引き起こす乱雑な文字列になってしまいます。
チームメンバーとJSONデータを安全に共有し機密情報を守る方法
画面右上にある共有ボタンをクリックすると、有効期限24時間の読み取り専用リンクを作成できます。本番環境のログ調査を行うバックエンドエンジニアがよく使う機能です。機密トークンや個人情報を安全に隠したまま、同僚に構造を見せられます。リンクは自動的に消えるので安心してください。
活用シーン
- APIレスポンスの生JSONを整形してデバッグする
- デプロイ前にJSON設定ファイルを検証する
- Webアプリケーションの帯域幅削減のためJSONペイロードを圧縮する
- 一貫したフォーマットでJSON構造を比較する
- ログやデータベースエクスポートのJSONを分析用に整理する