JSON Pretty Print

カスタマイズ可能なインデントでJSONを整形して読みやすくする

サンプルを試す

入力

整形済み出力

ローカルで実行 · シークレットの貼り付けも安全

整形されたJSONがここに表示されます…

ローカルで実行 · シークレットの貼り付けも安全

整形されたJSONがここに表示されます…

こちらもどうぞ：JSON整形ツール JSONバリデーター JSON差分ツール JSON圧縮ツール JSONからYAMLコンバーター JSONからCSVへの変換ツール JSONからTypeScriptコンバーター JSON to C# クラス変換 JSONからGo構造体変換 JSONからPython dataclassジェネレーター JSONからJavaクラス変換 JSON to Dart

JSON Pretty Printとは？

JSON Pretty Printは、コンパクトで読みにくいJSONを、整然とインデントされた複数行フォーマットに変換します。機械は1行のJSONを問題なく解析できますが、人間には構造が必要です——視覚的な階層、揃ったカッコ、一貫したインデント——複雑なデータをすばやく理解するために。

Before · json

After · json

{"user":"alice","role":"admin","permissions":["read","write"],"active":true,"lastLogin":1717200000}

{
  "user": "alice",
  "role": "admin",
  "permissions": [
    "read",
    "write"
  ],
  "active": true,
  "lastLogin": 1717200000
}

なぜJSONを整形するのか？

API、データベース、ログファイルからの生のJSONは、帯域幅を節約するために圧縮されていることが多いです。Pretty Printはデバッグ、レビュー、データ理解に必要な人間が読める構造を復元します。

🔍

デバッグの高速化

文字ごとにテキストの壁を解析するのではなく、欠落フィールド、誤った値、構造エラーを数秒で特定できます。

👥

コードレビューの明確化

プルリクエストでのJSON設定ファイルの変更確認は、適切なインデントがあれば格段に容易になります——レビュアーが変更点に集中できます。

🔌

APIの検査

新しいAPIを探索する際、整形されたレスポンスでデータモデルとネスト構造を一目で把握できます。

📝

ドキュメント化と共有

整形されたJSONは、ドキュメント、Wiki、チケット、Slackに貼り付ける準備ができており、誰も頭の中で解析する必要がありません。

インデントの選択

2スペースと4スペースはどちらも広く使われています。正しい選択は通常チームのスタイルガイドや個人の好みによります。

2スペース

JavaScriptとJSONコミュニティで最も人気の選択。ファイルをコンパクトに保ちながらも読みやすい。npm、ESLint、ほとんどのJSスタイルガイドで使用されています。

4スペース

Python、Java、C#プロジェクトで一般的。より多くの視覚的スペースを提供し、深くネストされた構造で好まれることが多い。

主な使用例

APIレスポンスのデバッグ

生のAPIレスポンスを貼り付けて、完全なデータ構造、ネストされたオブジェクト、配列の内容を読みやすいレイアウトで即座に確認。

設定ファイルの読み取り

圧縮JSONに保存された設定は、整形後は読み書きが簡単になります——あの特定のキーを探す必要がなくなります。

ログ分析

構造化ログにはJSONペイロードが含まれることが多い。個別のログエントリを整形すると原因分析が格段に速くなります。

開発者向けドキュメント

APIドキュメントにわかりやすく整形されたJSONの例を提供することで、開発者がリクエストとレスポンスの形式をすぐに理解できます。

データ探索

未知のデータセットを扱う際、Pretty Printはドキュメントを読まなくてもスキーマ全体——フィールド、型、ネスト——を明らかにします。

テストとQA

テスト失敗時の期待値と実際の値のJSON比較は、一貫したインデントと行ごとの構造があれば格段に容易になります。

ターミナルでのPretty Print

ブラウザツールが常に必要なわけではありません。これらのコマンドは追加のインストールなしにターミナルで直接JSONを整形します。

Python

echo '{"a":1}' | python3 -m json.tool

Node.js

node -e "console.log(JSON.stringify(JSON.parse(require('fs').readFileSync('/dev/stdin','utf8')),null,2))"

CLI (jq)

cat data.json | jq .

curl + jq

curl -s https://api.example.com/data | jq .

よくある質問

What is JSON pretty printing?

JSON pretty printing (also called JSON formatting or JSON beautifying) converts compact, minified JSON into a human-readable layout with consistent indentation and line breaks. It makes nested structures, arrays, and key-value pairs easy to scan and debug.

Pretty Printはデータを変更しますか？

いいえ。空白文字が追加されるだけです——データ、キー、値、順序は変更されません。整形されたJSONファイルは元のファイルと意味的に同一です。

2スペースと4スペース、どちらが良い？

客観的にどちらが優れているわけではありません。2スペースはコンパクトで多くのJavaScriptツールのデフォルトです。4スペースはより多くの視覚的分離を提供します。チームのスタイルガイドが指定するものを使用してください。

無効なJSONを整形できますか？

いいえ——入力はまず有効なJSONである必要があります。末尾のカンマ、シングルクォート、コメント（JSONC/JSON5）がある場合は、先に標準JSONに変換してください。

ブラウザのDevToolsでJSONを整形するには？

Chrome/Firefox DevToolsでは、ネットワークレスポンスパネル下部の{}ボタンをクリックして自動フォーマット。コンソールでJSON.stringify(obj, null, 2)を実行して任意のJavaScriptオブジェクトを整形することもできます。

言語ガイド

Bash JSON ビューア — jless、JQ_COLORS & ターミナルガイド