コンテンツへスキップ
uencoder
開発者生産性 上級 3 ステップ

YAML から TypeScript インターフェースを生成

YAML 設定や API Schema を持ち、プロジェクト用の TypeScript 型が必要な場合、このチェーンは YAML を JSON に変換し、フォーマットし、TypeScript インターフェース定義を自動的に生成する。

解決する問題

YAML ドキュメントを TypeScript インターフェース定義に変換し、JSON を中間フォーマットとして使用する。

入力 → 出力

YAML コンバーター 入力 → JSON から TypeScript への変換 出力 、計 3 ステップ。

実行時間

2–3分 · 完全にブラウザローカルで実行。

始める前に

  • 有効な YAML ドキュメント

パイプライン

  1. Convert between YAML and JSON online。無料、プライベート、100%クライアントサイド。

  2. Format, minify, or sort JSON online。無料、プライベート、100%クライアントサイド。

    パラメータ: mode=format

  3. Infer TypeScript interfaces from JSON。無料、プライベート、100%クライアントサイド。

ツールチェーンで開く

ブラウザローカルで実行。レシピはパイプラインのみを定義——入力はこのタブから離れません。

▶このワークフローを実行

下に入力を入力し実行をクリック。すべての処理はブラウザのローカルで行われます — 何もアップロードされません。

パイプラインの進行状況

  1. YAML コンバーターyaml-convert
  2. JSON フォーマッターjson-format
  3. JSON から TypeScript への変換json-to-ts

サンプル入力

name: uencoder
version: 1
features:
  - encode
  - decode

期待される出力

interface Result {
  name: string;
  version: number;
  features: string[];
}

この入出力ペアはビルド時に実際のツールで実行(tests/unit/recipes.test.ts)——期待出力は検証済み、例示ではありません。

関連ワークフロー

こちらもおすすめ

このレシピとツールやテーマを共有するワークフロー。

使用するツール