JSON整形 ガイド

JSONを即座にフォーマット、検証、圧縮します。インデントスタイルを選択して、ワンクリックで結果をコピー。

JSON整形に戻る

このツールの機能

JSON整形ツールは、JSONのフォーマット、検証、圧縮を行います。JSONを貼り付けてインデント(2または4スペース、タブ)を選択すると読みやすい出力が得られます。無効なJSONは詳細付きのインラインエラーを表示。有効なJSONは折りたたみ可能なツリービューで表示。圧縮で空白を除去してコンパクトな出力に。1クリックで結果をコピー。

使い方

  1. JSONを貼り付け — 入力エリアにJSON文字列を貼り付け。
  2. フォーマット — フォーマットをクリックするか、インデント(2/4スペースまたはタブ)を調整。出力が更新されます。
  3. 検証 — 無効なJSONは位置付きのエラーメッセージを表示;有効なJSONはツリービューを表示。
  4. 圧縮 — 圧縮をクリックして空白と改行を除去。
  5. コピー — フォーマットまたは圧縮した出力をクリップボードにコピー。

動作の仕組み

ツールは JSON.parse() で入力をパース。パースに失敗するとエラーメッセージ(例:予期しないトークン、位置)を表示。有効な場合、選択したインデントで再フォーマットするか、余分な空白のない JSON.stringify で圧縮。ツリービューはパースされた構造から構築され、ナビゲーションが容易。すべての処理はクライアント側で実行。

すべての計算はブラウザ内で実行されます。データはサーバーに送信されません。

使用例とサンプル

  • APIレスポンス — APIのJSONを読みやすくフォーマット。
  • 設定ファイル — JSON設定を整形または圧縮。
  • デバッグ — JSON構造を検証して検査。
  • ドキュメント — ドキュメント用のクリーンなサンプルを作成。
  • バンドル — バンドルサイズ削減のためJSONを圧縮。

入力:{"name":"Alice","age":30}
フォーマット(2スペース):

{
  "name": "Alice",
  "age": 30
}

圧縮:{"name":"Alice","age":30}

制限と既知の制約

  • JSONのみ — JSON5、JSONC、末尾カンマには非対応。
  • 大きなファイル — 非常に大きなJSONはツリービューを遅くする場合あり。
  • リントなし — 構文のみ検証;スキーマや意味ルールはチェックしない。

動作の仕組み

方法

  • Invalid JSON shows inline validation error; valid JSON shows collapsible tree view.

すべての計算と変換はブラウザ内で完全に実行されます。データはサーバーに送信されず、入力内容はデバイスから離れません。