JSON整形ツール(無料・ブラウザ完結)
JSONを貼り付けるだけで即整形。インデント幅(2/4/Tab)選択・minify圧縮・構文バリデーション(エラー行番号表示)・型情報サマリー・サイズ表示・シンタックスハイライト対応。コピー・ダウンロード(.json)付き。ブラウザ完結・無料・登録不要。
最終更新:2026年5月18日
整形・圧縮後の結果がここに表示されます 型情報サマリー
JSON整形ツールの使い方
- 入力エリアにJSONを貼り付けるか、サンプルボタンでサンプルを挿入
- インデント幅(2スペース/4スペース/Tab)を選択
- 「整形」「圧縮」ボタンを押すか、自動整形モードを利用
- 結果をコピーまたは .json ファイルとしてダウンロード
JSONの基本構文・書き方ガイド
JSON(JavaScript Object Notation)は6種類のデータ型で構成されます。正しい構文を押さえることでバリデーションエラーを防げます。
{"key": "value"}
キーは必ずダブルクォートで囲む。複数のキー・値ペアをカンマで区切る。末尾のカンマは不可。
[1, "two", true]
任意の型の値をカンマ区切りで並べる。インデックスは0始まり。末尾のカンマは不可。
"Hello, World!"
ダブルクォートで囲む。改行は\n、タブは\t、バックスラッシュは\\でエスケープ。
42 / 3.14 / -1e10
整数・小数・指数表記に対応。クォートは不要。NaNやInfinityは使えない。
true / false
小文字のtrue/falseのみ有効。True・FALSEは不可。
null
小文字のnullのみ有効。値が存在しないことを示す。NullやNULLは不可。
よくあるバリデーションエラー
| エラー内容 | NG例 | OK例 |
|---|---|---|
| 末尾のカンマ | {"a": 1,} | {"a": 1} |
| シングルクォート | {'key': 'val'} | {"key": "val"} |
| コメント | {"a": 1 // comment} | コメント不可 |
| キーに数字 | {1: "val"} | {"1": "val"} |
| undefined | {"a": undefined} | {"a": null} |
JSONの主な用途・実務での活用シーン
JSONはWeb開発のあらゆる場面で使われます。代表的な活用シーンを確認しましょう。
curl や Postman で取得したAPIレスポンスは1行の圧縮JSONなことが多い。整形ツールで見やすくしてデバッグに活用。
Node.jsプロジェクトの設定ファイルはJSON形式。整形して構造を把握したり、バリデーションでミスを防いだりする。
DBからエクスポートしたデータをJSONで受け取り、整形して内容を確認したり、別システムへのインポート前にバリデーションしたりする。
CloudWatch や Datadog のJSON形式ログを整形して読みやすくし、エラーの原因を素早く特定する。
JSONの変更をコードレビューに出す前に整形・バリデーションして品質を確保。圧縮してファイルサイズを削減してからコミットする用途も。
ChatGPT等のAPIレスポンスやFunction Callingの結果はJSONで返る。整形して確認・デバッグに使う。
JSON vs YAML vs XML — フォーマット比較
データフォーマットは用途に応じて使い分けが重要です。JSON・YAML・XMLの特徴を比較しました。
| 比較項目 | JSON | YAML | XML |
|---|---|---|---|
| 人間の読みやすさ | 中 | 高 | 低〜中 |
| コメント | 不可 | 可(#) | 可(<!-- -->) |
| データサイズ | 小 | 小 | 大(タグで膨れる) |
| ブラウザネイティブ対応 | JSON.parse()で即解析 | ライブラリ必要 | DOMParser対応 |
| 主な用途 | REST API・設定ファイル | Docker/K8s設定・CI/CD | RSS・SOAP・旧システム |
| スキーマ定義 | JSON Schema | JSON Schema互換 | DTD / XSD |
| JavaScript処理 | ネイティブ(最速) | js-yaml等が必要 | DOMParser/XPathが必要 |
- Web APIのデータ交換
- JavaScriptとの連携
- package.json等の設定
- NoSQL DBの保存形式
- Kubernetes・Docker Compose
- GitHub Actions・CI/CD設定
- 人間が頻繁に編集する設定
- コメントが必要な設定ファイル
よくある質問(FAQ)
- JSONの整形とは何ですか?
- JSON整形とは、読みにくい1行のJSONや崩れたインデントを、適切なスペースと改行で見やすい形式に変換することです。開発中のデバッグやAPIレスポンスの確認に使います。
- JSON圧縮(minify)とは何ですか?
- JSON圧縮とは、不要な空白・改行を取り除き1行にまとめることです。APIレスポンスやファイルサイズを削減したい場合に使います。データの意味は変わりません。
- 入力したJSONはサーバーに送信されますか?
- いいえ、送信されません。すべての処理はブラウザ内のJavaScriptで実行されます。機密データを含むJSONも安心してご利用いただけます。
- バリデーションエラーが出た場合どうすればいいですか?
- エラーメッセージに表示される行番号と列番号を確認してください。よくあるエラーは「末尾のカンマ」「ダブルクォートの欠落」「ブラケットの不一致」です。
- JSONとは何ですか?
- JSON(JavaScript Object Notation)は、データ交換用の軽量なフォーマットです。テキストベースで人間にも読みやすく、APIのリクエスト・レスポンスや設定ファイルに広く使われています。
- 型サマリーとは何ですか?
- JSONに含まれるオブジェクト・配列・文字列・数値・真偽値・nullの個数を集計したものです。データ構造を素早く把握したいときに便利です。
- 大きなJSONファイルも処理できますか?
- ブラウザのメモリ内で処理するため、数MB程度のJSONなら問題なく処理できます。非常に大きなファイル(数十MB以上)の場合は処理に時間がかかることがあります。
- JSONのコメントは書けますか?
- 標準のJSONはコメントをサポートしていません。コメントが必要な場合はJSONCやJSON5などの拡張フォーマットを使うか、「_comment」のようなキーで代替します。
- シンタックスハイライトとは何ですか?
- JSONのキー・値・型ごとに色を付けて表示する機能です。文字列は青、数値は緑、真偽値は紫など、一目でデータ型が分かるようになります。
- JSONとCSVの違いは何ですか?
- CSVは表形式(行×列)のデータに適しており、JSONはネスト構造(階層を持つデータ)の表現に優れています。APIデータはJSONが主流で、スプレッドシートにインポートする場合はCSVに変換します。