📋 JSON整形
カスタマイズ可能なインデントでJSONデータをビューティファイ、検証、ミニファイします。
このツールとは？
JSONフォーマッターは、生の、ミニファイされた、または不十分にフォーマットされたJSONデータを受け取り、適切なインデントと改行を備えたクリーンで人間が読め���形式に再構築する開発者ツールです。JSON（JavaScript Object Notation）は、Web API、設定ファイル、データストレージで最も広く使用されているデータ形式です。しかし、ネットワーク経由で送信されるJSONデータは帯域幅を節約するためにミニファイされることが多く、不要な空白がすべて削除され、人間が読むには非常に困難になります。フォーマッターは、適切なインデント、改行、配置を追加することで、このミニファイを逆転させます。このツールはバリデーターとしても機能します：JSONに欠落しているカンマ、末尾のカンマ、閉じられていない括弧、引用符がないキーなどの構文エラーが含まれている場合、フォーマッターは問題を検出し、エラーの正確な位置を報告します。さらに、このツールは有効なJSONを本番環境用のコンパクトな形式にミニファイすることもできます。開発者はJSONフォーマッターを、APIレスポンスのデバッグ、設定ファイルの読み取り、テストデータの準備、データペイロードの構造検証のために日常的に使用しています。このツールはあらゆる深さのネストされたオブジェクトと配列を処理します。仕組み
JSONフォーマッターは、JavaScriptのJSON parseおよびstringifyメソッドを使用して入力を処理します。整形を押すと、ツールはまずJSON.parseを使用して入力文字列をJSONとして解析しようとします。解析が失敗した場合、エラーをキャッチし、エラーメッセージと位置を抽出し、構文の問題を見つけて修正できるよう、明確なエラーレポートを表示します。解析が成功した場合、選択した値（通常は2スペース）に設定されたインデントパラメータを使用して、解析されたオブジェクトをJSON.stringifyで文字列に変換し直します。これにより、一貫したインデント、1行に1プロパティ、正しい括弧と中括弧の配置を備えた適切にフォーマットされた出力が生成されます。ミニファイの場合、インデントゼロでJSON.stringifyを使用し、不要な空白をすべて削除します。このツールは、深くネストされた構造、配列、特殊文字を含む文字列、数値、ブール値、null値を正しく処理します。すべての処理はブラウザ内でローカルに行われます。使い方
- 生またはミニファイされたJSONを入力テキストエリアに貼り付けます。
- インデントサイズを選択します：2スペース、4スペース、またはタブ文字。2スペースが最も一般的な慣習です。
- 整形ボタンを押して、適切なインデントと改行でJSONをビューティファイします。
- 構文エラーがある場合は、何がどこで間違っていたかを知らせるエラーメッセージを読みます。
- 本番環境用に有効なJSONをミニファイするには、ミニファイボタンを押して不要な空白をすべて削除します。
よくある質問
よくある質問
どのようなJSON構文エラーを検出しますか？
このフォーマッターは、欠落または余分なカンマ、引用符で囲まれていないプロパティキー、ダブルクォートの代わりのシングルクォート、閉じ括弧の前の末尾カンマ、閉じられていないオブジェクトや配列、無効なエスケープシーケンスなど、すべての標準JSON構文エラーを検出します。エラーメッセージには、問題を見つけやすくするための説明とおおよその位置が含まれています。
コメント付きのJSONを処理できますか？
いいえ。標準JSONはコメントをサポートしていません。入力にコメントが含まれている場合、パーサーは構文エラーを報告します。コメント付きのJSONを扱う必要がある場合は、コードエディタでJSONCパーサーを使用してください。このツールに貼り付ける前にコメントを削除してください。
処理できるJSONの最大サイズはどれくらいですか？
このツールは、ブラウザメモリが許す限りの実用的なサイズのJSONを処理します。数メガバイトまでのほとんどの設定ファイルとAPIレスポンスは即座に整形されます。10メガバイトを超える非常に大きなJSONは少し時間がかかる場合がありますが、完了します。パフォーマンスはブラウザとデバイスに依存します。
元のキーの順序を保持しますか？
はい。JSON.stringifyは、解析されたオブジェクトに出現するプロパティの順序を保持します。これは入力JSONの元の順序を反映します。つまり、整形された出力は、より良いフォーマットになったことを除いて、入力と同じプロパティ順序になります。
ヒントとアドバイス
APIレスポンスをデバッグする際は、それを処理するコードを書く前に、常にまずJSONを整形して構造を理解してください。業界で最も広く使用されている慣習であり、コンパクトで読みやすい出力を生成するため、デフォルトとして2スペースインデントを使用してください。本番データを扱う場合は、転送サイズを削減するためにデプロイ前にJSONをミニファイしてください。設定ファイルの場合は、簡単な編集とバージョン管理の差分のために、フォーマット済みのままにしておきます。ハンドライトでJSONを書く際にはカンマを見落としたりキーの引用符を忘れたりしやすいため、バリデーターは特に便利です。すべての処理は完全なデータプライバシーのため、ブラウザ内でローカルに行われます。