JSON から TypeScript

サンプルJSONから TypeScript のインターフェースを生成します。

JSONはすべてブラウザ内で解析・変換されるため、端末上に留まり、サーバーへ何もアップロードされません。

Go・Rust・Pythonの型が必要ですか？JSON to Codeをお試しください。

JSON から TypeScript について

このJSON to TypeScriptコンバーターは、サンプルのJSONオブジェクトや配列を、すぐに使えるTypeScriptインターフェースに数秒で変換します。実際のAPIレスポンスを貼り付けると、フィールド型を推論し、子オブジェクトを独自の名前付きインターフェースにネストし、オブジェクトの配列を1つの形にまとめ、一部の項目にないキーをクエスチョンマーク付きのオプショナルとして示します。フロントエンド・バックエンドの開発者、QAエンジニア、型付きクライアントを組む人など、手書きするよりJSONからTypeScript型を生成したいすべての人のために作られています。見慣れないエンドポイントを探索する際の手軽なTypeScriptインターフェース生成ツールとして、あるいはモデルをサンプルの中身と同期させ続けるためにお使いください。すべてはブラウザ内でローカルに動作するため、貼り付けたJSONはご自身の端末で処理され、サーバーへ何もアップロードされません。

機能

JSON から TypeScript の使い方

  1. JSONオブジェクトまたは配列を入力ボックスに貼り付けます。
  2. ルートインターフェース名をモデルに合わせて設定するか、Rootのままにします。
  3. 出力パネルで生成されたTypeScriptインターフェースを確認します。
  4. 結果をコピーするか .ts ファイルとしてダウンロードします。

例

入力

{ "id": 1, "name": "Ada", "tags": ["a", "b"] }

出力

export interface Root {
  id: number;
  name: string;
  tags: string[];
}

フラットなJSONオブジェクトが単一の型付きインターフェースになります。

よくあるエラーとトラブルシューティング

よくある質問

JSON to TypeScriptコンバーターとは何ですか。
サンプルのJSONオブジェクトや配列を読み取り、各フィールドの型を推論して対応するTypeScriptインターフェースを生成するツールで、結果をそのままコードベースに組み込めます。
JSONをTypeScriptインターフェースに変換するには。
JSONを入力ボックスに貼り付け、必要に応じてルートインターフェース名を設定し、出力パネルから生成されたインターフェースをコピーまたはダウンロードします。
JSON to TypeScriptはオブジェクトの配列をどう扱いますか。
すべての要素のキーを1つのインターフェースにまとめます。一部の要素にないキーはクエスチョンマーク付きのオプショナルとして示され、型が配列全体を網羅します。
ネストしたオブジェクトはどうTypeScriptに変換されますか。
各ネストオブジェクトはパスカルケース名の独立したエクスポート済みインターフェースになり、親は形をインライン化せずに型で参照します。
nullや複数型の値はどうなりますか。
null値はnullとのユニオンを生成し、複数のプリミティブ型を持つフィールドは string | number のようなユニオンになります。
JSONをTypeScriptに変換するとき、JSONはどこかに送信されますか。
いいえ。JSON to TypeScriptの変換は完全にブラウザ内で動作するため、貼り付けたデータはローカルで処理され、端末から外に出ることはありません。

関連ツール

すべての ArrayKit ツール