OpenAPIからフォームのバリデーションまでの型とコードを生成する - k.dev

この記事はTypeScriptアドベントカレンダー21日目の記事です。 はじめに 弊社ではいろいろ生成して開発の効率化を図っています。 今回はその中でも、OpenAPIからフォームまで一気通貫で型を合わせる方法を紹介します。 この記事の内容を反映したサンプルプロジェクトを以下に置いておきます。 前提知識 React OpenAPI やること一覧 やることは以下です。 OpenAPIからRequest・Responseの型と、aspidaの型とコードを生成 Request・Responseの型から、zodのコードを生成 zodのコードをフォーム用に変換 生成の起点となるOpenAPI 生成の起点はOpenAPIなのでまずOpenAPIを作ります。 実際はバックエンドの人が手で書くか、生成をします。 バックエンドでのOpenAPIの生成方法はフレームワーク次第なので、お使いのフレームワークを調