JSONフォーマッタ
ブラウザ上で直接JSONを整形、圧縮、検証できます。解析に失敗した場合は、わかりやすいエラーヒントが表示されます。
JSONの内容
書式付き出力
インデントを選択し、JSONの書式を整えてから、結果をコピーまたはダウンロードしてください。
お好みのインデント設定で、プレティープリントの見栄えを整えましょう。「Minify」を選択すると、すべてが1行のコンパクトな形式にまとめられます。
レビュー
JSONフォーマッタについて知っておくべきことすべて
JSONの整形、圧縮、および検証の方法、インデント設定の比較、およびフォーマット済みJSONの使用場面について。
- JSONを貼り付け、「Beautify」または「Minify」を選択し、結果をコピーまたはダウンロードしてください。
- すべてはブラウザ上で実行されます。JSONデータがアップロードされたり保存されたりすることは一切ありません。
- 可読性を高めるために2スペースのインデントを使用するか、本番環境向けにペイロードを縮小するためにMinifyを使用してください。
JSONフォーマッターの使用方法
- 入力パネルにJSONを貼り付けるか、直接入力してください。または、「サンプルを読み込む」をクリックして試してみてください。
- 「Beautify」を選択すると、指定したインデントで読みやすい形式に整えられ、「Minify」を選択すると、1行のコンパクトな形式にまとめられます。
- 書式設定済みの結果をクリップボードにコピーするか、独立した.jsonファイルとしてダウンロードしてください。
そもそもなぜJSONをフォーマットする必要があるのでしょうか？
APIのレスポンス、ログファイル、あるいはミニファイ化されたビルド設定に含まれる生のJSONは、多くの場合、改行のない1行の長いテキストとなっており、読み取りやデバッグ、差分の確認が困難です。また、カンマや括弧が1つ欠けているだけでパースが完全に失敗してしまうこともあり、その箇所を目視で特定するのは非常に手間がかかります。
このツールは、読みやすさを高めるためにJSONのインデントを調整し、コンパクトなペイロードが必要な場合には元通りに折りたたむことができます。また、すべてがブラウザ上で純粋なJavaScriptとして実行されるため、JSONが無効な場合、パースに失敗した箇所を正確に特定してくれます。
「Beautify」と「Minify」
| モード | こんな場合に最適 | チェックする価値がある理由 |
|---|---|---|
| 「Beautify」のおすすめ | 読み込み、デバッグ、コードレビュー | インデントと改行により、構造が一目でわかりやすくなります |
| 縮小 | APIのペイロード、本番環境の設定 | 転送サイズを縮小するために、空白文字を削除します |
| 検証のみ | CIチェック、簡易な妥当性チェック | 書式を変更せずに構文をチェックします |
データをアップロードせずにJSONフォーマットを行う
すべての処理はデバイス上で行われます。JSONは、ブラウザのタブ内で、JavaScriptに組み込まれたJSONエンジンを使用して解析され、再フォーマットされます。サーバーへの送信、ログへの記録、保存は一切行われません。一時的な保存さえも行われません。
アップロードされるデータがないため、サーバー側のファイルサイズ制限は存在しません。実質的な制限は、デバイスのメモリ容量と、非常に大きなデータ量の場合のブラウザの処理能力のみです。
JSONデータはブラウザの外に出ることはありません。そのため、APIキーや内部設定、その他の機密性の高いデータを、書式を整えながら安全に貼り付けることができます。
後で2つのJSONファイルを並べて比較したい場合や、ログのエクスポートから重複行を削除したい場合は、「重複行削除ツール」が役立ちます。
2スペース、4スペース、タブ――どのインデントを使うべきか？
| インデント | こんな場合に最適 | トレードオフ |
|---|---|---|
| 2 スペース 適切なデフォルト設定 | Web設定ファイル、APIのレスポンス、ほとんどのスタイルガイド | 深くネストされたJSONでも、幅が広くなることがあります |
| 4枠 | すでに4スペースのインデントが使用されているコードベースに合わせる | 出力の幅が広がり、ネストが深いほどスクロール量が増える |
| タブ | インデント幅を個人の設定にしたい編集者 | ツールや端末によって表示が統一されていない |
迷った場合は、JSONでは2スペースが最も一般的な慣例であり、可読性を損なうことなく出力をコンパクトに保つことができます。ペイロードを本番環境にデプロイする準備が整ったら、完全にMinifyに切り替えてください。
JSONフォーマッタがどのような用途で使われているか
- APIレスポンスのデバッグ：APIレスポンスをコンパクトかつ見やすい形式で表示し、その構造を実際に確認できるようにします。
- 設定ファイルの検証：ビルドが失敗する前に、抜け落ちたコンマや括弧を見つけ出しましょう。
- Shrinking payloadsMinify JSON before shipping it in a request body or static file.
- プルリクエストのレビュー：差分が分かりにくい1行のコードを、レビューしやすい形に書き直してください。
- Learning JSON structureSee nested objects and arrays laid out clearly while learning the format.
このツールの仕組み
JSON Formatter は、JavaScript のネイティブ関数である JSON.parse および JSON.stringify を使用して完全にクライアント側で動作するため、データのアップロード、保存、ログ記録を一切行わずに、フォーマットと検証が瞬時に行われます。
最終更新日：2026年9月14日。
このガイドは役に立ちましたか？
ツールボックスには他にもツールがあります
さらに14個の、無料でAPIキー不要のツールがトップページに掲載されています。