📋
無料JSON フォーマッタ
JSON データをフォーマット、検証、縮小、探索します。ツリー ビュー、構文の強調表示、ワンクリック コピー。
読み込み後はオフラインでも動作
主な用途
- API レスポンスをフォーマット生の API JSON レスポンスを貼り付けて、読みやすくインデント付きの出力に即座にフォーマットします。
- JSON 構成ファイルをフォーマットJSON 構成ファイルをクリーンアップして検証します — package.json、tsconfig.json、設定など。
- デバッグ用に JSON をフォーマットミニ化またはエスケープされた JSON ログ、エラーペイロード、データベース出力を即座に解きほぐします。
- JSON 翻訳ファイルをフォーマットReact、Vue、Next.js アプリで使用される i18n 翻訳 JSON ファイル (en.json、de.json) を検証して美化します。
- Webhook ペイロードを検査してフォーマットStripe、GitHub、Shopify から生の Webhook ペイロードを貼り付けて、明確にフォーマットされた状態で読み取ります。
使い方
フォーマッターは、JavaScript標準のJSON.parseとJSON.stringifyを使ってブラウザ内で完全に動作します — ライブラリもサーバーも不要です。解析、整形、圧縮、インタラクティブなツリービューはすべて、入力するたびにローカルで行われます。
- 1入力時のライブ解析JSON.parseは最後のキーストロークから200ミリ秒後に実行されます。解析が失敗した場合、手書きのエラー位置特定関数がV8またはFirefoxのSyntaxErrorメッセージを読み取り、行番号と列番号を抽出し、テキストエリア内でエラー箇所へジャンプするリンクを提供します。
- 2安全でない整数の検出出力を表示する前に、ツールは生のソース内で16桁以上の整数リテラル（引用符内のものは除く）をスキャンし、それぞれをNumber.isSafeIntegerでテストします。IEEE-754のdouble精度で静かに丸められてしまう値がある場合、コピーやダウンロードの前に警告が表示されます。
- 3整形、圧縮、キーのソートJSON.stringify(value, null, indent)が整形または圧縮された出力を生成します。キーのソートがオンの場合、再帰関数が解析済みツリー内のすべてのオブジェクトを走査し、シリアライズ前にObject.keys(...).sort()で再構築します — 配列は元の順序のまま保持されます。
- 4インタラクティブなツリービューツリービューは手書きの再帰的フラット化で、解析済みオブジェクトを深さ、パス、展開／折りたたみ状態を持つノードのフラットなリストに変換します。大きな展開された配列を含むメガバイト級のドキュメントでタブがフリーズしないよう、レンダリングは最大5,000個の可視ノードに制限されています。
すべてブラウザ内でローカルに動作します — あなたのJSONがサーバーに送信されることは一切ありません。