DevKitBase
ツール概要プライバシー

デバイス内で動作するJSON整形・フォーマッター

ミニファイされたAPIレスポンスは機械には良いが人間にはつらい。ブロックを貼り付けると2スペース（または4スペース）の綺麗なJSONと、ペイロードが壊れている場合の明確なエラーを表示。同じページで「フォーマッター/ビューティファイアー/プリティファイ」の検索に対応 — 1つのツールで3つの薄いクローンではありません。

Indent
文字数: 70
入力
出力

使用タイミング

フロントエンドやAPI開発者が、ミニファイされたレスポンスを貼り付けて、バグを調べる前に読みやすい構造が必要な場合に使います。また、設定ブロックが1行に押しつぶされたPRの前にも便利です。

例

入力
{"a":1,"b":[2,3]}
出力
{
  "a": 1,
  "b": [
    2,
    3
  ]
}
入力
{"product":"DevKitBase","local":true}
出力
{
  "product": "DevKitBase",
  "local": true
}
同じ値です。トークン間の空白のみが変わります。

仕組み

JSON.parseで解析し、2または4スペースのインデントでJSON.stringifyします。不正なJSONを「修正」したり、キーを書き換えたり、サーバーと通信したりしません。

よくある落とし穴

  • 末尾のカンマやシングルクォートで囲まれたキーは、標準のJSON.parseで失敗します。
  • コメント（// や /* */）はJSONではありません。最初に削除してください。
  • 巨大な1行のペイロードはタブをフリーズさせる可能性があります。分割するか、別の場所でストリーミングすることをお勧めします。

他のツールとの違い

フォーマッターは有効なJSONを読みやすくします。バリデーターは合格/不合格とエラー位置を示します。ミニファイはその逆で空白を削除します。スキーマバリデーターは形状をチェックし、整形はしません。

FAQ

これはJSONバリデーターと同じですか？
整形にはまず有効なJSONが必要です。合格/不合格とエラー詳細のみが必要な場合はバリデーターページを使用してください。
JSONはブラウザ外に出ますか？
いいえ。解析はローカルで実行されます。
ビューティファイ後、ミニファイできますか？
はい — JSON Minifyを使用するか、UIでインデントを0に折りたたんでください。
末尾のカンマはどうですか？
標準の `JSON.parse` はそれらを拒否します。ソースを修正するか、貼り付け前に削除してください。

関連ツール

ブラウザ内で動作。アップロードは行われません。セキュリティ製品ではありません — ハッシュやJWTデコードはデバッグ用であり、パスワード保存や認証のアドバイスではありません。