JSON 入力
表示中
ノード詳細
ノードを選択すると詳細が表示されます
任意のJSONをJSONPathでライブ検索 — ワイルドカード、再帰下降、スライス、フィルタ。
ノードを選択すると詳細が表示されます
JSON の整形・検証・探索 — 100% クライアント側処理、プライバシー重視
XML を貼るだけでクリーンな JSON に — 属性・繰り返し要素・テキストノードも正確に処理
CSV 行をオブジェクトの JSON 配列に変換 — クォートフィールド・区切り文字・型も自動処理
ネストした JSON をクリーンな CSV 列に平坦化 — Excel 対応の .csv をワンクリックでダウンロード
JSON を 1 行に圧縮し、削減できたバイト数をリアルタイムで確認
2 つの JSON ドキュメントを意味的に比較 — キー順と空白は差分にカウントされません
埋め込み用に JSON 文字列をエスケープ、または文字列化ログを読みやすい JSON に復元
壊れた JSON、JSON5、JS オブジェクト、切り詰められた LLM 出力をワンクリック修復。
任意の JSON を TypeScript interface/type に変換。
K8sやComposeのYAMLをJSONに変換し、ビジュアル編集も可能。
任意のJSONから読みやすいYAMLを生成。
JSONを整形式XMLに変換 — @_属性・繰り返し要素・テキストノード対応。
サンプルJSONから標準スキーマを推論。
任意のJSONをJSONPathでライブ検索 — ワイルドカード、再帰下降、スライス、フィルタ。
Search every level of the document at once — $..price finds price fields wherever they hide.
Conditions like [?(@.price < 20)] or [?(@.inStock == true)] with && and || support.
Negative indices, [0:2] slices and multi-index [0,2] selection, plus * wildcards on objects and arrays.
Toggle path display to see exactly where each match lives — $.store.books[3].title style output.
Drop any JSON document into the input panel — the tree parses instantly.
Type an expression or click a preset — results refresh live as you type.
Copy matched values (or paths) to the clipboard for queries, tests or docs.
formatjson.net と従来のサーバー送信型 JSON ツールの違い
| 機能・技術仕様 | formatjson.net（100% ブラウザ内完結） | 従来のサーバー処理型ツール |
|---|---|---|
| データ処理場所とプライバシー | 100% ブラウザ内の JavaScript で完結 — データが外部に送信されることはありません | JSON/XML/CSV をリモートサーバーへアップロードして処理 |
| API キー・JWT・機密データの安全性 | 通信ゼロの安全設計 — Service Worker によりオフライン環境でも動作 | サーバーログへの記録や情報漏洩のリスク |
| 壊れた JSON・LLM 途切れ出力の自動修復 | 字句解析ステートマシンがコメント、シングルクォート、末尾カンマ、未閉じ括弧を1クリック修復 | 非標準の JSON では構文エラーで停止 |
| 64bit Snowflake ID と先頭ゼロの保護 | 2^53 - 1 を超える長整数や "00123" などの文字列を精度劣化なしで保持 | 64bit 整数の丸め誤差や先頭ゼロの消失が発生 |
| 深いネスト配列のテーブル展開 | ピル（[n items] →）クリックで階層ドリルダウン、パンくず移動、ソート、セル直接編集に対応 | ルート階層のみのフラット表または閲覧専用ツリー |
| 大容量ファイルの高速描画 | 200件単位の遅延描画ツリー + ページ分割テーブル + 150KB ハイライト保護 | 数MBのファイルでブラウザのメインスレッドがフリーズ |
Dot notation $.a.b, bracket keys ['a b'], wildcards [*], recursive descent .., negative indices, slices [s:e:step], multi-index [0,2] and filters [?(@.x > 1)] including existence checks, =~ regex and && / ||.
Use $.store.books[?(@.price < 20)] — the filter evaluates @ against each array element.
Every descendant node in the document — handy to explore unknown structures quickly.
Enable "Include matched paths" to output [{ path, value }] objects with full JSONPath locations.
Yes — a custom zero-dependency evaluator runs entirely in your browser.