JSON整形ツール
整形・圧縮・バリデーション・各種変換をブラウザで完結。データの送信なし。
.jsonファイルをドラッグ&ドロップで読み込み可能
JSON整形ツールとは
JSON整形ツール（JSONフォーマッター）は、読みにくいJSON文字列を見やすく整形（インデント整理）したり、 逆に空白を取り除いて1行に圧縮したりするためのオンラインツールです。 APIレスポンスの確認、設定ファイルの編集、データ変換など、Webエンジニアの日常業務を効率化します。
使い方
- 左のテキストエリアにJSONを貼り付けるか、.jsonファイルをドラッグ&ドロップします
- 上部のタブから実行する操作を選択します（整形・圧縮・変換など）
- 右のエリアに結果が表示されます。「コピー」または「ダウンロード」で取り出せます
JSONとは
JSON（JavaScript Object Notation）は、2001年にDouglas Crockford氏によって仕様が整理された軽量なデータ交換フォーマットです。 もともとJavaScriptのオブジェクトリテラル記法をベースにしていますが、言語に依存しない汎用フォーマットとして設計されており、 Python、Java、Go、Ruby、PHPなどほぼ全てのプログラミング言語で標準的にサポートされています。
2013年にECMA-404として国際標準化され、2017年にはRFC 8259としてIETFでも標準化されました。 現在ではREST APIのリクエスト・レスポンス形式として事実上の標準となっており、 package.json（Node.js）、tsconfig.json（TypeScript）、settings.json（VS Code）など、設定ファイルとしても広く使われています。 XMLと比較して記述量が少なく、人間にも機械にも読みやすいことが普及の大きな理由です。
JSON整形が必要な場面
実務でJSON整形ツールが活躍する場面は非常に多岐にわたります。以下は代表的なユースケースです。
- APIデバッグ — REST APIやGraphQLのレスポンスは通常、圧縮された1行のJSONで返されます。 数百行に及ぶレスポンスを目視で確認するには、インデント付きの整形が不可欠です。 本ツールではツリー構造を視覚的に確認しながら、特定のキーや値を素早く見つけられます。
- 設定ファイルの編集 — package.json、docker-compose用のJSON設定、CI/CDパイプラインの定義ファイルなど、 手動で編集する場面では構文エラーの検出が重要です。リアルタイムバリデーション機能で、編集中にエラー箇所を即座に特定できます。
- データ変換・移行 — CSVからJSONへの変換、JSONからYAMLへの変換など、 異なるフォーマット間の変換作業を頻繁に行うエンジニアにとって、ワンクリックで変換できるツールは時間の節約になります。
- TypeScript開発 — APIレスポンスのJSONから TypeScript の型定義（interface / type）を自動生成する機能は、 フロントエンド開発で型安全なコードを書く際に特に有用です。
- 差分比較 — 2つのJSONを比較して差分を可視化する機能は、 デプロイ前後の設定ファイルの変更確認や、APIレスポンスの回帰テストで重宝します。
よくあるJSONエラーと対処法
JSONは厳格な構文規則を持っており、些細なミスでもパースエラーになります。以下は開発現場でよく遭遇するエラーと、その対処法です。
末尾カンマ（Trailing Comma）
JavaScriptでは配列やオブジェクトの最後の要素にカンマを付けても問題ありませんが、 JSON仕様では末尾カンマは許可されていません。[1, 2, 3,]のような記述はエラーになります。 本ツールのバリデーション機能で該当箇所を検出し、行番号付きで表示します。
キーのクォート漏れ
JSONではオブジェクトのキーは必ずダブルクォーテーションで囲む必要があります。{name: "太郎"}ではなく、{"name": "太郎"}と記述します。 JavaScriptのオブジェクトリテラルとの混同が原因です。
シングルクォーテーションの使用
JSON仕様では文字列の囲みはダブルクォーテーションのみ有効です。 Pythonの辞書をそのままJSONとして使おうとすると、シングルクォーテーションが原因でパースに失敗します。
文字エンコーディングの問題
JSONはUTF-8でエンコードすることが推奨されています（RFC 8259）。 Shift_JISやEUC-JPのファイルをそのまま読み込むと文字化けやパースエラーが発生します。 テキストエディタでUTF-8に変換してからツールに貼り付けてください。
コメントの混入
JSON仕様ではコメントは一切サポートされていません。// コメントや/* コメント */を含めるとエラーになります。 コメントが必要な設定ファイルにはJSON5やJSONCフォーマットの使用を検討してください。
JSONとYAML・XML・CSVの比較
データ交換や設定ファイルに使われるフォーマットにはそれぞれ特徴があります。用途に応じた使い分けが重要です。
| フォーマット | 特徴 | 適した用途 |
|---|---|---|
| JSON | 軽量・パースが高速・ほぼ全言語で対応 | API通信、設定ファイル、NoSQLデータベース |
| YAML | インデントベース・コメント可・可読性が高い | Docker Compose、Kubernetes、CI/CD設定 |
| XML | スキーマ定義・名前空間・属性をサポート | SOAP API、SVG、Office文書、レガシーシステム連携 |
| CSV | 表形式データに最適・Excel互換・軽量 | データ分析、帳票出力、DBインポート/エクスポート |
ネストの深いデータ構造にはJSONやYAMLが適しており、フラットな表形式データにはCSVが最も効率的です。 XMLは厳密なスキーマバリデーションが必要な場面や、既存システムとの互換性が求められる場合に選択されます。 本ツールではJSON⇔YAML、JSON⇔XML、JSON⇔CSVの相互変換をワンクリックで実行できるため、 プロジェクトの要件に応じたフォーマット変換を手軽に行えます。