JSONフォーマッター／バリデーター — ブラウザ内で動く無料ツール

どんなJSONでも貼り付ければ、ワンクリックできれいに整います。このフォーマッターは、乱れたJSONや最小化されたJSONを読みやすいインデント付きの構造に整形し、本番用にはそのままコンパクトな一行に折りたたむこともできます。

すべての処理は、ブラウザのネイティブなJSONエンジンを使ってお使いの端末内で完結します。データがサーバーに送信されることはありません。だからこそ、APIレスポンスや設定ファイル、得体の知れないサイトには貼り付けたくないようなものでも安心して扱えます。

仕組み

テキストを貼り付けると、ツールはそれをブラウザ内蔵のJSON.parseに渡し、メモリ上のオブジェクトに変換します。解析に成功すると、JSON.stringifyがテキストを再構築します。選んだインデント（スペース2つ、スペース4つ、またはタブ）を渡せば読みやすく整形された表示になり、インデントを渡さなければ最小化された一行になります。検証とは、単に再出力をせずに解析するだけのことです。

JSON.parseもJSON.stringifyもブラウザのネイティブ関数なので、ライブラリのダウンロードもサーバーへのリクエストも発生しません。JSONはページのメモリ内にとどまり、タブを閉じれば破棄されます。このローカル完結の設計こそが、APIレスポンスやトークン、設定ファイルのプライバシーを守ります — アップロードされるものは何一つありません。

解析に失敗すると、ブラウザは何が問題だったかを示すSyntaxErrorを投げます。ツールはそのメッセージを表示するので、推測ではなく問題のある文字へ直接飛んで対処できます。

使いどころ

最小化されたAPIレスポンスやログ行を受け取り、その構造を実際に読みたいときは「整形」を使いましょう。インデントを付けると入れ子構造が見えるようになり、フィールドの存在確認や、値が欠けている理由の追跡が簡単になります。

JSONを保存したり送信したりする前には「最小化」を使いましょう。URLに埋め込む設定、通信に乗せるペイロード、データベースの列に保存する値 — どれも空白を取り除くことで恩恵を受けます。出力はバイト単位で同等のデータを、より少ない文字数で表したものです。

手で編集したJSON — 設定ファイル、フィクスチャ、Webhookのサンプル — をリリース前に確実に解析できるか確かめたいときは、いつでも「検証」を使いましょう。ここで紛れ込んだカンマを見つけるほうが、後でリクエスト失敗をデバッグするよりずっと速く済みます。

ヒント

不正なJSONの大半は、わずかなミスから生じます。配列やオブジェクトの最後の項目のあとに付く末尾のカンマは、JavaScriptとしては有効でもJSONでは不正なので取り除きましょう。文字列とキーは必ずシングルクォートではなくダブルクォートを使い、すべてのキーは引用符で囲む必要があります。コメントは一切使えません。

JavaScriptのソースから値をコピーした場合は、undefined・NaN・関数の値に注意してください — いずれも有効なJSONではありません。代わりにnullを使いましょう。エラーが特定の位置の予期しないトークンに言及している場合は、その文字まで数えてみてください。本当の問題は、たとえば閉じ括弧の欠落のように、たいていその直前にあります。整形済みのテキストをもう一度「整形」に通して、問題なく往復できるか確認しましょう。

JSONフォーマッター の使い方

1. 入力欄にJSONを貼り付けるか入力します。
2. お好みのインデント幅を選びます（スペース2つ、スペース4つ、またはタブ）。
3. 「整形」をクリックして読みやすく表示するか、「最小化」をクリックして一行にまとめます。
4. JSONが不正な場合は、エラーメッセージを読んで問題箇所を見つけて修正します。
5. 整形結果はワンクリックでクリップボードにコピーできます。

よくある質問

関連ツール