UTILS.
プライバシーを標準に
TS

JSON → TypeScript 変換

JSONサンプルから型を再帰的に推論し、TypeScriptのインターフェースを生成します。

ファイルはこの端末に残ります

ファイルはブラウザ内で処理され、アップロードされません。ツールの実行に必要なコードと素材はダウンロードされます。アカウントも追跡もありません。

ダウンロードを使うと、このツールを1つのHTMLファイルに保存してオフラインで使えます。

プライバシー →
出力

具体例を試す

例

[{"id":1},{"id":2,"note":"late"}] を貼り付けます。結果は type Root = RootItem[]; と、id: number と note?: string を持つインターフェース RootItem です。最初の要素に note がないため、note は省略可能になります。

注意点

型は貼り付けたサンプルだけから推定されます。ここで文字列のフィールドが他のレスポンスでは null になることもあり、数値は整数と小数に区別されません。結果は API のドキュメントと照らし合わせてください。

このツールについて

API レスポンスなどの JSON サンプルを貼り付けると、対応する TypeScript インターフェースをブラウザー内だけで生成します。配列の要素はすべて調べられ、一部の要素にないフィールドは省略可能になり、型の異なる値はユニオン型になります。

よくある質問

ネストされたオブジェクトはどう扱われますか?
入れ子のオブジェクトはそれぞれ独立したインターフェースになり、キー名を PascalCase にした名前が付きます。配列内のオブジェクトには TagsItem のように Item が付きます。
配列はどう型付けされますか?
すべての要素を調べます。オブジェクトは 1 つのインターフェースにまとめられ、一部にないフィールドは ? で省略可能になり、混在する値は (string | number)[] のようなユニオン型になります。空の配列は unknown[] になります。

その他のツール