nicetool.dev logo

JSON整形・バリデーター

JSONデータの整形、検証、難読化解除を瞬時に行います。開発者のためのシンプルで高速なJSONビューア・エディタです。

生データ (Raw)
ツリー表示 (編集可)

JSONとは?

JSON(JavaScript Object Notation)は、軽量で言語に依存しないデータ交換フォーマットです。人間にとって読み書きが容易であり、機械にとっても解析が容易です。

豆知識: JSONは世界で最も普及しているデータ形式であり、現代のWeb APIのほとんどでXMLに取って代わりました。

JSONの構文ルール

正しい構文

  • •データはキーと値のペア。
  • •キーは必ず二重引用符で囲む。
  • •文字列は二重引用符を使用。
  • •データはカンマで区切る。

よくある間違い

  • ×末尾に余分なカンマがある。
  • ×一重引用符を使用している。
  • ×閉じ括弧を忘れている。
  • ×コメントを含めている。

主な用途

Web API (REST/GraphQL)

APIデータの送受信の標準形式。

設定ファイル (Config)

設定の保存 (package.jsonなど)。

NoSQLデータベース

MongoDBなどでのデータ保存。

JSONエディタの使い方

  1. 1

    ブラウザの Network タブからコピーしたレスポンス、設定ファイル、ログの1行などの JSON を Raw Input 欄に貼り付けます。

  2. 2

    Beautify でインデントを付け、Minify で空白をすべて取り除きます。正しい JSON でない場合はエラーが表示されるので、壊れたカンマや引用符を見つけられます。

  3. 3

    Tree View でネストしたオブジェクトや配列をたどれます。展開・折りたたみ・値の直接編集ができ、何千行もスクロールするより速く作業できます。

  4. 4

    Copy Results で結果をコード、API クライアント、設定ファイルに戻します。

活用例

API レスポンスを読む

1行に詰まった 20 KB のレスポンスは読めません。Beautify すればインデントされた構造になり、必要なフィールドを数秒で見つけられます。

設定ファイルの修正

package.json や tsconfig.json、VS Code の設定ファイルは末尾のカンマ1つで読み込めなくなります。ビルドが失敗する前にバリデーターが問題を指摘します。

ペイロードの圧縮

テスト用の JSON やリクエストボディを Minify してから curl コマンドや環境変数に貼り付ければ、改行によるトラブルを防げます。

ネストしたデータの編集

フィーチャーフラグやモックレスポンスの深い階層にある値も、括弧を数えずにツリーエディターで変更できます。

よくある質問

JSON が無効になるのはなぜ?+

よくある原因は末尾のカンマ、ダブルクォートの代わりのシングルクォート、コメント、引用符のないキーです。これらは JavaScript のオブジェクトでは使えますが、厳密な JSON(RFC 8259)では使えません。

Beautify と Minify の違いは?+

どちらもデータはまったく同じです。Beautify は人が読みやすいようにインデントと改行を加え、Minify は転送や保存のためにそれらを取り除いてサイズを最小にします。

サイズの上限はありますか?+

すべてブラウザ内で処理するため固定の上限はありません。数 MB のファイルも扱えますが、非常に大きなデータは端末のメモリに左右されます。

JSON はどこかにアップロードされますか?+

いいえ。解析・整形・編集はすべてブラウザ内で行われるため、JSON に含まれる API キーや顧客データが外部に出ることはありません。