開発者ツール / 15
JSONからTypeScriptジェネレーター
JSONのオブジェクトや配列を、型安全なTypeScriptのinterfaceまたはtype宣言に変換します。
JSONからTypeScriptジェネレーター: TOEAはJSONの型とネストしたキーを再帰的に解析し、TypeScriptのinterface定義や配列のユニオン型を推論します。 サーバーへのファイルアップロードは一切なく、100%ブラウザ内でローカル実行します。
- カテゴリ
- 開発者ツール
- 実行回数
- ブラウザ内で
- コスト
- 無料 · 登録不要
- 提供状況
- すぐに使えます
1つのサンプルから1つの形を作る
型はサンプルをそのまま表します。nullだったフィールドはnull型になり、空の配列はany[]になります。配列内のオブジェクトは、最初の要素だけを基に形が決まります。これらは手動で編集してください。nullは通常、string | nullなどを意味し、一部のレコードにしか存在しないフィールドはオプショナルにする必要があります。同じキー名を持つネストされた2つのオブジェクトは、キー名に基づく同じインターフェースを共有するため、両方のフィールドに適合するか確認してください。
型はデータを検証しない
TypeScriptの型はコードのコンパイル時に消えます。後からAPIが数値ではなく文字列としてフィールドを送ってきても、実行時に止めるものはなく、エラーは別の場所で発生します。コードの外部から来るデータは、受け取った時点で検証してください。JSON Schemaに対して検証する場合はJSON Schemaバリデーターでテストできます。または、実行時検証ライブラリを使用してください。
単純なデータでは、interfaceとtypeのどちらを使うかはほとんど問題になりません。インターフェースは拡張やマージができ、型エイリアスはユニオンも表現できます。
使い方
- 入力ボックスにJSONペイロードを貼り付けます。
- ルートinterface名、宣言スタイル、オプショナルなフィールドの扱いを設定します。
- 生成されたTypeScriptコードをコピーします。
プライバシーと制限事項
JSONデータはブラウザのRAM内で完全に解析されます。サーバーへのアップロードは一切ありません。
関連ツール
よくある質問
ネストしたオブジェクトに対応していますか?
はい。ネストしたオブジェクトから子interfaceを自動生成します。
interfaceではなくtypeエイリアスを生成できますか?
はい。「宣言スタイル」で'type'を選んでください。
無料ツール · ブラウザ内で · アカウント不要