smarthr https://blog.hatena.ne.jp/smarthr/ SmartHR Tech Blog https://tech.smarthr.jp/ AI フロントエンド スキル・学習管理チームでプロダクトエンジニアをしている yamaguchi です。 本記事では、自前実装していたAPIクライアント（SWR + カスタムfetcher）を、rspec-openapiとOrvalを組み合わせて自動生成されたAPIクライアントに移行した取り組みについて紹介します。 移行に至った背景、ライブラリ選定時の比較検討、そしてAI Agentを活用した移行作業の方法まで、ざっくりとお話しします。 なぜ移行することにしたか スキル・学習管理のプロダクトでは、Ruby on Rails（バックエンド）と Next.js（フロントエンド）の構成を採用しています。フロントエンドでは… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.smarthr.jp%2Fentry%2F2025%2F10%2F01%2F111237" title="rspec-openapi × Orval で API クライアント生成を自動化 —— AI Agent で移行する - SmartHR Tech Blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/s/smarthr/20251001/20251001111240.png Hatena Blog https://hatena.blog 2025-10-01 11:12:37 rich https://tech.smarthr.jp/entry/2025/10/01/111237 1.0 100%