JSONフォーマッター
JSON / JSON5フォーマッターとは？
JSONファイルの開き方がわからない、または便利なJSONビューアやJSON整形ツールをお探しですか？このオンラインJSON/JSON5フォーマッターは、「jsonのフォーマット方法」という悩みを解決する無料の開発者向けツールです。従来のツールとは異なり、「コメント付きJSONの解析方法」や「JSONとJSON5の違い」で迷った時も、標準JSONだけでなく、シングルクォーテーションや末尾のカンマを持つJSON5構文をサポートしています。さらに、独自仕様として「コメント保持 (JSONC)」モードを提供し、コードを完全に解析・整形します。
オンラインJSONフォーマッターの使い方
- 左側の入力ボックスにデータを貼り付けると、「JSON構文エラー」や「JSON検証エラー」が発生している場合でも、ツールがリアルタイムでフィードバックを提供します。
- 上部で出力フォーマット（標準JSON、JSON5仕様、またはコメント保持JSONC）を選択します。
- インデントサイズ（2スペース、4スペース、タブ）をカスタマイズして、色付きの構造化レイアウトを取得します。
- 「JSONを1行に圧縮」したい場合は、「圧縮/Minify」をクリックするだけで空白と改行を一括削除し、ファイルサイズを劇的に縮小します。
一般的な使用例
- オンラインでのJSONフォーマットチェック: APIのレスポンスが正しいかどうかわからない時は、ここに貼り付けるだけで厳密な検証が行われ、「JSON解析エラー」の解決に役立ちます。
- コメント付き設定ファイルの解析: 現在、多くの設定ファイル（VS Codeの設定やtsconfig.jsonなど）にはコメントが含まれています。コメント付きJSONの解析方法がわからない場合でも、「コメント保持」モードを選択すれば、情報を失うことなく安全にフォーマットできます。
- フロントエンドコードの極限圧縮: 本番環境へのデプロイ前に、ネットワークの読み込み速度を最適化するため、すべての余分なスペースと改行を削除してJSONを1行に圧縮する必要があります。
- 構文およびエスケープ問題の迅速なトラブルシューティング: コードに引用符のエスケープ問題がある場合や、非標準の文字列に遭遇した場合は、JSON5仕様を利用してシングルクォーテーションや引用符なしのキー名を簡単に処理できます。
当ツールの強み
- 純粋なフロントエンドローカル処理：すべてのJSONコードの解析とフォーマットはブラウザ上でローカルに実行されます。サーバーには一切アップロードされず、コードの機密性とプライバシーが100%保護されます。
- 様々な検証の難題を完全に解決：末尾のカンマ、シングルクォーテーションをネイティブにサポート。強力なCST解析によってブロックコメントを保持し、もう「JSON検証エラー」に悩まされることはありません。
- 複数のカスタマイズフォーマット：2スペース、4スペース、タブなど、様々なインデントスタイルをサポート。お好みのフォーマットスタイルがきっと見つかります。
よくある質問
JSONとは何ですか？
JSON（JavaScript Object Notation）は、軽量なデータ交換フォーマットです。人間が読み書きしやすく、機械が解析・生成しやすい形式です。JSONはJavaScriptオブジェクトリテラル構文に基づいていますが、言語に依存しないため、ほとんどすべてのプログラミング言語で使用されています。
JSON5とは何ですか？標準JSONとの違いは？
JSON5は標準JSONの構文拡張であり、人間がより読み書きしやすいように設計されています。厳格な標準JSONとは異なり、JSON5は単一行や複数行のコメント、文字列のシングルクォーテーション、引用符なしのキー名、配列やオブジェクトでの末尾のカンマ、16進数、そしてInfinityやNaNなどの特殊な数値をサポートしています。
JSON5 / JSONCのフォーマット時にコメントを保持できますか？
はい！当ツールは専用の「コメント保持 (JSONC)」モードを備えています。ロスレス構文木パーサーを利用し、単一行の `//` やブロックレベルの `/* ... */` コメントを完全にそのまま維持しながら、JSONコードをインデントして整形します。これはtsconfig.jsonやsettings.jsonなどの設定ファイルに非常に役立ちます。
なぜJSONにコメントを追加できるのですか？
厳密に言えば、標準のJSON仕様（RFC 8259）は、データ交換の効率と純粋性を保つため、いかなる形式のコメントもサポートしていません。しかし現代の開発では、JSONは設定ファイル（VS Codeの設定やtsconfig.jsonなど）として広く使用されており、開発者は設定項目を説明するためのコメントを強く必要としています。そのため、コミュニティからJSONC（JSON with Comments）やJSON5といった拡張仕様が生まれました。当ツールを使えば、構文エラーを引き起こすことなく、これらコメント付きのJSONファイルを完璧に解析・フォーマットできます。
JSONとXMLの違いは？
JSONとXMLはどちらもデータ交換フォーマットですが、JSONはより簡潔で読みやすいです。JSONは軽量でネイティブJavaScriptオブジェクトに直接変換でき、XMLよりも解析が速いです。XMLはコメント、名前空間、メタデータをサポートし、ドキュメント指向のデータにより適しています。
一般的なJSON構文エラーは？
一般的なJSONエラーには、末尾のカンマ（[1,2,3,]）、文字列の単一引用符（'value'の代わりに"value"を使用）、引用符のないキー（{key: "value"}の代わりに{"key": "value"}を使用）、コメントの使用（標準JSONはコメントをサポートしていません）、特殊文字のエスケープ忘れなどがあります。当オンラインバリデーターはこれらのエラーをハイライトし、ワンクリックで修正するのに役立ちます。
JSONがサポートするデータ型は？
JSONは6つのデータ型をサポートしています：文字列（二重引用符で囲む）、数値（整数または浮動小数点）、ブール値（trueまたはfalse）、null、配列（順序付きリスト）、オブジェクト（キー/値ペア）。日付や関数などの型はネイティブでサポートされておらず、文字列として表現する必要があります。
JavaScriptでJSONを解析する方法
JavaScriptでは、JSON.parse()とJSON.stringify()メソッドを使用できます：
JavaScript
const obj = JSON.parse(jsonString);Python
import json
data = json.loads(json_string)Go
json.Unmarshal([]byte(str), &v)JSONフォーマットと圧縮の違いは？
JSONフォーマット（美化）は、インデント、改行、スペースを追加して、人間が読みやすくします。JSONの圧縮は、すべての不要な空白を削除してファイルサイズを縮小し、ネットワーク転送を最適化します。開発時にはフォーマット、本番環境では圧縮されたJSONを使用してください。
なぜJSONはAPIで広く使われているのですか？
JSONは軽量で、解析が速く、言語間で読み書きが簡単なため、APIで好まれています。JavaScriptオブジェクトに直接マッピングされるため、Webアプリケーションに最適です。ほぼすべてのプログラミング言語にはJSONライブラリがあり、REST APIの標準データ形式になっています。
JSONを検証する方法
JSONの検証は、構文的に正しく、オプションで特定のスキーマに準拠していることを確認します。ほとんどの言語の組み込みJSONパーサーで解析を試み、例外をキャッチすることで検証できます。より厳密な検証には、必要なフィールドとデータ型を定義するJSON Schemaを使用してください。