
JSON フォーマッタ — オンラインで JSON をフォーマット、検証、整形します
JSON を検証し、2、4、または 8 個のスペースでフォーマットするか、ブラウザで縮小します。
JSON をここに貼り付けます — コピーまたはダウンロードするために検証され、フォーマットされた出力を取得します
または .json ファイルをドロップ
JSON整形 でできること
始める前に、主な機能を確認してください。
- 乱雑な JSON をクリーンで読みやすいコードにフォーマットします
- JSON を検証して構文エラーを検出する
- JSON を 1 つのコンパクトな行に縮小する
- 2、4、または 8 スペースのインデントを選択します
- フォーマットされた結果をコピーまたはダウンロードする
設定リファレンス
2 設定
JSON整形 で使用可能なコントロール。
設定
- モードプリセット
- JSON の表示方法を選びます。「整形」は読みやすいインデントで整え、「圧縮」は1行にまとめ、「ツリー」は入れ子のデータを展開・折りたたみしながら確認できるインタラクティブな表示にします。オプション: 整形圧縮(Minify)木
- インデントドロップダウン
- 整形後の出力で、入れ子の各階層を何スペース分インデントするかを設定します(「整形」モードでのみ表示)。コンパクトなコードスタイルなら2、深い構造を読みやすくするなら4または8を選びましょう。オプション: スペース2個スペース4個スペース8個
JSON整形 の関連ツール
JSON整形 の後の一般的な次のステップのためのツール。
よくある質問
JSON整形でできること
ビジネス、クリエイター、日常業務など、実際の問題を毎日解決します。自分に合ったユースケースを見つけて始めましょう。
APIレスポンスのデバッグ
開発者ツールから取得した圧縮済みの API レスポンスを貼り付けるだけで、インデント付きの構造が即座に表示されます。JSON ビューアーの拡張機能を立ち上げることなく、抜けているフィールドを見つけ、形を検証し、null と undefined の扱いを確認できます。
設定ファイルの整理
マージ競合の解消後に乱れた package.json、tsconfig.json、.eslintrc.json を読みやすい形に整え直しましょう。1分で整形し、内容を確認して、きれいなバージョンをコミットできます。
データベースエクスポートの確認
MongoDB、DynamoDB、FirestoreからエクスポートしたJSONを、インポート前に検査できます。構造がスキーマと一致しているか、予期しないnullの衝突がレコードにないかを検証しましょう。
Webhook ペイロードの検証
Stripe、GitHub、Linear、Slack から届く Webhook のペイロードを取り込んで整形表示し、その構造を把握しましょう。連携の構築や、欠落したイベントフィールドのデバッグに欠かせません。
コードレビューの補助ツール
レビュアーから提供された JSON のサンプルを、整形済みのフルサイズのまま PR の説明文に貼り付けたり、チャットでスペースが限られているときは「圧縮」で縮めたりできます。どちらの場合も、ファイルは有効でコピー&ペーストしても安全です。
本番環境のシークレット管理
すべてがブラウザ内で処理されるため、本番環境のシークレットなペイロードを貼り付けても、ネットワーク通信を一切行わずに検査できます。これはまさに DevOps チームが必要としながら、クラウドベースの JSON ツールでは安全に提供できないワークフローです。
巨大な GraphQL・ネストされた API レスポンスを探索
「ツリー」モードに切り替えれば、巨大な入れ子のペイロードの中で、必要なブランチだけを展開できます。1つのフィールドを探すために、整形されたインデントの壁をスクロールする必要はありません。
Postman・Insomnia用のリクエストボディを準備
大まかなJSONボディを貼り付けて整形し、形が正しいか確認してから、Minifyで圧縮してPostmanやInsomniaのコレクションに保存すれば、コンパクトに保管できます。
新人開発者にJSONの構造を教える
Tree モードの折りたたみ可能なネストビューを使えば、生のインデントで迷子になることなく、ブートキャンプの受講生や若手エンジニアにオブジェクトや配列がどのようにネストするかを段階的に説明できます。
サポートチケットを提出する前にログのエクスポートを整理
監視ツールからコピーした圧縮済みのエラーログやJSONのかたまりを貼り付け、読みやすい形式に整形して、きれいになったものをサポートチケットやSlackのスレッドに貼り付けられます。
コミット前に設定ファイルを検証
package.json、tsconfig.json、またはその他の JSON 構成ファイルを貼り付けて、不正な形式の構成によってビルドや CI パイプラインが中断される前に、末尾のカンマ、一致しない括弧、または引用符で囲まれていないキーを即座に検証フィードバックで検出します。
変換結果を一つずつ確認
すべての写真はスラッシュをそのまま通過し、反対側が完成して出てきます。


























