JSON から TypeScript へ

無料の JSON から TypeScript へのコンバーター。ネストされたオブジェクト、配列、および共用体を使用して JSON からインターフェイスまたは型を生成し、自動的に推論します。結果をコピーします。サインアップは必要ありません。

ネストされたオブジェクト、配列、共用体、およびオプションのプロパティが自動的に推論され、JSON を TypeScript インターフェイスまたは型に瞬時に変換します。

Share
カテゴリ
開発者ツール
含まれるもの
6の特徴
アクセス
無料 · サインアップなし
プライバシー
ブラウザで実行
JSON から TypeScript へ

Loading JSON to TypeScript......

Please wait a moment

使用方法

JSON から TypeScript への使い方

  1. 01

    JSON を貼り付け

    オブジェクトまたはデータ配列をドロップします。

  2. 02

    オプションを設定する

    インターフェイスまたはタイプを選択し、ルートに名前を付け、nullable をオプションとしてマークします。

  3. 03

    種類を確認する

    ネストされたインターフェイスは自動的に生成されます。

  4. 04

    コピー

    TypeScript をプロジェクトにコピーします。

ユースケース

一般的な使用例

  • API 応答をすばやく入力します
  • JSON フィクスチャからモデルを生成する
  • 構成ファイルのインターフェースを作成する
  • 新しい統合のブートストラップ タイプ
概要

実際のデータからの型付きモデル

API 応答に一致する TypeScript インターフェイスを手書きするのは面倒で、エラーが発生しやすくなります。 JSON ペイロードを貼り付けると、このツールは構造を調べて、正しく型指定されたフィールド、オブジェクトのネストされたインターフェイス、および配列要素の型を含む一致するインターフェイス (または型エイリアス) を生成します。混合配列は共用体型になるため、モデルはデータを正確に反映します。

出力を自分のスタイルに合わせて調整する

インターフェイスを発行するかタイプ エイリアスを発行するかを選択し、ルート タイプに名前を付け、必要に応じて null 許容フィールドをオプションとしてマークします。生成されたコードはライブで更新され、プロジェクトに貼り付ける準備ができています。すべてブラウザ内で実行されるため、プライベート API ペイロードと内部スキーマがマシンから流出することはありません。

特徴
01
インターフェイスまたは型エイリアスの生成
02
ネストされたオブジェクトと配列を処理します
03
混合配列から共用体型を推測します
04
Null のオプションのプロパティ
05
カスタムルートタイプ名
06
ローカルで実行 - コードはアップロードされません
よくある質問

よくある質問

JSON を TypeScript インターフェイスに変換するにはどうすればよいですか?+

JSON を貼り付けると、ツールは一致するインターフェイスを即座に生成し、オブジェクトのネストされたインターフェイスを作成し、配列要素の型を推測します。それをコードに直接コピーします。

ネストされたオブジェクトや配列を処理できますか?+

はい。ネストされたオブジェクトは独自の名前付きインターフェイスになり、配列はその要素によって型指定されます。混合型の配列は、(string |number)[] のような共用体を生成します。

インターフェイスの代わりに型エイリアスを取得できますか?+

はい — 「インターフェイス」宣言の代わりに「タイプ」エイリアスを発行するオプションを切り替え、プロジェクトに合わせてルート タイプの名前を変更します。

私の JSON はどこかにアップロードされていますか?+

いいえ。解析と生成は完全にブラウザ内で行われるため、機密ペイロードがデバイスから流出することはありません。