JSONフォーマッター&バリデーター
JSONを整形、美化、検証、minify(圧縮)します。すべてお使いのブラウザ内で実行されるため、データがデバイスから外に出ることはありません。
このツールの使い方
- 1
JSONを入力欄に貼り付けます。
- 2
「整形」をクリックしてインデント付きの読みやすい表示にするか、「minify」をクリックして空白を取り除きます。
- 3
エラーは、解析が失敗した正確な行と列を示します。
- 4
結果をクリップボードにコピーします。
JSONとは何か、そしてなぜ整形が重要なのか?
JSON(JavaScript Object Notation)は、最新のWeb API、設定ファイル、構造化されたイベントロギングにおける共通言語です。あらゆるREST APIやGraphQLはJSONを返し、すべてのpackage.json、tsconfig.json、そしてほとんどのCI設定はJSONであり、AWS、GCP、AzureもそれぞれのCLIでJSONを扱います。JSONの強みは、その最小限の文法にあります。6つの構造文字({}、[]、カンマ、コロン、引用符)、4つのプリミティブ型(文字列、数値、真偽値、null)、そして再帰的なネストです。その最小主義は、同時に弱点でもあります。JSONはコメント、末尾のカンマ、引用符のないキー、複数行の文字列をサポートしません。引用符やカンマが1つでも誤った位置にあると、ドキュメント全体が壊れてしまいます。このツールは、入力をRFC 8259(JSONの仕様)に従って検証し、その後、読みやすいように一貫したインデントを付けて表示するか、ネットワーク送信のためにすべての空白を取り除きます。解析と整形は、JavaScriptエンジンのネイティブなJSON.parseおよびJSON.stringify関数を使ってお使いのブラウザ内で完全に実行されます。これはNode.jsサーバーやすべてのブラウザで動作するのと同じコードです。つまり、あなたのデータがネットワークを通って送られることはなく、ここでの検証の挙動が、本番環境であなたのコードが目にするものと完全に一致するということです。
よくある活用例
API応答をフォーマッターに貼り付けてデバッグする。minifyされたJSONが隠している構造を一目で可視化できます。
厳格なコンシューマー(AWS CloudFormation、Kubernetesのマニフェストなど)に送信する前にJSONを検証する。
JSONを1行で出力する構造化ロギングライブラリ(Pino、Bunyan)のログを美化する。
HTMLや環境変数に埋め込む前に設定ファイルをminifyする(解析するバイト数が減ります)。
JSON Web Tokenのペイロードをbase64からデコードした後に整形する。
2つのAPI応答を、両方を整形してその差分を観察することで比較する。
よくある質問
私のJSONはブラウザから外に出ますか?▼
JSON5やJSONC(コメント付き)を整形できますか?▼
インデントの大きさはどれくらいにすべきですか?▼
なぜminifyされたJSONが重要なのですか?▼
エラーメッセージをどう読み解けばよいですか?▼
非常に大きなJSONファイルを整形できますか?▼
JSONとJavaScriptのオブジェクトリテラルの違いは何ですか?▼
関連ツール
JWTデコーダー
JSON Web Token(JWT)を瞬時にデコードします。お使いのブラウザ内で実行されるため、トークンがデバイスの外に出ることはなく、本番環境のシークレットでも安全に利用できます。
XMLフォーマッター
XMLドキュメントを整形して読みやすくします。SOAP、サイトマップ、RSSフィード、設定ファイルに役立ちます。
Base64エンコーダー&デコーダー
文字列をBase64にエンコードしたり、Base64をテキストにデコードしたりします。あなたのプライバシーを尊重し、すべてブラウザ内で実行されます。
URLエンコーダー&デコーダー
テキストをURLセーフなエンコード(パーセントエンコーディング)に変換したり、その逆を行ったりします。クエリ文字列、リダイレクト、OAuthフローに役立ちます。
HTMLエンティティエンコーダー&デコーダー
特殊文字をHTMLエンティティ(&、<など)に変換したり、その逆を行ったりします。テキストを安全にHTMLへ埋め込むのに役立ちます。
CSS圧縮ツール
CSSからコメント、空白、不要な文字を取り除いて、ファイルサイズを削減します。