データ変換 上級 1 ステップ
TypeScript 型と JSON Schema の生成
サンプル API レスポンスを受け取り、フロントエンド用の TypeScript 型とランタイム検証用の JSON Schema の両方が必要な場合、このチェーンは同じソースから両方を生成する。最初のノードは TS インターフェースを生成し、2 番目のノードは JSON Schema を生成する。コンパイル時とランタイムのチェック間のズレを避けるため両出力を同期に保つこと。
解決する問題
エンドツーエンドの型安全性のために、サンプル JSON から TypeScript インターフェースと JSON Schema を導出する。
入力 → 出力
JSON から TypeScript への変換 入力 → JSON から TypeScript への変換 出力 、計 1 ステップ。
実行時間
1–2分 · 完全にブラウザローカルで実行。
始める前に
- 代表的な JSON サンプルオブジェクト
パイプライン
-
Infer TypeScript interfaces from JSON。無料、プライベート、100%クライアントサイド。
▶このワークフローを実行
下に入力を入力し実行をクリック。すべての処理はブラウザのローカルで行われます — 何もアップロードされません。
パイプラインの進行状況
- JSON から TypeScript への変換json-to-ts
サンプル入力
{"id":1,"name":"Alice","email":"[email protected]"} 期待される出力
interface Result {
id: number;
name: string;
email: string;
} この入出力ペアはビルド時に実際のツールで実行（tests/unit/recipes.test.ts）——期待出力は検証済み、例示ではありません。
関連ワークフロー
こちらもおすすめ
このレシピとツールやテーマを共有するワークフロー。