JSON to TypeScript コンバーター

JSON to TypeScript 変換とは？

サンプル

{"id":101,"name":"Ada Lovelace","email":"ada@example.com","active":true,"roles":["admin","user"]}

{"order":{"id":"A-1","total":42.5,"customer":{"name":"Sam","vip":false}}}

{"users":[{"id":1,"nick":"x"},{"id":2}]}

{"tags":["a","b"],"score":null,"meta":[1,"two"]}

{"login":"octocat","id":1,"public_repos":2,"plan":{"name":"pro","private_repos":50}}

JSONをTypeScriptに変換する方法

1. 1

   JSONを貼り付ける

   JSONオブジェクト・配列・APIレスポンスを入力欄に貼り付けてください。変換は即座に始まります。

2. 2

   出力を調整する

   interfaceまたはtypeを選び、ルート名を設定し、exportを切り替え、オプショナルフィールドに ?: または | null を選択してください。

3. 3

   コピーまたはダウンロード

   生成されたTypeScriptをワンクリックで取得し、コードベースにそのまま貼り付けてください。

変換の仕組み

構造推論

各オブジェクトは名前付きインターフェースになります。同一の形状は重複排除されるため、コピーではなく1つの型が得られます。

配列のマージ

オブジェクトの配列はキーごとにマージされ、一部の要素に存在しないキーはオプショナルとしてマークされます。

100%クライアントサイド

解析と生成はネットワーク通信なしでブラウザ内で実行されるため、データはプライベートに保たれます。

クリーンなTypeScript型のためのヒント

ルート型に名前を付ける

読みやすいコードのために、デフォルトのRootではなく意味のあるルート名（例：User、ApiResponse）を設定してください。

データが疎な場合はnullよりオプショナルを優先する

存在しない可能性があるフィールドには ?: を使い、APIが明示的にnullを返す場合にのみ | null を使ってください。

よくある質問