開発者ツール / 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のどちらを使うかはほとんど問題になりません。インターフェースは拡張やマージができ、型エイリアスはユニオンも表現できます。

使い方

  1. 入力ボックスにJSONペイロードを貼り付けます。
  2. ルートinterface名、宣言スタイル、オプショナルなフィールドの扱いを設定します。
  3. 生成されたTypeScriptコードをコピーします。

プライバシーと制限事項

JSONデータはブラウザのRAM内で完全に解析されます。サーバーへのアップロードは一切ありません。

関連ツール

よくある質問

ネストしたオブジェクトに対応していますか?

はい。ネストしたオブジェクトから子interfaceを自動生成します。

interfaceではなくtypeエイリアスを生成できますか?

はい。「宣言スタイル」で'type'を選んでください。

無料ツール · ブラウザ内で · アカウント不要