JSON → TypeScript

JSON から TypeScript インターフェースを自動生成します。スマートな型推論・ネストオブジェクト・配列ユニオン対応。

100%無料・制限なし

Quick start:

ルート名

Declaration

Indent

オプション

JSON Input

TypeScript Output

TypeScript interfaces will appear here

スマート型推論

プリミティブ、配列、ネストされたオブジェクト、ISO日付、null許容フィールドを自動検出し、異種配列には適切なユニオン型を生成します。

名前付きインターフェース

ネストされたオブジェクトはPascalCase命名で個別の名前付きインターフェースになります。配列要素は単数形に変換。インラインの煩雑な型はありません。

本番環境対応

出力にはexportキーワード、設定可能なインデント、readonlyモディファイア、optionalマーカーが含まれます。そのままコードベースに貼り付けられます。

JSONをTypeScriptに変換する方法

The IT Hustle の無料コンバーターで、JSONからプロダクション対応のTypeScriptインターフェースを生成しましょう。

1
JSONを貼り付けるJSONオブジェクトまたは配列を左パネルに入力または貼り付けます。ツールはリアルタイムでバリデーションを行います。
2
オプションを設定するルートインターフェース名を設定し、interfaceと型エイリアスのどちらを使うか選択し、オプションフィールド、readonly、exportキーワードを切り替えます。
3
出力を確認する右パネルには、ネストされたオブジェクトを個別の型として分離したシンタックスハイライト付きのTypeScriptインターフェースが表示されます。
4
プロジェクトにコピーする「コピー」をクリックしてTypeScriptコードをコピーし、.tsファイルに直接貼り付けられます。

はい。ネストされたオブジェクトは個別の名前付きインターフェースとして抽出されます。たとえば、addressフィールドを持つuserオブジェクトからは、UserインターフェースとAddressインターフェースの両方が生成されます。

配列内のすべての要素を分析して型を決定します。同一型の配列はstring[]やnumber[]になり、混在した配列はユニオン型になります。オブジェクトの配列はすべての要素から共通のインターフェースが生成されます。

はい。生成されるインターフェースはTypeScriptの規約に準拠しています。PascalCaseの名前、オプションフィールドの?マーク、きれいなインデントが適用されており、そのままプロジェクトに貼り付けて使用できます。