Toolverse

JSONフォーマッター & バリデーター

JSONをブラウザ内でbeautify、minify、検証します。JSONを貼り付けて、選択したインデンテーションで美化するか、1行にminifyします。

出力

使い方

JSON(JavaScript Object Notation)は、API、設定ファイル、アプリケーション間で構造化データを交換するための標準テキスト形式です。オブジェクト(波括弧内のキーと値のペア)、配列(角括弧内の順序付きリスト)、および少数の値型(文字列、数値、ブール値、null、ネストされたオブジェクトまたは配列)で構成されます。単なるテキストであるため、1つのカンマが欠けているか1文字余分があると、ドキュメント全体がパーサーに読み取り不可能になります。フォーマッティングと検証は2つの異なる問題を解決します。フォーマッティング(美化)はテキストを再インデントしてその構造が目で見てわかりやすくし、検証はテキストが実際に構文的に正しいJSONであることを確認してからコードが解析するのを待ちます。 APIから1行で届く小さなオブジェクトを想像してください。"user"キーが文字列"ada"とペアになり、"active"キーがブール値trueとペアになり、"roles"キーが配列["admin", "editor"]とペアになっています。すべてスペースなくぎゅうぎゅう詰めにされています。2スペースのインデントでbeautifyすると、各キーは独自のインデントされた行に配置され、次々と"user"、"active"、"roles"エントリ、およびネストされたroles配列がすべて一目で読みやすくなります。minifyは反対のことをします。フォーマットが不要な空白、タブ、改行をすべて削除し、beautifyされたバージョンを元のコンパクト文字列に戻します。minifyはデータが何を意味するかを変えません。フォーマッティング用の空白のみを削除するため、ネットワーク上でJSONを送信する前にminifyするのは安全ですが、自分で読む前にminifyするのは無意味です。 検証は手作業で作りやすく、目で見ると見落としやすいエラーをキャッチします。オブジェクトまたは配列内の最後の項目の後の末尾のカンマ(JavaScriptオブジェクトリテラルでは有効ですがJSONでは無効)、引用符なしで書かれたオブジェクトキー、シングルクォートで囲まれた文字列、開かれたが閉じられていない括弧。JSONの文法にはこれらのいずれについても耐性がありません。JavaScriptはより緩い構文を受け入れますが、JSONパーサーはドキュメント全体を最初のエラーで拒否します。無効なJSONを修正するには通常、上から下へエラーを処理することが必要です。キーと文字列値の周りに二重引用符を追加し、終了括弧の前の最後のカンマを削除し、括弧をカウントしてすべての開きに対応する閉じがあることを確認します。 インデント幅は正確さではなく慣例の問題です。2スペースはJavaScript/TypeScriptとWebコンフィグファイルで一般的です。深くネストされたオブジェクトを狭く保つためです。4スペースはPython関連のツーリングとレベル間の視覚的分離を優先するスタイルガイドで最も一般的です。タブは各読者のエディターが好む幅をレンダリングできます。これらはJSONの解析方法に影響しません。編集中のファイルに合わせるか、チームが既に使用している慣例を選びます。 JSONのフォーマッティングと検証は常に行われます。ネットワークタブでminifiedで届いたAPI応答をデバッグし、ビルドが壊れる前にhand-edited設定ファイル(package.jsonやtsconfig.jsonなど)をチェックし、JSONをログラインやエラーメッセージからコピーしてきれいにして読みやすくし、保存または送信する前にminifyしてペイロードのバイトを削除します。数百万のリクエストでも削減が増えます。

よくある質問

JSONはサーバーに送信されますか？
いいえ。フォーマッティング、minify、検証はすべてブラウザで実行されます。データはデバイスを離れません。
バリデーターは何をチェックしますか？
テキストを厳密なJSONとして解析し、ブラウザが提供する場合は見つかった行と列を含む最初の構文エラーを報告します。
beautifyとminifyの違いは何ですか？
beautifyはインデンテーションと改行を追加してJSONを読みやすくします。minifyはすべての不要な空白を削除して可能な限り小さくします。
無効なJSONを修正するにはどうすればよいですか？
まずエラーメッセージを読んでください。通常、解析が失敗した行と列を指しています。最も一般的な原因は終了括弧の前の末尾のカンマ、シングルクォートではなく二重引用符で囲まれたオブジェクトキーまたは文字列値、欠落した終了括弧です。最初のエラーを修正し、再度検証し、ドキュメントがきれいに解析されるまで繰り返します。