本文へスキップ
ToolDesk

JSON整形

JSON を見やすく整形・最小化。エラー位置も表示。貼った瞬間に判定。

開発

このツールについて

JSON はデータをやり取りするための軽量な形式で、API のレスポンスや設定ファイル、ログなど、開発の現場でいたるところに登場します。ただし 1 行に詰まった JSON は読みづらく、逆にインデントの付いた JSON は転送量が増えます。このツールは JSON の「整形(見やすく展開)」と「圧縮(minify・最小化)」の両方に対応し、ついでに構文が正しいかも検証します。処理はすべてブラウザ内で行われ、貼り付けたデータが外部へ送信されることはありません。

整形と圧縮の使い分け

  • 整形(Pretty-print)… インデントと改行を付けて人が読みやすくします。API のレスポンスを確認する、設定ファイルを編集する、差分を見る、といった「読む・書く」場面に向いています。
  • 圧縮(Minify)… 不要な空白・改行を取り除いて 1 行にまとめ、データ量を減らします。本番のレスポンスや設定を軽くしたい、通信量を抑えたい、といった場面に向いています。

よくある JSON のエラー

「Unexpected token」などのエラーが出るとき、原因はたいてい次のような JSON のルール違反です。JavaScript のオブジェクトリテラルとは別物なので、感覚で書くと引っかかりがちです。

  • 末尾のカンマ … 配列やオブジェクトの最後の要素の後ろにカンマを残すと無効です(例: [1, 2, 3,])。
  • シングルクォート … 文字列とキーはダブルクォートが必須です。'name' ではなく "name" と書きます。
  • キーの引用符なし … {name: 1} は不可で、{"name": 1} が正しい形です。
  • コメント … JSON にコメント(// や /* */)は書けません。
  • 末尾の余分な文字 … 閉じ括弧の後ろにゴミが残っていないか確認しましょう。

大きな JSON・機密データの扱い

このツールはブラウザ内だけで処理するため、外部の整形サービスに貼り付けたくない機密性のあるデータ(トークンを含むレスポンスなど)でも比較的安心して扱えます。とはいえ、他人と画面を共有している場合などは、貼り付ける内容にご注意ください。

使い方

  1. 整形したい JSON を入力欄に貼り付け・入力します。
  2. 自動で整形結果が表示されます。
  3. 「整形」と「最小化」を切り替えられ、「結果をコピー」でコピーできます。

よくある質問

JSON はサーバーに送信されますか?

いいえ。整形・最小化はすべてブラウザ内(JavaScript)で完結し、入力したデータが外部に送られることはありません。API キーや個人情報を含む JSON でも安心して扱えます。

整形と最小化の違いは何ですか?

整形は人が読みやすいように改行とインデントを付けた状態、最小化は不要な空白を取り除いて通信・保存を効率化した状態です。内容(データ)は変わらず、見た目だけが変わります。

大きな JSON でも扱えますか?

ブラウザのメモリが許す範囲であれば扱えます。数 MB 程度までは概ね快適に処理できますが、極端に大きいファイルは端末の性能により重くなる場合があります。

コメント付き JSON(JSONC)は整形できますか?

標準の JSON はコメントを許可していないため、// や /* */ を含むデータはエラーになります。コメントを削除してからお試しください。

キーの並び順は変わりますか?

いいえ。整形では入力されたキーの順序を保持します。並べ替えは行いません。

文字コードや日本語は壊れませんか?

壊れません。UTF-8 の日本語や絵文字を含む JSON もそのまま保持されます。