JSONビューア/エディターとは?

JSON Viewer/Editorは、JSONデータを探索・編集するためのインタラクティブなツリービューを提供します。ネストされたオブジェクトの折りたたみ・展開、値のインライン編集、キーの追加・削除、構造内の検索ができます。複雑なAPIレスポンスや設定ファイルの操作にも向いています。

ツリー表示は各枝を個別に折りたためるので、5,000 行の API レスポンスでも現在地を見失わずに掘り下げられます。値をクリックすると、元の型(文字列・数値・真偽値・null)を保ったままインライン編集できます。パスで検索すれば settings.database.timeout のようなノードへ一気に移動でき、値検索に切り替えれば、メール・ID・ステータスコードなど中身からノードを探せます。

使い方

  1. ステップ1 — JSONデータを貼り付けるか.jsonファイルをアップロードして、折りたたみノード付きのインタラクティブなツリービューに読み込みます。
  2. ステップ2 — 任意の値をクリックしてインライン編集し、ツールバーで新しいキー・アイテムの追加、エントリの削除、またはツリー内の特定のパスを検索します。
  3. ステップ 3 — ツリー表示と素のテキストモードを切り替えます。仕上がったら結果をコピーするか、JSON・YAML・CSV・XML として書き出します。

使用するタイミング

  • 長い Kubernetes 設定や API レスポンスから設定ミスのフィールドを 1 つ探し出すとき。
  • ダンプファイルを git にコミットしたりバグ報告に貼る前に整える。
  • JSON 構造を初心者に教える、ツリービューで入れ子が一目で分かる。

結果

深くネストされた200行のAPI設定を受け取り、5階層下に埋まっている1つの設定を変更する必要があります。ツリービューに読み込み、検索で「timeout」を見つけ、値をクリックして30から60に変更し、更新されたJSONをダウンロードします。

よくある質問

どれくらいの JSON ファイルまでフリーズせずに扱えますか?
5 MB 以下なら滑らかに描画されます。20 MB あたりも動きますが、初回のツリー展開で 1 秒ほど止まります。50 MB を超える場合はストリーミングパーサーを使うか、先にファイルを分割してください。
値を編集すると型が変わるのですか、それともすべて文字列になりますか?
エディタは元の型を維持します。30 を 60 に変えても数値のままです。数値を文字列に変えたい場合はテキストモードに切り替えて手動で引用符を付け、ツリービューに戻ってください。
ツリービューに戻すとなぜエラーが出るのですか?
テキストモードでは自由に入力できるため、構文エラー(引用符のないキー、余分なカンマ、シングルクォート、閉じ忘れの括弧)が生じることがあります。JSON が正しく解析されるまでツリー表示は描画されません。「修復」を押すとよくある誤りを自動で直せます。または、テキスト欄の下に表示される解析エラーを手作業で直して、もう一度お試しください。
すでに子を持つオブジェクトに新しいキーを追加できますか?
できます。親オブジェクトを展開し、その行の「キーを追加」ボタンを押してキー名を入力し、値の型(文字列、数値、オブジェクト、配列など)を選びます。新しい項目はオブジェクトの末尾に追加されます。
貼り付けたデータはどこかに送信されますか?
貼り付けたり入力したり、アップロードしたデータはすべて手元の端末に留まり、どこにも送信されません。外部への通信が発生するのは「URL から読み込み」を使った場合だけで、その通信もご自身の端末から、ご自身が入力したアドレスに直接届きます。機密の設定ファイルや認証トークンが当社のサーバーを通ることは一切ありません。

関連ツール