このツールの機能
JSON整形ツールは、JSONのフォーマット、検証、圧縮を行います。JSONを貼り付けてインデント(2または4スペース、タブ)を選択すると読みやすい出力が得られます。無効なJSONは詳細付きのインラインエラーを表示。有効なJSONは折りたたみ可能なツリービューで表示。圧縮で空白を除去してコンパクトな出力に。1クリックで結果をコピー。
使い方
- JSONを貼り付け — 入力エリアにJSON文字列を貼り付け。
- フォーマット — フォーマットをクリックするか、インデント(2/4スペースまたはタブ)を調整。出力が更新されます。
- 検証 — 無効なJSONは位置付きのエラーメッセージを表示;有効なJSONはツリービューを表示。
- 圧縮 — 圧縮をクリックして空白と改行を除去。
- コピー — フォーマットまたは圧縮した出力をクリップボードにコピー。
動作の仕組み
ツールは 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はツリービューを遅くする場合あり。
- リントなし — 構文のみ検証;スキーマや意味ルールはチェックしない。