JSON
{"a":1}TypeScript
export interface RootObject { a: number }開発者ツール
JSON から TypeScript インターフェースを生成
ブラウザ内のJSONからTypeScriptインターフェースの定義を推測できます。ネストされたオブジェクトは別々のインターフェースとなり、ルート名、オプションフィールド、読み取り専用、エクスポート、型エイリアスのオプションが用意されます。
TypeScriptJSON開発者
このツールをお気に入りに
お気に入りの保存方法がまだ選ばれていません。
クイック操作
このツールの URL をコピーするか、対応端末ではシステムの共有シートを開けます。
开发工具
JSON → TypeScript インターフェース
0 个接口
等待输入
已复制
利用シーン
- APIの応答JSONからフロントエンド型を埋めます
- 手書きでタイプを書く際のフィールドの抜けや誤ったタイプを避ける
- サンプルペイロードを共有DTO定義に変換する
使い方
- JSONデータを貼り付ける
- ルートインターフェース名を設定し、必要に応じてオールオプションに切り替えてください
- 生成されたインターフェースコードをコピーします
入出力サンプル
FAQ
もしフィールド名が有効な識別子でなかったらどうしますか?
数字で始まる名前は接頭辞で正規化され、出力がコンパイルされます。生成後に特別なフィールドをレビューします。
ネストされたオブジェクトはどのように扱われますか?
各ネストされたオブジェクトは相互参照を持つ独自のインターフェースとなります。配列は要素タイプから推論されます。
ツール
関連ツール
近い用途の翻訳済みツールへ続けて進めます。
JSON → Zod スキーマ
JSONサンプルからZodスキーマを生成する
ブラウザのサンプルJSONからZodスキーマを推定し、TypeScriptの検証コードを出力します。ネストされたオブジェクトや配列もサポートされており、オプションで厳密モードやz.infer型エクスポートも利用できます。API検証作業に便利です。
JSON TypeScript ゾッド
JSON → Go 構造体
JSON から json タグ付き Go 構造体を生成
JSONをGoの構造体に変換し、jsonタグ、ネスト型、スライス処理を組み合わせます。APIレスポンスからバックエンドモデルをドラフトするのに便利です。
JSON 行け 構造体
JSON フォーマッター
JSON フォーマット・検証オンライン
ブラウザ上で JSON の整形、圧縮、キー並び替え、構文検証ができます。解析エラーでは位置情報を表示し、データはページ外に送信されません。
JSON フォーマッター 開発者