← すべてのテキストツール

JSONからTypeScript

サンプルJSONからTypeScriptインターフェースを生成。省略可能フィールドとネスト型に対応。

  • 無料
  • 登録不要
  • どの端末でも使える

約JSONからTypeScript

サンプルのJSONを貼り付けると、入れ子のオブジェクトを別々の型にし、配列を要素の型で表したTypeScriptのインターフェースが得られます。配列の一部の項目にないフィールドは、疑問符でオプションにできます。APIレスポンスの型付けを素早く始められ、あとで手作業で調整できます。

JSONからTypeScriptの使い方

  1. サンプルのJSONレスポンスを貼り付けてください。
  2. ルート型の名前と、オプションのフィールドのオプションを設定してください。
  3. TypeScriptのインターフェースを、コードにコピーしてください。

このツールを使う理由

別名

よくある質問

APIのデータにはinterfaceとtypeのどちらを使うべきですか?

プレーンなオブジェクトならどちらでも使えます。interfaceはオブジェクトの形によく使われ、拡張でき、typeエイリアスはユニオンに適しています。このツールはinterfaceを出力します。

すべてのフィールドが必須になるのはなぜですか?

ツールは、与えられたサンプルしか見ません。フィールドが欠ける可能性がある場合は、それがない2つ目のサンプルを追加するか、疑問符で手動でオプションとして指定してください。

混在した項目の配列には、どのように型が付けられますか?

混在した配列は、通常、項目の形のユニオン型になります。結果を確認して、データがより具体的な場合は、絞り込んでください。

JSONからTypeScriptは無料ですか?

はい。ToolipediaのJSONからTypeScriptは無料で、登録不要、透かしもありません。

安全に使えますか?

はい。すべての計算はブラウザ内で行われ、入力した内容が当社サーバーに送信されることはありません。

スマートフォンでも使えますか?

はい。AndroidやiPhoneの最新ブラウザのほか、タブレットやパソコンでも使えます。インストールは不要です。

アカウントは必要ですか?

いいえ。ページを開いてツールを使うだけです。登録もメールアドレスも不要です。

JSONからTypeScript を自分のサイトに置けますか?

はい。ツールの下にある「サイトに埋め込む」ボタンで短いコードをコピーし、ページに貼り付けてください。無料でアカウントも不要、ツールはページ内でそのまま動作します。

関連ツール