JSON フォーマットとは何ですか？
JSON（JavaScript Object Notation）は RFC 8259 と ECMA-404 によって定義された、テキストベースの軽量なデータ交換フォーマットです。JSON 文書は object、array、string、number、boolean、null という 6 つの値型からなるツリーです。フォーマットは人間が読みやすいよう空白を追加し、最小化はその空白を取り除いて機械がより速くネットワークを通じて転送できるようにします。
JSON フォーマットはどのように機能しますか？
入力はブラウザー組み込みの JSON.parse と JSON.stringify 関数を使って、すべてブラウザー内で処理されます。主な手順は次のとおりです：
- 入力はテキストエリアから読み取られ、先頭と末尾の空白が取り除かれます。
- ブラウザーは
JSON.parseでそれを解析します。入力が有効な JSON でない場合、パーサーはSyntaxErrorを投げ、それを捕捉して停止した行と列を表示します。 - 入力が有効な場合、解析された値は
JSON.stringify(value, null, indent)で再出力されます。indentは選択したインデント（2 スペース、4 スペース、またはタブ文字）です。 - 最小化では、
JSON.stringify(value)をインデント引数なしで呼び出し、同じ値の中で意味のある空白を含まない最短の有効な形を生成します。 - 出力は読み取り専用のテキストエリアに書き込まれ、ステータスパネルは 有効な JSON または正確な解析エラーを報告するので、ソースを直接修正できます。
このツールで JSON をフォーマットする理由は何ですか？
- プライバシー：解析、フォーマット、最小化のすべてがブラウザー内で行われます。JSON が当社のサーバーに届くことはありません。
- 即時バリデーション：誤ったコンマ、引用符のないキー、シングルクオート、末尾コンマは、行と列の正確なヒント付きで通知されるので、すぐにバグへ移動できます。
- レビュー向きの出力：一貫したインデントで整形された JSON は、コードレビューで読みやすい差分と、読みやすい設定ファイルを生み出します。
- 本番向きの最小化：余分な空白を取り除けば、API ペイロード、マニフェストファイル、埋め込みフィクスチャを出荷前に小さくできます。
JSON フォーマットの一般的な用途は何ですか？
JSON の読み書きはウェブ開発やツール作りの至るところに現れます：
- API のデバッグ：
curlやネットワークパネルからの生のレスポンスを貼り付け、構造を確認したり、キーのタイプミスを見つけたり、閉じ括弧の漏れに気づいたり。 - 設定の整理：手で編集した
package.json、tsconfig.json、CI マニフェストを再インデントして、レビューやリンターを通過させる。 - ログの閲覧：コンパクトな
application/jsonログ行を再フォーマットして、各フィールドが下の行と揃うようにし、その後チケットに貼り付ける前に再び最小化する。
JSON フォーマットの例はどのようなものですか？
{"id":42,"name":"Ada Lovelace","email":"ada@example.com","roles":["admin","engineer"]} を貼り付けて、2 スペースのインデントでフォーマットを押すと、それは 9 行に展開され、各オブジェクトフィールドと配列要素がそれぞれ独立した行になります。フォーマット後のテキストに対して最小化を押せば、バイト単位で完全に同じコンパクトな文字列に戻ります。
この JSON フォーマッターは、あなたの Node.js、Deno、またはブラウザーランタイムと同じエンジンで解析し、コード、設定、ログにそのまま貼り付けられる出力を生成します。