JSON TypeScript変換

JSONのレスポンスを貼り付けると、そのままコードに取り込めるTypeScriptのインターフェースを生成します。入れ子のオブジェクトはそれぞれ名前付きのインターフェースになり、オブジェクトの配列は統合されて一部の項目にないフィールドは省略可能として扱われ、ときどきnullになる値は | null のユニオン型になります。変換はブラウザ内で行われるため、非公開のAPIデータがどこかにアップロードされることはありません。

使い方

1. 代表的なJSONのサンプルを貼り付けます。配列に複数の項目が入っているサンプルが理想的です。
2. 最上位の型の名前を設定します（既定値はRoot）。
3. interfaceかtypeエイリアスかを選び、exportを付けるかどうかを選びます。
4. 結果をコピーして、変更したい型名があれば書き換えます。

計算式

string → string · number → number · true/false → boolean · null → null · [ … ] → T[] · { … } → interface

すべての値を調べ、同じ位置で見つかった型を統合します。配列内の一部のオブジェクトにしかないキーには ?（省略可能）が付きます。同じ位置に異なる型があると、string | number のようなユニオン型になります。形が同じオブジェクトは1つのインターフェースを共有し、配列項目の型名はキーの単数形から付けます（orders → Order）。重複したキーと、有限の安全な整数の範囲外の数値は拒否し、その他の小数はJavaScriptの精度に従います。

計算例

サンプルのユーザーレコードからは3つの宣言が生成されます。Root には id: number、name: string、tags: string[]、address: Address、orders: Order[]、manager: null があります。Address には street、city、postcode があり、すべて文字列です。Order には id: string、total: number、items: number、coupon?: string があります。クーポンがあるのは2件目の注文だけなので、省略可能になります。