最近使用したツールはありません
お気に入りはまだありません

無料オンラインJSONエディター - ツリー表示・整形・検証

335 回使用
- - -

ヒント

ツリー表示
ツリー表示に切り替えて、折りたたみ可能なノードでJSON構造を視覚化
整形
整形をクリックして、適切なインデントでJSONを表示
圧縮
圧縮を使用してスペースを削除し、ファイルサイズを削減
検証
無効なJSONはエラーの詳細(行と位置)とともに強調表示されます

よくある質問

Q JSONエディタでJWTトークンの構造を検証できますか?
A もちろんです。JWTのペイロード部分(2つのドットの間)をエディタに貼り付けて、フォーマットボタンをクリックするだけです。base64デコードされたJSONが構文的に正しいか即座に確認できます。私は認証フローのデバッグで毎日使っています。ツリービューでは「exp」や「sub」といった特定のクレームを生テキストから探さずにチェックできます。ただし、これはJSONの妥当性のみ検証し、トークンの署名は確認しません。
Q 大きなJSONファイルを貼り付けるとブラウザがフリーズするのはなぜですか?
A 5MBを超えるJSONファイルを貼り付けると、ツリービューの解析と描画中に一時的な遅延が発生します。すべての処理はブラウザ内で完結しますが、JavaScriptはシングルスレッドで動作するためです。10MBのファイルでは2〜3秒の処理時間が必要です。対処法として、貼り付け後すぐにすべてのノードを折りたたみ、必要なセクションだけを展開してください。モバイルよりデスクトップの方がメモリ制限が緩いため快適に動作します。
Q 大きなJSONファイル内の特定のキーや値を検索する方法はありますか?
A Ctrl+F(MacはCmd+F)を押して検索バーを開きます。任意の文字列を入力すると、テキストビューとツリービューの両方で一致するキーと値がハイライトされます。ネストされた構造でも使えます。10,000行の設定ファイルでも、目的の'timeout'プロパティを1秒未満で見つけられます。括弧を目で追う必要はもうありません。
Q 生のJSONテキストを直接編集すると、ツリービューが壊れますか?
A まったく壊れません — 両方のビューは完全に同期します。左側のテキストを編集すると、右側のツリーが即座に更新されます。手動で入力した後にツリーの表示がずれた場合は、フォーマットを押してください。300行の設定ファイルでテスト済みで、同期はしっかり保たれます。注意点:ツリーが開いている状態で完全に無効なJSONをペーストすると、構文を修正するまでツリーが折りたたまれます。壊れた編集はCtrl+Zですぐに元に戻せます。
Q FormatとBeautifyの違いは何ですか?どちらもJSONを読みやすくするのに、どう違うの?
A 実はまったく同じ操作です。同じボタンの二つの呼び名に過ぎません。私たちのツールでは「Format」とラベル付けしていますが、それは多くの人がそう検索するからです。どちらも2スペースのインデントを適用し、末尾の空白を除去し、カンマの後に改行を入れます。「Beautify」という用語はPrettierやJSBeautifyといった古いプラグインに由来します。どちらを使っても出力は同一です。4スペースのタブにしたい場合は、右上の歯車アイコンから設定を変更してからFormatを押してください。
Q このJSONエディタで、適用前にKubernetesのConfigMapファイルを検査できますか?
A はい、まさにその用途に適しています。ConfigMapのYAMLをJSONに変換して貼り付けてください(kubectl get cm -o jsonが便利です)。ツリービューなら、数百行をスクロールせずにデータフィールドを深掘りできます。フォーマッタは、kubectlが許容しても後で問題になる末尾のカンマや重複キーを検出します。500行の設定ファイルでも、検索ショートカット(Ctrl+F)で特定の環境変数を数秒で見つけられます。ヒント:エクスポート後は必ず「kubectl apply --dry-run=client」で検証してください。
Q JSONエディタでJSONをCSVやXMLに直接変換できますか?
A ワンクリックではできませんが、2ステップの回避策があります。JSONを貼り付けて「フォーマット」を押し、エクスポートメニューからCSVかXMLを選べば、フラットな配列もネストされた配列も即座に変換されます。深く入れ子になったオブジェクトは、'user.address.city'のようなキーが自動的にフラット化されます。先週、1,000行のAPIレスポンスを約3秒でCSVに変換しました。1つ注意点:オブジェクト構造が混在する配列は空セルになる可能性があるので、保存前に最初の数行を確認してください。
Q 圧縮されたJSONデータを自動で整形できますか?
A 500行ある最小化されたAPIの応答をそのまま入力欄に貼り付けてみてください。パーサーが不要な空白をすぐに削除し、きれいなインデントを再構築します。デスクトップアプリをインストールしなくても、1秒未満で読みやすいコードを確認できます。歯車アイコンをクリックして、インデントのスペース数を変更することも可能です。
Q 貼り付けたAPIのレスポンスが外部サーバーに送信されることはありますか?
A すべての処理がブラウザ内のJavaScriptで実行されるため、データが外部へ送信されることはありません。50MBの顧客データでも、プライバシーやコンプライアンスの心配なく貼り付け可能です。リモートDBに保存されないため、機密性の高い本番ペイロードも安心してテストできます。貼り付け直後にWi-Fiを切断しても、エディターは問題なく動作します。
Q ネストされた配列のデータ型エラーを修正するには
A ネストされた配列で文字列の数値が混ざると、ダウンストリームのパーサーが停止します。データを貼り付けてツリービューのアイコンを確認してください。文字列には引用符が付き、整数は青色で表示されます。「100」という誤った文字列を数秒で見つけられます。昨日、本番デプロイの前にこの方法でバグを防ぎました。値を直接クリックするだけでインライン編集が可能です。

使い方

関連ツール