JSON整形
JSONを構文チェックしながら美しく整形
入力
結果
読み取り専用
JSON整形ツールとは？
APIレスポンスや設定ファイルのJSONをすばやく読みやすく整形し、構文ミスを見つけやすくするためのツールです。読みやすさを優先した整形と、問題個所を指し示すエラーメッセージで、デバッグや確認作業をスピードアップできます。
- ✅ リアルタイムで構文チェックを行い、エラー箇所をハイライト
- ✅ インデントと改行を整えて可読性を向上
- ✅ スペース／タブ／圧縮（ミニファイ）など、用途に合わせた出力形式を選択可能
よくある利用シーン: APIのレスポンス確認、設定ファイルの修正、ログ解析や学習目的でのデータ確認。
使い方
- 左側の入力エリアにJSON文字列を貼り付けるか入力します。
- 自動的にパースして構文チェックを行います。エラーがあれば該当行をハイライトし、原因が簡潔に表示されます。
- 右側（出力エリア）に整形済みのJSONが表示されます。設定を変えればすぐに出力の見た目が更新されます。
エラー発生時の対処例:
- 構文エラー: 不正なカンマやクォート忘れなど、指摘された行を修正
- 型ミスマッチや値の問題は検出できないため、値の意味的なチェックは別途行ってください
フォーマット設定
出力の見た目は目的に合わせて調整できます。以下の主要設定はツール内ですぐに変更可能です。
インデント
用途に応じて次のスタイルを選べます。
- スペース（デフォルト） — 一般的で可読性が高い
- タブ — エディタ側でタブ幅をコントロールしたい場合に有効
- 圧縮（改行なし） — 改行とインデントを削除し、サイズを小さくする（送信や比較に便利）
インデント幅（スペース使用時）
スペースを選んだ場合の推奨値:
- 2スペース（軽く読みやすく、フロントエンドで一般的）
- 4スペース（可読性重視、プロジェクト標準）
6〜8スペースは特別なケース向けです。プロジェクトの規約に合わせて選択してください。
JSONの基本構文
JSONの基本ルールを短くまとめます。ツールでエラーが出たとき、まず下のポイントを確認してください。
- 文字列は必ずダブルクォーテーション（"）で囲む
- オブジェクトは { }、配列は で表す
- キーと値は :（コロン）で区切る
- 要素間は ,（カンマ）で区切る。末尾のカンマは許されない
例:
{
"name": "田中太郎",
"age": 30,
"hobbies": ["読書", "旅行"]
}
さらに詳しいリファレンスはMDNの以下ページを参照してください: