Webエンジニア向けプログラミング解説動画をYouTubeで配信中!
▶ チャンネル登録はこちら

JSON整形・検証

JSONを見やすく整形・圧縮し、構文エラーの位置を行・列で確認できるツールです。

ツール

0文字

インデント

仕様

本ツールの仕様は以下の通りです:

  • 対応形式: JSON(RFC 8259 に準拠した標準的なJSON)
  • 入力文字数制限: なし(ブラウザの性能に依存)
  • 出力形式: 行番号付きのテキスト(キー・文字列・数値などを色分けして表示。200KBを超える場合は色分けなし)
  • 整形:
    • インデントは「スペース2」「スペース4」「タブ」「なし(圧縮)」から選択
    • 初期値はスペース2
  • 圧縮: インデントを「なし(圧縮)」にすると、改行やインデントなどの不要な空白を取り除き、1行のJSONに変換(文字列の中の空白はそのまま保持)
  • 構文チェック:
    • 整形の実行時に構文をチェックし、エラーがあればエラーの行・列と原因を表示
    • 行番号付きで該当箇所を表示し、エラーの行と文字を強調(長いJSONはエラー行の前後10行を表示)
    • 末尾の不要なカンマ、ダブルクォートで囲まれていないキー、閉じ括弧の不足、シングルクォート、コメントなどを検出
    • 全角スペースやBOMなどの見えない文字は「U+3000」のような文字コードで表示
  • 注意事項:
    • コメントやシングルクォートなど、標準のJSONにない書き方には対応していません
    • 数値はJavaScriptの数値として扱うため、9007199254740991 を超える大きな整数は整形すると値が丸められる場合があります
    • 数値の表記は変わる場合があります(例:1.0 → 1、1e3 → 1000)
    • 同じキーが重複している場合は、後に書かれた値のみが残ります
  • 処理方式: ブラウザ内で処理し、入力内容はサーバーに送信しません

使い方

本ツールの使い方は以下の通りです:

  1. テキストボックスに整形したいJSONを入力します。
  2. インデント(スペース2・スペース4・タブ・なし(圧縮))を選択します。「なし(圧縮)」を選ぶと、1行のJSONに圧縮されます。
  3. 「整形する」ボタンをクリックします。
  4. 下部に整形結果が行番号付きで表示されます。
    • インデントを変更した場合は、もう一度「整形する」ボタンをクリックすると反映されます。
  5. 構文エラーがある場合は、エラーの行・列と原因が表示され、該当箇所が強調表示されます。
  6. 必要に応じて以下を選択することができます。
    • 「クリップボードにコピーする」ボタン
      • 整形結果をクリップボードにコピーできます。
    • 「リセットする」ボタン
      • 入力内容と結果を消去し、インデントを初期値に戻します。

※ 入力したJSONはブラウザ内で処理され、サーバーには送信されません。

関連コンテンツ