JSON 入力
表示中
ノード詳細
ノードを選択すると詳細が表示されます
任意の JSON を TypeScript interface/type に変換。
ノードを選択すると詳細が表示されます
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でライブ検索 — ワイルドカード、再帰下降、スライス、フィルタ。
Elements of heterogeneous arrays merge into one interface; fields missing from some elements become optional with ?
Fields holding mixed string/number/null values collapse into precise union types like string | null.
Switch between interface and type alias output with one checkbox — root name is fully customizable.
Tweak the JSON in the Tree or Table view and the generated TypeScript updates instantly.
Insert an API response or any JSON document into the input panel.
The TypeScript interface appears in the dedicated TS tab — adjust the root name or switch to a type alias.
Copy the definitions to your clipboard or download them as a ready-to-use types.d.ts file.
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のファイルでブラウザのメインスレッドがフリーズ |
When an array contains objects where a key is missing in some elements, that key is emitted with a ? marker.
Yes. Nested objects are rendered as inline object type literals, and arrays of objects merge into a single element type.
interface supports declaration merging; type aliases are more flexible for unions. The tool outputs either with one click.
A field observed as both string and null becomes a union type string | null, never silently dropped.
No. Type inference runs entirely in your browser — perfect for private API payloads.