JSON整形・検証
JSONデータをブラウザ上だけで整形・検証・閲覧できます。
このエディタはサイトのダークモードに関わらず、独自のライトテーマを維持します。ページに埋め込まれたコードエディタによくある挙動です。
修復では、コメント、シングルクォート、末尾のカンマ、引用符なしのキー、Python の定数、NDJSON を修正します。共有リンクは JSON を URL のハッシュ部分だけに保持します。
JSON からコードを生成
JSON Schema(生成と検証)
JSONPath クエリ
対応構文:$ .key ['key'] [0] [-1] [*] .* ..(再帰)[0,2] [1:3] [?(@.price < 10)]
JSONの整形・検証をローカルで行う理由
開発者の日常にはJSONが絶えず登場します。改行のない圧縮されたAPIレスポンス、誰かが手作業で読めない1行に押し込んでしまった設定ファイル、夜11時にデバッグしながら1つ余分なカンマを探し続けるペイロード。多くのオンライン「JSON整形」ツールは、貼り付けたテキストをまずサーバーへ送信することで可読性の問題を解決しています。そのJSONにAPIキーやアクセストークン、顧客の個人情報が含まれているかもしれないことを考えると、これは気持ちの良いトレードオフではありません。
このツールはどこにも何も送信しません。jsoneditorというJavaScriptライブラリの上に構築されており、JSONの解析と再描画はすべてブラウザのメモリ内だけで行われます。解析、整形表示、構文チェックはすべてブラウザ自身のJavaScriptエンジンを使ってローカルで行われるため、間にサーバーは一切介在せず、ここに貼り付けたものが端末の外に出ることはありません。
テキストモードでJSONをエディタに貼り付け、ツールバーのFormatボタンで整形表示するか、Compactボタンで1行に圧縮してください。JSONに構文エラー(余分なカンマ、閉じ忘れた引用符、対応していない括弧など)がある場合、ドキュメント全体を目で追う必要なく、エディタが正確な行番号付きの明確なエラーメッセージとともに即座にハイライトします。「エラー行に移動」ボタンを押せば該当行へ直接ジャンプして選択状態にしてくれるので、長いファイルの中を探し回る必要はありません。上部のドロップダウンメニューからツリーモードに切り替えると、同じデータを折りたたみ可能な対話式ツリーとして閲覧できます。入れ子になったオブジェクトや配列を展開・折りたたみしたり、個々の値をその場で編集したり、フィールドを並べ替え・削除したりでき、変更は再びテキストモードに戻した瞬間にテキストへ反映されます。
この組み合わせは、日々のJSON関連作業のほとんどをカバーします。APIレスポンスをドキュメントに貼り付ける前に整理したり、設定ファイルをコミットする前に検証したり、深くネストされたペイロードをどの配列にいるか見失うことなく探索したりできます。別の形式でデータが欲しいときは、エディタ下部のボタンで現在のJSONをそのままXML・YAML・CSVに変換できます。同僚のスクリプトがYAML設定ファイルを必要とする場合や、表計算ソフトがネストしたJSONではなくフラットな行と列を必要とする場合に便利で、変換結果はその場に表示されるのでコピーもダウンロードもすぐに行えます。すべてがブラウザのタブ内だけに存在するため、タブを閉じればエディタの内容は完全に消去されます。保存された履歴や下書きを気にする必要はなく、扱っているJSONが機密情報かもしれないときにこそ望ましい挙動です。
よくある質問
JSON を生のテキストではなく、折りたたみ可能なツリーで表示できますか?
はい。テキストモードと、展開・折りたたみができるインタラクティブなツリービューを切り替えられます。
JSON の構文エラーの場所を正確に教えてくれますか?
はい。エラーメッセージに行番号が含まれ、ボタンひとつでカーソルをその位置に移動できます。
JSON を他の形式に変換できますか?
はい。同じデータを XML、YAML、CSV として書き出せます。