はじめに Orvalとは 前提 セットアップ OpenAPIスキーマを用意 Orvalの設定ファイルを作成 生成コマンドを実行 生成結果を確認 型定義(api.schemas.ts) APIクライアント関数(api.ts) ユーザー一覧取得 ユーザー作成 コメント更新(PATCHメソッド) 運用フロー まとめ 参考リンク はじめに フロントエンド開発では、バックエンドとのやり取りは避けては通れない場面が多いです。 fetch処理を手書きしレスポンスの型定義を手動で管理していると、APIの変更に追従するのを忘れて未対応のままランタイムエラーが発生するという経験はないでしょうか? 今回、OpenA…