JSON整形ツール
JSONデータの整形・1行化・検証を行える開発者向けツール
JSONデータの整形（フォーマット）、1行化（ミニファイ）、検証を行えます。 開発やデバッグに最適な、セキュアで高速なツールです。
入力JSON
結果
整形
難読化されたJSONを読みやすい形式に。インデントサイズも自由に。
1行化
余分なスペースを削除し、転送量を最小限に抑えるコンパクト形式。
検証
文法エラーを即座に発見。行数や詳細な構造も分析します。
JSON整形ツールの完全ガイド
このJSON整形ツールは、Web開発者やデータアナリストに欠かせない高機能なJSONエディターです。API開発、設定ファイル編集、データ分析など様々な場面で活用できます。RFC 7159準拠の正確なJSON解析エンジンを搭載し、大容量データも高速処理できます。整形、1行化、検証の3つの機能を統合し、JSON操作に必要なすべての機能を一つのツールで提供します。
JSONデータの入力
左側のテキストエリアにJSONデータを貼り付けるか、直接入力します。API レスポンス、設定ファイル、データベースエクスポートなど、あらゆる形式のJSONに対応しています。「サンプルJSONを読み込み」ボタンで練習用データも利用できます。
インデントサイズの調整
出力時のインデントを2スペース、4スペース、タブから選択できます。チーム開発では統一されたフォーマットが重要なため、プロジェクトの規約に合わせて設定してください。
処理タイプの選択
「整形」でJSONを見やすくフォーマット、「1行にする」で不要な空白を削除してコンパクトな形式に、「検証」でJSONの構文エラーをチェックできます。開発時は整形、本番環境では1行化を使い分けましょう。
詳細情報の確認
処理後に表示される詳細情報で、ファイルサイズ、行数、キー数、配列数、オブジェクト数を確認できます。大規模データの構造把握やパフォーマンス分析に活用してください。
結果の活用
整形されたJSONはワンクリックでクリップボードにコピーできます。エディタに貼り付けたり、API テストツールで使用したり、ドキュメントに記載したりして活用してください。
JSON整形とは？整形前後で何が変わるか
JSON整形（プリティプリント）とは、1行に詰まった読みにくいJSONへ改行とインデント（字下げ）を入れ、階層構造が目で追える形に並べ替えることです。データの中身は一切変えず、見た目だけを整えます。
APIのレスポンスや設定ファイルは、転送量を抑えるために空白を削った「1行JSON」で届くことがよくあります。 そのままでは括弧の対応やネストの深さが分からず、どこにどの値があるのか読み取れません。整形すると、次のように構造がひと目で分かるようになります。
整形前（1行）
{"id":1,"name":"田中","tags":["a","b"],"active":true}整形後（2スペース）
{
"id": 1,
"name": "田中",
"tags": [
"a",
"b"
],
"active": true
}整形はあくまで表示の話なので、キーの順序・値・データ型は変わりません （このツールの「整形」は JSON.parse で読み込んだ後 JSON.stringify で書き出しているため、無効なJSONはそもそも整形されず、代わりにエラー箇所が表示されます）。 逆に、整形済みのJSONから改行・空白をすべて取り除いてファイルサイズを小さくするのが「1行化（ミニファイ）」で、こちらは本番のAPIレスポンスや通信量を減らしたい場面で使います。編集・デバッグ時は整形、送信・保存時はミニファイ、と用途で使い分けるのが基本です。
インデントは2スペース・4スペース・タブのどれを選ぶ？
整形時のインデント幅に絶対の正解はありませんが、扱うエコシステムに合わせると、他のファイルやチームの規約と揃って差分（diff）がきれいになります。目安は次のとおりです。
| インデント | 向いている場面 | メモ |
|---|---|---|
| 2スペース | JavaScript / TypeScript 系（Prettier の既定）、package.json など | ネストが深くても横に広がりにくく、Web系では最も無難 |
| 4スペース | Python の json.dumps(indent=4) 出力、ドキュメント掲載用 | 階層が視覚的にはっきりする一方、深い構造では右に伸びやすい |
| タブ | エディタ側で表示幅を各自調整したい場合、文字数を抑えたい場合 | 見え方が閲覧環境に依存するため、共有ファイルでは好みが分かれる |
迷ったら、まず開こうとしているプロジェクトの既存JSON（package.json や設定ファイル）と同じ幅に合わせるのが安全です。 このツールでは入力欄の右上でインデントを切り替えてから「整形」を押すと、その幅で出力し直せます。
「整形」を押しても整形されないとき（原因と直し方）
整形ボタンを押しても結果が空のまま、あるいは「無効なJSON」と出る場合、そのテキストは構文的にJSONとして壊れています。JSON整形ツールは正しいJSONしか整形できないため、まず構文エラーを直す必要があります。よくある原因と対処は次のとおりです。
| 症状・エラー | よくある原因 | 直し方 |
|---|---|---|
Unexpected token 系 | キーや文字列をシングルクォート（'）で囲っている | JSONではダブルクォート（"）必須。すべて置換する |
Unexpected token } など | 最後の要素のうしろに余分なカンマ（末尾カンマ）がある | 配列・オブジェクトの最終要素の後ろのカンマを削除する |
末尾で Unexpected end | 括弧 { } / [ ] の対応が取れていない | 開き括弧と閉じ括弧の数を合わせる。整形後の行数・階層で確認 |
| コメント行でエラー | // や /* */ を書いている | JSONにコメントは書けない。JSONC/JSON5は別仕様なので削除する |
| 先頭でいきなりエラー | ファイル先頭にBOM（EF BB BF）が混入 | エディタで「BOMなしUTF-8」で保存し直す |
エラーメッセージには問題が起きた位置のヒントが含まれることが多いので、まずはそこを起点に確認してください。 なお、末尾カンマやコメントは「JavaScriptのオブジェクトとしては書けるがJSONとしては無効」という典型的な混同です。次の「JSON のよくある落とし穴」もあわせて参考にしてください。
JSON のよくある落とし穴
- 末尾カンマ：JSON 仕様（RFC 8259）では末尾カンマは無効。JavaScript オブジェクトリテラルとは別物
- キーをシングルクォートで囲む：これも無効。ダブルクォート必須
- NaN / Infinity：JSON では表現できない。
nullや文字列に変換するルールをチームで決める - 整数桁あふれ：JS の
Numberは 53 bit までしか正確に扱えない。大きな ID は文字列で送る - BOM 付き UTF-8：先頭の 3 バイト
EF BB BFが原因でパースエラー。エディタの保存設定を確認
実際の使用例
APIレスポンスのデバッグ
1行に圧縮されたレスポンスを整形し、配列やネストの構造を確認する
INPUT
{"status":"success","data":[{"id":1,"name":"商品A","price":1000}],"meta":{"total":1}}OUTPUT
{
"status": "success",
"data": [
{
"id": 1,
"name": "商品A",
"price": 1000
}
],
"meta": {
"total": 1
}
}イベントログの確認
ユーザーごとの actions 配列を整形し、操作の種類と時刻を読みやすくする
INPUT
[{"userId":1,"actions":[{"type":"click","timestamp":"2025-07-09T10:00:00Z"}]}]OUTPUT
[
{
"userId": 1,
"actions": [
{
"type": "click",
"timestamp": "2025-07-09T10:00:00Z"
}
]
}
]よくある質問
大容量のJSONファイルも処理できますか？
はい、本ツールはブラウザの制限内で大容量JSONファイルの処理が可能です。一般的には10MB程度まで快適に処理できます。ただし、非常に大きなファイル（100MB以上）の場合は、ブラウザの性能により動作が重くなる可能性があります。大容量ファイルを扱う場合は、事前にファイルサイズを確認することをお勧めします。
JSONの構文エラーはどのように表示されますか？
構文エラーが検出された場合、エラーメッセージと共に問題箇所が表示されます。一般的なエラーには、クォートの不一致、カンマの過不足、括弧の不整合などがあります。エラーメッセージには可能な限り具体的な修正方法も含まれているため、初心者でも簡単に問題を特定・修正できます。
処理されたJSONデータはサーバーに送信されますか？
いいえ、一切送信されません。本ツールは完全にクライアントサイド（ブラウザ内）で動作するため、入力されたJSONデータが外部に送信されることはありません。機密データや個人情報を含むJSONファイルも安心してご利用いただけます。
API開発でのJSONテストに使えますか？
はい、API開発に最適です。APIレスポンスの整形、リクエストボディの作成、JSONスキーマの検証など、API開発のあらゆる場面で活用できます。特に、複雑にネストされたJSONデータの構造を視覚的に把握したい場合に便利です。
JSONファイルを直接アップロードできますか？
現在のバージョンでは、テキストエリアへの貼り付けのみ対応しています。ローカルファイルを使用する場合は、ファイルを開いてコンテンツをコピー＆ペーストしてください。将来のアップデートでファイルアップロード機能の追加を検討しています。
Unicode文字や絵文字は正しく処理されますか？
はい、UTF-8エンコーディングに完全対応しており、日本語、中国語、絵文字、特殊文字なども正確に処理されます。多言語対応のJSONデータや、ユーザー生成コンテンツを含むデータも安心して使用できます。
役立つTips
開発環境でのJSON整形の重要性
整形されたJSONは可読性が大幅に向上し、デバッグ効率が飛躍的に改善されます。特にAPI開発やデータ分析では、構造を正確に把握することが品質向上に直結します。定期的な整形習慣を身につけることをお勧めします。
本番環境では1行版を使用
本番環境やAPIレスポンスでは、1行化されたJSONを使用してネットワーク帯域を節約し、読み込み速度を向上させましょう。特にモバイルアプリやレスポンス時間が重要なサービスでは必須です。
JSONスキーマ設計のベストプラクティス
ネストが深すぎるJSONは処理性能に影響します。可能な限りフラットな構造を心がけ、必要に応じて配列やオブジェクトの分割を検討してください。また、一貫性のあるキー命名規則を採用することも重要です。
エラー処理とバリデーション
本ツールの検証機能を活用して、JSON形式の正確性を事前に確認しましょう。特にAPI開発では、無効なJSONが原因で発生する予期しないエラーを防ぐことができます。