JSON整形ツール|エラー箇所(行・列)を即表示・圧縮も対応・ブラウザで安全(無料)
サンプルを入れる
入力した JSON はすべてブラウザ内で処理され、サーバーに送信されません。
関連する外部ツール
一部のリンクはアフィリエイトリンクを含みます。
関連ツール
この無料 JSON 整形ツールは、JSON を貼り付けるだけで即座に「読みやすく整形(pretty print)」または「1行に圧縮(minify)」できます。壊れた JSON の場合は、何行目・何列目で問題が起きているかを表示し、入力エリアの該当行をハイライト、コンパイラ風の抜粋でキャレット(^)がエラー位置を指します。よくある原因(末尾カンマ・シングルクォート・コメント・クォートなしキー・NaN など)のヒントも表示するので、エラーの修正が素早くできます。インデント幅(2 / 4 / タブ)を選択し、キーをアルファベット順にソート、ツリー表示で深いネストを折りたたみ・展開することも可能です。結果はワンクリックでコピーまたは .json ファイルとしてダウンロードできます。すべてブラウザ内で処理されるため、API キーや機密情報を含む JSON も安心して貼り付けられます。
使い方
- 上の入力エリアに JSON を貼り付けます。「サンプルを入れる」でサンプル JSON を試せます。「ファイルを開く」で端末上の .json ファイルを読み込むこともできます。
- 「整形(beautify)」で改行・インデント付きに、「圧縮(minify)」で1行に変換します。
- 構文エラーがあれば、何行目・何列目が問題かをエラーパネルに表示し、該当行をハイライトします。
- インデント幅(スペース 2 / 4 / タブ)の選択、「キーをソート」でキーのアルファベット順化、ツリー表示への切替が可能です。
- 「コピー」で結果をクリップボードへコピー、「ダウンロード」で .json ファイルとして保存。インストール不要・登録不要です。
整形と圧縮
整形(pretty print / beautify)
整形すると改行とインデントが付き、ネストが深い JSON でも構造が一目で分かります。API レスポンスをコピーして貼り付けるだけで、即座に読みやすくなります。
圧縮(minify)
圧縮は不要な空白・改行を取り除き、1行に詰めます。コードや環境変数、URL パラメータに埋め込むときにサイズを節約できます。統計バーで何バイト・何パーセント削減できたかを確認できます。
インデント幅(2 / 4 / タブ)
チームやプロジェクトの規約に合わせて選択できます。スペース 2 が最も一般的です。スペース 4 は広い画面で読みやすさが増します。タブはタブ派のコードベースに合います。インデント設定は整形時のみ有効で、圧縮時は無視されます。
主な機能
エラー箇所(行・列)の表示とハイライト
JSON の構文が壊れている場合、何行目・何列目でパーサが止まったかを表示し、入力エリアの該当行をハイライト、コンパイラ風の抜粋にキャレット(^)を立てます。末尾カンマ・シングルクォート文字列・JavaScript コメント・クォートなしのキー・NaN/Infinity などよくある原因を検出してヒントを表示します。「エラー」とだけ表示して終わりにしない、差別化された体験です。
キーのソート
「キーをソート」を有効にすると、JSON 内の全オブジェクト(全階層)のキーをアルファベット昇順(コードポイント順)に並べ替えます。2つの JSON を差分ツールで比較する前にキー順を揃えると、値の差だけが見えやすくなります。配列の要素順は変えません。
ツリー表示と折りたたみ
ツリー表示に切り替えると、JSON の階層構造をツリーで表示し、各オブジェクト・配列を個別に折りたたみ・展開できます(クリックまたはキーボードで操作)。巨大・深い JSON を俯瞰するのに便利です。
コピーとダウンロード
「コピー」ボタンで整形結果をクリップボードへ。「コピーしました」ですぐ確認できます。「ダウンロード」で .json ファイルとして保存。どちらもサーバーを経由しないブラウザ内処理です。
文字数・バイトサイズの表示
統計バーに入力・出力の文字数と UTF-8 バイト数を表示します。圧縮時は削減バイト数・削減率も出ます。数値はロケールに合わせた桁区切り表示(例: 1,234)です。JSON 本文はロケール整形せず、コピーしてそのまま使える生 JSON を保ちます。
ブラウザ内で安全(送信しない)
パース・整形・検証はすべてブラウザの標準 JSON.parse / JSON.stringify で完結します。入力内容はサーバーに送られず、ログにも保存されません。API キー・アクセストークン・パスワードを含む JSON も安全に貼り付けられます。
活用例
API レスポンスを読みやすく整形する
ブラウザの DevTools ネットワークタブや curl、Postman からコピーした JSON レスポンスを貼り付けて整形。データの形・欠けているフィールド・型の確認が素早くできます。
壊れた JSON のエラー箇所を見つける
設定ファイルや POST ボディの JSON が動かないとき、貼り付けるだけで何行目・何列目が悪いか分かり、末尾カンマやコメントなど原因のヒントも表示します。エラーメッセージを読み解く手間を省けます。
JSON を圧縮して埋め込む
整形済みの JSON を1行に圧縮して、シェルスクリプト・環境変数・Docker ラベル・URL パラメータに埋め込めます。統計バーで削減量を確認できます。
比較のためにキーをそろえる
差分ツールで JSON を比較する前に「キーをソート」で両方のキー順をそろえると、値の差だけが浮かび上がります。API レスポンスの経時変化・環境間の比較に役立ちます。
JSON のよくあるエラーと注意点
- 末尾カンマは使えません:[1, 2,] や {"a":1,} は JSON として不正です(JSON5/JSONC は別フォーマット)。
- 文字列・キーはダブルクォートが必要:'hello' や {a:1} は不正。"hello" と {"a":1} が正しい書き方です。
- コメントは書けません:// や /* */ は JavaScript の構文で、標準 JSON では使えません。コメントが必要な場合は JSONC 等の別フォーマットを使ってください。
- NaN・Infinity・undefined は不正:これらは JavaScript の値であり、JSON の値として使えません。
- 超大きな整数は丸められることがあります:2^53(9007199254740992)を超える整数は IEEE 754 倍精度浮動小数として扱われ、桁が変わる可能性があります。
- 重複キーは後勝ち:{"a":1,"a":2} は技術上 JSON として通りますが、JSON.parse は後の値({"a":2})を使います。
よくある質問
- JSON が壊れている場所(行・列)は分かりますか?
- はい。構文エラーの行番号・列番号をエラーパネルに表示し、入力の該当行をハイライト、抜粋にキャレット(^)を立てます。末尾カンマ・シングルクォート・コメント・クォートなしキーなどの原因ヒントも表示します。
- 整形(pretty print)と圧縮(minify)の両方できますか?
- はい。上部のトグルで切り替えます。整形はインデント幅(スペース 2 / 4 / タブ)を選択できます。圧縮は1行に詰め、統計バーで削減バイト数・削減率を表示します。
- 入力した JSON はサーバーに送られますか?
- いいえ。パース・整形・検証はすべてブラウザの JSON.parse / JSON.stringify で完結します。入力内容は送信・保存されないため、API キーや機密データを含む JSON も安全に使えます。
- キーをアルファベット順に並べ替えられますか?
- はい。「キーをソート」を有効にすると、全階層のオブジェクトのキーを昇順にソートして出力します。配列の要素順は変えません。差分比較・正規化に便利です。
- コメントや末尾カンマ付きの JSON(JSON5 / JSONC)は使えますか?
- いいえ。このツールは標準 JSON(RFC 8259)のみ対応です。コメント・末尾カンマ・シングルクォートが含まれると構文エラーとして検出し、原因のヒントを表示します。
- 大きな JSON ファイルも扱えますか?
- 数 MB 程度まで対応しています。非常に大きい場合はツリー表示を自動でオフにして警告を表示します。数十 MB を超えるような巨大ファイルはデスクトップ向けのツールをお勧めします。
- 結果をコピーやダウンロードできますか?
- はい。「コピー」で結果をクリップボードへ、「ダウンロード」で .json ファイルとして保存できます。どちらもブラウザ内で完結し、サーバーへの通信は発生しません。