JSONからTypeScriptへ変換
サンプルのJSONを貼り付けるだけで、対応するTypeScriptのinterfaceを自動で生成します。APIのデータを扱うときに、すべてのフィールドの型を一つずつ手で書く必要はもうありません。
JSONからTypeScriptのinterfaceを作る方法
- 左にサンプルのJSONを貼り付けると、右にTypeScriptの宣言が表示されます。
- 必要なら「ルート型の名前」欄で、いちばん外側の型の名前を変えます（例：ApiResponse）。
- コピーボタンで取り出して、コードに貼り付けます。
よくある質問
貼り付けたデータだけから判断します。文字列は string、数値は number、true/false は boolean、入れ子のオブジェクトは別のinterfaceに分けます。
そのフィールドが常にあるとは限らないという意味です。配列に複数のオブジェクトがあり、一部にだけそのフィールドがある場合、省略可能として印を付けます。
string | number のように | でつなぎます。値が null のこともあれば、型に | null も付けます。
空の配列には型を学ぶための要素がありません。手で直すか、配列にデータが入ったサンプルを貼り付けてください。
フィールド名の先頭を大文字にした名前です（user_profile → UserProfile）。配列の要素は末尾に Item が付き、すでに使われている名前には 2、3… と番号が付きます。
いいえ、貼り付けたサンプルの範囲でしか正確になりません。各配列に複数の要素があり、ときどき欠けるフィールドも含むような完全なサンプルを使うと、実際のケースをカバーできます。
いいえ。JSONはあなたの端末上で処理されます。
完全無料で、アカウントも不要です。
関連ツール
JSONからJSON SchemaサンプルJSONからJSON Schemaを生成JSONからZodサンプルJSONからZodスキーマを生成JSON SchemaバリデーターJSONデータがJSON Schemaに合うかチェックJSONからGoの構造体サンプルJSONからGoの構造体を生成JSONからPythonのdataclassJSONからdataclassやPydanticモデルを生成JSONからJavaクラスJSONからJavaのクラスやrecordを生成JSONからKotlinのdata classサンプルJSONからKotlinのdata classを生成JSON エスケープ／アンエスケープテキストとJSON文字列を相互変換JSON整形JSONの整形・圧縮・構文チェック