JSONフォーマッター & バリデーター
JSONフォーマッター & バリデーターは、JSONの整形・圧縮・検証に加え、ノードをクリックするだけでJSONPathをコピーできるインタラクティブな折りたたみツリー表示を備えています。行・列番号付きのリアルタイム構文エラーハイライト、色分けされた型の自動検出、差分比較用の出力機能を搭載。100%クライアント側処理のため、データがブラウザの外に出ることはありません。無料・登録不要。
ご提案はありますか？
新しいツールのリクエストや改善提案をお待ちしています — Slackコミュニティにご参加ください！
JSON整形とは？
JSON（JavaScript Object Notation）整形とは、生のJSONデータに適切なインデント、改行、スペースを追加して人間が読みやすくするプロセスです。JSONフォーマッターは構文の検証も行い、括弧の不足、末尾のカンマ、その他の一般的なエラーを検出します。適切に整形されたJSONは、APIのデバッグ、アプリケーションの設定、開発者間のデータ共有に不可欠です。このツールはブラウザ内で完結してJSONの整形・検証・可視化を行い、データがサーバーに送信されることは一切ありません。
JSONフォーマッターの使い方
- 入力エリアにJSONデータを貼り付けるか、「サンプルデータ」をクリックしてサンプルを読み込みます
- インデントスタイルを選択：スペース2つ、スペース4つ、またはタブ
- 「整形」をクリックして適切なインデントでJSONを美しく整形します
- 「ツリー表示」に切り替えてネスト構造をインタラクティブに探索します
- ツリーの任意のノードをクリックするとJSONPathをコピーしてコードで使用できます
- 「圧縮」で本番環境やAPIペイロード用にJSONを圧縮します
- 「比較」タブで2つのJSONドキュメントの差分を確認できます
よくある質問
このフォーマッターを使用する際、JSONデータは安全ですか？
はい。このJSONフォーマッターはJavaScriptを使用してブラウザ内で100%処理を行います。データがデバイスの外に出ることはありません。サーバーへのリクエスト、Cookie、トラッキングは一切ありません。ネットワークタブを開いた状態でツールを使用すれば、データに関する外部リクエストがゼロであることを確認できます。
このツールが処理できるJSONの最大サイズは？
このツールはブラウザとデバイスに応じて数メガバイトのJSONファイルを処理できます。一般的なAPIレスポンス（1MB未満）であれば、整形はほぼ瞬時に完了します。大きなファイル（1〜10MB）の場合、ツリー表示のレンダリングに少し時間がかかることがあります。効率的なパースと遅延レンダリングにより最適なパフォーマンスを実現しています。
深くネストされたJSONで特定のキーを見つけるには？
ツリー表示タブを使用し、検索ボックスにキー名を入力してください。ツリーが一致するすべてのキーと値をハイライト表示するため、複雑なネスト構造から特定のデータを簡単に見つけられます。また、任意のノードをクリックすると完全なJSONPath（例：$.users[0].address.city）をコピーしてコードで使用できます。
バリデーターはどのようなJSON構文エラーを検出しますか？
バリデーターは、カンマの不足や余分なカンマ、閉じられていない括弧やブレース、引用符のないキー、ダブルクォートの代わりのシングルクォート、末尾のカンマ（厳格なJSONでは許可されない）、無効なエスケープシーケンス、予期しないトークンなど、すべてのJSON構文エラーを検出します。エラーメッセージには正確な行番号と列番号が含まれます。
2つのJSONオブジェクトを比較して差分を見つけられますか？
はい。比較タブでは2つのJSONドキュメントを並べて貼り付け、すべての差分をハイライト表示します。追加されたキー（緑）、削除されたキー（赤）、変更された値（黄）が表示されます。各差分にはJSONPathの位置が表示されるため、2つのAPIレスポンス、設定ファイル、データエクスポート間の変更点を素早く特定できます。