JSONをオンラインでフォーマット・検証する方法
JSONとは何か、なぜどこにでもあるのか?
JSON(JavaScript Object Notation)は世界で最も使われるデータ交換フォーマットです。2000年代初頭にDouglas Crockfordによって作られ、Web API、設定ファイル、NoSQLデータベース、構造化データストレージのデファクトスタンダードとなりました。
その人気は単純さにあります:人間が読みやすく、マシンがパースしやすく、サイズが軽量で、JavaScript(ウェブの言語)にネイティブサポートされています。今日、実質的にすべてのモダンWebアプリケーションがフロントエンドとバックエンド間の通信にJSONを使用しています。
しかしこの単純さにはトラップがあります:カンマ1つの位置ミス、クォートの欠如、閉じていないブラケットでファイル全体が無効になります。だからこそ、優れたJSONフォーマッター/バリデーターはすべての開発者にとって不可欠なツールです。
最も一般的なJSONエラー
末尾カンマ。エラー第1位。JavaScriptでは{"a": 1, "b": 2,}は有効です。厳密なJSONではこの末尾カンマは禁止されています。
シングルクォート。JSONはダブルクォートのみ受け付けます。{'name': 'John'}は無効です——{"name": "John"}でなければなりません。
コメント。JSONはコメントをサポートしません。//も/* */もありません。コメントが必要な場合はJSON5またはJSONCを使用してください。
引用符なしのキー。{name: "John"}はJavaScriptであってJSONではありません。キーはダブルクォートで囲む必要があります。
制御文字。文字列内のリテラル改行は禁止されています。代わりに\nを使用してください。
NaN、Infinity、undefined。これらのJavaScript値は有効なJSON値ではありません。代わりにnullを使用してください。
Allplixでフォーマットと検証
ステップ1:JSONを貼り付け。生のJSONをエディターにコピー&ペーストします。コードはリアルタイムで自動的に分析されます。
ステップ2:エラー検出。構文エラーは説明メッセージとともにハイライトされます。ツールは各エラーの正確な行と位置を表示します。
ステップ3:自動フォーマット。「フォーマット」をクリックしてJSONを整然とインデントします。2または4スペースのインデントから選択できます。
ステップ4:コピーまたはダウンロード。フォーマットされたJSONをワンクリックで取得。すべてブラウザ内で完結します。
JSONベストプラクティス
キーはcamelCaseで命名。firstNameであってfirst_nameやFirstNameではありません。APIで最も一般的な規則です。
一貫した型を使用。フィールドが数値の場合、クォートで囲まないでください。"age": 25であって"age": "25"ではありません。
過度なネストレベルを避ける。4-5レベル以上の深さはJSONの読みやすさと保守性を損ないます。
リストには配列を使用。リストに要素が1つだけでも、一貫性のために配列を優先してください。
構造を文書化。JSON Schemaを使ってデータの期待される構造を定義・検証しましょう。
開発者エコシステムのJSON
REST API。JSONはほぼすべてのモダンAPIのデフォルトフォーマットです。APIレスポンスはJSON、POST/PUTリクエストボディもJSONです。
設定。package.json(Node.js)、tsconfig.json(TypeScript)、.eslintrc.json——モダンな設定ファイルはJSONを多用しています。
データベース。MongoDBはBSONドキュメント(バイナリJSON)を保存します。PostgreSQLにはネイティブJSONB型があります。Firebase Realtime Databaseは本質的に巨大なJSONツリーです。
変換。CSV ↔ JSONは最も一般的な変換の1つです。Allplixはこれらの変換を双方向で行う専用ツールを提供しています。
JSONフォーマッターを試す
今すぐ試す →