QuickATools

開発者ツール · Free browser tool

JSON フォーマッター・バリデーター

ローカルの構文エラー強調付きで、JSON データを即座に整形・美化・検証・minify します。

Paste your JSON

Raw, minified, or broken — we'll tell you exactly what's wrong.

0 chars · 1 lines

Result

Paste JSON on the left to see the formatted result here.

0 chars · 0 lines

Frequently Asked Questions

なぜ JSON をフォーマットする必要があるのですか?

minify された、または機械生成の JSON——多くの生 API レスポンスや DB エクスポート——は通常、切れ目のない1行で、目でスキャンしたり別バージョンと diff したりするのがほぼ不可能です。フォーマット(「ビューティファイ」や「プリティプリント」とも呼ばれる)は同じデータを一貫したインデントと改行で整え直し、特定フィールドを素早く見つけ、欠けた値に気づき、2つのペイロードを比較しやすくします。

JSON が検証に失敗する最もよくある理由は?

無効な JSON の大半は繰り返し現れる少数の原因に帰着します。オブジェクト/配列の最後の項目の後ろの末尾カンマ、キー/文字列を囲むシングルクォート(ダブルクォートの代わり)、クォートなしのキー、項目間の欠けたカンマ、文字列内のエスケープされていないダブルクォート。このツールのエラーパネルは、JavaScript 自身のパーサーが止まった行と文字位置を伝え——通常は実際のミスのすぐ上か直後です。

Beautify と Minify の違いは?

Beautify は 2 スペースの入れ子と改行で人が読みやすいようにインデントし直し——デバッグ・コードレビュー・ドキュメント向きです。Minify はその空白をすべて削って1行のコンパクトな形にし、データ自体は変えずにペイロードサイズだけ減らすので、本番で実際に送る形です。どちらも機能的に同一の JSON で、フォーマットだけが違います。

実際の API レスポンスや設定ファイルをこのツールに貼っても安全ですか?

はい。パース・検証・整形・minify はすべてブラウザ内蔵の JSON.parse と JSON.stringify でローカルに行われ、貼り付けた内容はサーバーへ送信・ログ・保存されません。入力をバックエンド経由でプロキシするツールと違い、本物の(機密性のある)API ペイロードをデバッグするときも安全です。

ローカルで JSON を検証することがデバッグ速度と安全性に重要な理由

ほぼすべての開発ワークフローは、いつか未整形の JSON の壁を見つめることになります——コンソールにダンプされた API レスポンス、インデントなしでエクスポートされた設定、技術的には有効でも流し読みできない Webhook ペイロード。一貫した 2 スペースインデントでプリティプリントすると、平らなテキストの壁が、探しているフィールドを実際にスキャンできる形に変わります。

JSON が醜いだけでなく壊れているときは、速度がさらに重要です。JavaScript のネイティブパーサーはどこで諦めたか——文字列内の特定文字位置——を正確に報告し、このツールはそれをエディタで実際に見る行と列に変換するので、巨大な塊の中で欠けた括弧1つを探すためにカンマを手で数えなくて済みます。

すべてがブラウザ内蔵の JSON.parse と JSON.stringify を通るため、データをどこにも送る必要がありません。デバッグ対象が本物の本番 API レスポンス・顧客レコード・内部設定ファイルなら、無作為なサーバーサイドツールに貼りたくないときに特に重要です。

このカテゴリには Base64 や UUID ジェネレーターなど、さらに多くの開発者ユーティリティが続き、ブラウザを離れずによくある整形・エンコード作業を処理できます。そのあいだに、サーバーを飛ばす純粋クライアントサイド解析の別例として YouTube タグ抽出も見てみてください。