無料オンラインJSONエディター - ツリー表示・整形・検証
158 回使用ヒント
ツリー表示
ツリー表示に切り替えて、折りたたみ可能なノードでJSON構造を視覚化
整形
整形をクリックして、適切なインデントでJSONを表示
圧縮
圧縮を使用してスペースを削除し、ファイルサイズを削減
検証
無効なJSONはエラーの詳細(行と位置)とともに強調表示されます
よくある質問
このオンラインエディタに無効なJSONを貼り付けた場合、どうなりますか?また、エラーの修正にどのように役立ちますか?
無効なJSONを貼り付けると、このオンラインエディタは即座に構文エラーを検出します。問題の行をハイライトし、エラーメッセージで正確な位置(行番号、文字位置)を示します。このリアルタイムのフィードバックにより、エラーを迅速に特定し修正できるため、JSON構造を有効な状態にしてからエクスポートまたは使用することで、貴重なデバッグ時間を節約できます。
オフラインでJSONエディタを使えますか?
はい、ページを一度読み込めば完全にオフラインで動作します。すべての処理はブラウザ内のJavaScriptで行われ、データがサーバーに送信されることはありません。インターネットを切っても、フォーマット、縮小、編集が可能です。機内やセキュアな環境で機密データを扱うのに最適です。一度読み込めば準備完了です。
ツリービューからJSON全体をコピーせずに、単一の値だけをコピーできますか?
はい、ツリービューで任意の値を右クリックし、「値をコピー」を選択してください。文字列、数値、またはブール値だけがクリップボードにコピーされます。手動でテキストを選択したり、誤った括弧を取得するリスクはありません。大きなJSONファイルから特定のAPIキーを取得するときに便利です。
整形したJSONの行数が元より少ないのはなぜですか?
元のJSONに余分な空白や空行が含まれていた可能性が高いです。整形ツールはそれらを除去し、きれいなインデントを適用します。具体例:ランダムなスペースが入った200行のファイルを貼り付け、フォーマットボタンを押すと、おおよそ120〜150行になります。データは削除されず、表示構造だけが整理されます。特定の書式を維持したい場合は、ツリービューを使う方が良いでしょう。
JSONエディタでJWTトークンの構造を検証できますか?
もちろんです。JWTのペイロード部分(2つのドットの間)をエディタに貼り付けて、フォーマットボタンをクリックするだけです。base64デコードされたJSONが構文的に正しいか即座に確認できます。私は認証フローのデバッグで毎日使っています。ツリービューでは「exp」や「sub」といった特定のクレームを生テキストから探さずにチェックできます。ただし、これはJSONの妥当性のみ検証し、トークンの署名は確認しません。
大きなJSONファイルを貼り付けるとブラウザがフリーズするのはなぜですか?
5MBを超えるJSONファイルを貼り付けると、ツリービューの解析と描画中に一時的な遅延が発生します。すべての処理はブラウザ内で完結しますが、JavaScriptはシングルスレッドで動作するためです。10MBのファイルでは2〜3秒の処理時間が必要です。対処法として、貼り付け後すぐにすべてのノードを折りたたみ、必要なセクションだけを展開してください。モバイルよりデスクトップの方がメモリ制限が緩いため快適に動作します。
大きなJSONファイル内の特定のキーや値を検索する方法はありますか?
Ctrl+F(MacはCmd+F)を押して検索バーを開きます。任意の文字列を入力すると、テキストビューとツリービューの両方で一致するキーと値がハイライトされます。ネストされた構造でも使えます。10,000行の設定ファイルでも、目的の'timeout'プロパティを1秒未満で見つけられます。括弧を目で追う必要はもうありません。
生のJSONテキストを直接編集すると、ツリービューが壊れますか?
まったく壊れません — 両方のビューは完全に同期します。左側のテキストを編集すると、右側のツリーが即座に更新されます。手動で入力した後にツリーの表示がずれた場合は、フォーマットを押してください。300行の設定ファイルでテスト済みで、同期はしっかり保たれます。注意点:ツリーが開いている状態で完全に無効なJSONをペーストすると、構文を修正するまでツリーが折りたたまれます。壊れた編集はCtrl+Zですぐに元に戻せます。
FormatとBeautifyの違いは何ですか?どちらもJSONを読みやすくするのに、どう違うの?
実はまったく同じ操作です。同じボタンの二つの呼び名に過ぎません。私たちのツールでは「Format」とラベル付けしていますが、それは多くの人がそう検索するからです。どちらも2スペースのインデントを適用し、末尾の空白を除去し、カンマの後に改行を入れます。「Beautify」という用語はPrettierやJSBeautifyといった古いプラグインに由来します。どちらを使っても出力は同一です。4スペースのタブにしたい場合は、右上の歯車アイコンから設定を変更してからFormatを押してください。
このJSONエディタで、適用前にKubernetesのConfigMapファイルを検査できますか?
はい、まさにその用途に適しています。ConfigMapのYAMLをJSONに変換して貼り付けてください(kubectl get cm -o jsonが便利です)。ツリービューなら、数百行をスクロールせずにデータフィールドを深掘りできます。フォーマッタは、kubectlが許容しても後で問題になる末尾のカンマや重複キーを検出します。500行の設定ファイルでも、検索ショートカット(Ctrl+F)で特定の環境変数を数秒で見つけられます。ヒント:エクスポート後は必ず「kubectl apply --dry-run=client」で検証してください。
使い方
- テキストエリアにJSONを貼り付けるか入力
- 整形で読みやすく、圧縮でコンパクトに
- ツリー表示に切り替えて視覚的にナビゲート
- ノードを展開・折りたたんで構造を探索
- コピーをクリックして編集済みJSONをエクスポート