様々なデータ形式間の変換ツール
JSONデータ構造をTypeScriptインターフェースまたは型に自動変換します。
APIレスポンスの型定義や設定ファイルの型生成に便利です。
型の自動推論(string、number、boolean、null)
ネストされたオブジェクトの自動分離
配列型の処理
null値 → オプショナルプロパティ変換
ルートインターフェース名を意味のある名前に設定してください
APIレスポンスにはexportオプションを有効にしてください
不変データにはreadonlyオプションを使用してください
JSON to TypeScript変換器は、JSONデータ構造を分析してTypeScriptインターフェースまたは型エイリアスを自動生成するツールです。APIレスポンスまたは設定ファイルのJSONデータを貼り付けると、ネストされたオブジェクトを自動的に分離し、型を推論して、すぐに使用可能なTypeScript型定義コードを生成します。
JSONを入力
左側のエディターに変換するJSONデータを入力するか、サンプルデータを読み込みます。
オプションを設定
ルートインターフェース名、出力形式(interface・type)、export、readonly、nullの処理オプションを設定します。
結果を確認
右側のエディターに変換されたTypeScriptコードがリアルタイムで表示されます。
コピーまたはダウンロード
コピーボタンでクリップボードへコピーするか、ダウンロードボタンで.tsファイルとして保存します。
interfaceは拡張(extends)と宣言のマージに対応しており、ライブラリの型定義に適しています。typeはユニオンやインターセクションなど、より柔軟な型の組み合わせが可能です。APIレスポンスの型にはinterface、ユーティリティ型にはtypeがよく使われます。
配列内の要素型を分析し、ユニオン型へ変換します。たとえば[1, 'hello']は(number | string)[]へ変換されます。
「null → オプショナルプロパティ」を有効にすると、null値を持つフィールドがオプショナルプロパティ(?)へ変換されます。無効の場合はnull型がそのまま維持されます。
ネストされたオブジェクトは、別のインターフェース・型へ自動的に分離されます。たとえばaddressフィールド内にオブジェクトがある場合、Addressインターフェースが別途生成されます。