💻 開発者ツール

JSON整形・検証

APIのレスポンスや設定ファイルを貼るだけで、インデント整形・圧縮・構文検証をリアルタイムで行います。データはブラウザの外に出ません。

例（クリックで試す）

JSON整形・検証ツールの使い方

はじめての方は、まず入力欄の上にある「例（クリックで試す）」のチップを押してみてください。サンプルJSONがそのまま入り、整形結果がすぐに表示されます。慣れたら、上のテキストエリアにJSONを入力または貼り付けるだけ。貼り付けたその場で整形されるライブ動作なので、ボタン操作は不要です。1行に圧縮したいときは左上の「圧縮」ボタンを押すと、同じJSONが即座に1行へ切り替わります。

具体例：minifyされたJSONを読みやすく整形する

たとえば、APIから返ってきた次のような1行のJSONを貼り付けると：

{"name":"Benri","tags":["dev","text"],"meta":{"free":true,"login":false}}

「整形」モードのまま、こう並びます（インデント スペース2）：

{
  "name": "Benri",
  "tags": [
    "dev",
    "text"
  ],
  "meta": {
    "free": true,
    "login": false
  }
}

逆に「圧縮」ボタンを押せば、上の整形済みJSONがそのまま元の1行へ戻ります。

  • 整形（pretty print）：インデントを付けて読みやすく整形します。インデントはスペース2・スペース4・タブから選べます。
  • 圧縮（minify）：余分な空白・改行を除去して1行にまとめます。JSONをAPIリクエストに含める前の最小化に。
  • キーをソート：オブジェクトのキーをアルファベット昇順に並び替えます。2つのJSONを比較するときに便利です。
  • エラー表示：構文エラーがある場合はエラーメッセージと推定行番号・列番号を表示します。

こんな場面で便利です

  • APIレスポンスやWebhookの内容を確認・デバッグするとき
  • 設定ファイル（package.json・tsconfig.json等）の編集後に構文チェックしたいとき
  • コードレビューで差分を見やすくするためにキーを揃えたいとき
  • minifyされたJSONを人間が読みやすい形式に戻したいとき

よくある質問

入力したJSONはサーバーに送信されますか？
いいえ。JSON整形・検証の処理はすべてお使いのブラウザ内で完結し、入力内容がサーバーに送信・保存されることはありません。APIキーや個人情報を含むJSONでも安心してご利用いただけます。
JSONの構文エラーが出た場合、エラー箇所を特定できますか？
はい。パースに失敗した場合、ブラウザが返すエラーメッセージを解析して、エラーが発生した行番号・列番号の推定値を表示します。大きなJSONでも素早く問題箇所を特定できます。
キーのソートとは何ですか？
「キーをソート」オプションをオンにすると、JSONオブジェクトのキーをアルファベット順（昇順）に並べ替えて出力します。複数のJSONを比較したいときや、差分を見やすくしたいときに便利です。