使い方(3ステップ)
- 左のテキストエリアにJSONを貼り付けるか、
.jsonファイルをドラッグ&ドロップします。 - インデント幅(2スペース・4スペース・タブ)と整形/圧縮モードを選択します。
- 右側に即時表示される整形済みJSONを「コピー」ボタンでクリップボードにコピーします。
JSONとは
JSON(JavaScript Object Notation)は、軽量なデータ交換フォーマットです。人間が読み書きしやすく、機械が解析・生成しやすい特徴を持ちます。WebAPIのレスポンス形式として最も広く使われており、設定ファイルやデータストレージにも多用されます。JSONはキーと値のペア(オブジェクト)と、値の順序付きリスト(配列)を組み合わせてデータを表現します。
JSONで使用できるデータ型は、文字列(ダブルクォート必須)、数値(整数・浮動小数点・指数表記)、真偽値(true/false)、null、オブジェクト、配列の6種類です。
コメントはJSONの仕様上サポートされていません。コメントが必要な場合はJSON5やJSONC(VS Codeの設定ファイルで使用)を検討してください。
よくある質問(FAQ)
Q. エラー「Unexpected token」が出る
最もよくあるのは末尾カンマの問題です。JSONでは配列・オブジェクトの最後の要素にカンマを付けてはいけません(例:{"a":1,} は不正)。また、キーは必ずダブルクォートで囲む必要があります(シングルクォート不可)。このツールはエラー箇所を日本語で表示するので、修正の参考にしてください。
Q. 大きなJSONファイルでも動きますか?
ブラウザのJavaScriptエンジンで処理するため、数MB程度のJSONなら問題なく動作します。数十MB以上になるとブラウザが応答しなくなる場合があるため、大容量ファイルはjqなどのCLIツールの使用をお勧めします。
Q. 入力したJSONはサーバーに送信されますか?
いいえ。すべての処理はお使いのブラウザ上(クライアントサイド)で完結します。機密情報を含むJSONでも安全にお使いいただけます。
Q. 圧縮(Minify)とは何ですか?
Minifyは改行・インデント・余分なスペースをすべて取り除き、JSONを1行に圧縮します。ファイルサイズを小さくしてAPIレスポンスを高速化したり、データを1行のログに記録したりする際に使います。
Q. シンタックスハイライトの色の意味は?
キー名は紫、文字列値は緑、数値は黄、true/falseはピンク、nullはグレーで表示されます。視覚的にJSONの構造を把握するのに役立ちます。