JSON整形・検証ツール
整形・圧縮・ツリービュー・キー順ソート・パスコピー・ファイルドロップ・URL取得
すべてブラウザ内で完結・登録不要・広告なし
🛒 おすすめグッズ
API開発・データ処理に役立つ本とツール
使い方・特徴
「整形」でインデント付きの読みやすい形式に変換。「圧縮」で1行のミニファイ形式に圧縮。インデントは2スペース・4スペース・タブから選択できます。
整形後にツリー形式で表示。▶ をクリックして折りたたみ／展開。キーや配列番号をクリックすると root.users[0].name 形式のアクセスパスがコピーされます。
JSONファイルをテキストエリアにドラッグ＆ドロップするだけで読み込めます。📁ボタンでファイルダイアログからも選択できます。
APIのエンドポイントURLを入力して「取得」ボタンを押すと、JSONを直接取得して整形します。CORSの制限がある場合は手動コピーが必要です。
「キー順ソート」ですべてのオブジェクトのキーをアルファベット順に並び替えます。JSONの差分比較や構造確認に便利です。
出力パネルの検索ボックスにキーワードを入力すると、一致するキーや値がハイライトされます。大きなJSONでも素早く目的の値を見つけられます。
📋 JSONデータ型早見表
JSONで扱える6つのデータ型と記述ルールのまとめ
| 型 | 記述例 | ポイント | よくあるミス |
|---|---|---|---|
| 文字列 | "hello" / "東京" |
必ずダブルクォートで囲む | シングルクォート 'hello' はNG |
| 数値 | 42 / 3.14 / -1 |
整数・小数・負数すべて対応 | "42" は文字列になる |
| 真偽値 | true / false |
小文字のみ有効 | True / TRUE はNG |
| null | null |
小文字のみ有効。「値なし」を表す | Null / NULL はNG |
| 配列 | [1, "a", true] |
角括弧で囲み、カンマ区切り | 末尾カンマ [1, 2,] はNG |
| オブジェクト | {"name": "太郎"} |
波括弧・キーはダブルクォート必須 | 末尾カンマ・コメント記述はNG |
※ JSONにコメント（// や /* */）は書けません。コメントが必要な場合はJSON5やJSONCなど別形式をご検討ください。
💡 活用シーン
APIレスポンスのJSONを貼り付けて即整形・検証。ツリービューでネスト構造を確認し、目的のキーのパスをコピーして実装に活用。
package.json・tsconfig.json・.eslintrcなどの設定ファイルを整形・確認。キー順ソートで差分管理もしやすくなる。
ログやDBダンプなど大量のJSONデータをツリービューで構造把握。検索機能で目的のキー・値を素早く見つける。
圧縮JSONを整形してコードに貼り付け。キー順ソートで他システムとの差分比較や、コードレビューの準備が簡単に。
ツリービューで入れ子構造を視覚的に理解。エラーメッセージで構文ミスの場所と原因を学びながら修正できる。
パスコピー機能でキーのアクセス方法を即共有。整形済みJSONをダウンロードしてチームに配布・レビュー依頼。
💬 よくある質問
$.users[0].name）はJSONデータ内の特定の値を指し示すためのパス記法です。XPathのJSON版に相当し、多くのプログラミング言語のライブラリやAPIクエリで利用されています。本ツールのパスコピー機能で生成されるパスもこの形式です。// や /* */ などを書くと構文エラーになります。コメントが必要な場合はJSON5・JSONC（VSCode設定ファイルなど）・HJSONなどの拡張形式を使うか、"_comment" などのキーで代替するのが一般的です。