セッション

Session

20min

負債が溜まったレガシーフロントエンド画面を Vue.js でリプレイスした話

とある Rails のテンプレート + CoffeeScript で構築された画面を、 Vue.js でリプレイスしました。
その際の知見を、具体的な工夫や悩んだポイント、実際の遭遇した技術的負債の話を交えて共有できればと思います。
本セッションのキーワードは以下になります。

  • Vue3 の script setup + TypeScript に始まる開発体験の良さ
  • Container Component、Layout Component などの開発プラクティス
  • Storybook、 StoryShots(VRT) によるフロントエンド DX
  • あるべき姿に至るまでの長い道のりと取捨選択
  • 命令的 UI から宣言的 UI へのパラダイムの変更
  • Ajax のリクエストを送ると、json にシリアライズされた html が帰ってくる API のエンドポイント
  • 忍耐力

Speaker Profile

とよへいの写真

株式会社クラウドワークス web エンジニア

とよへい

Twitterのlogo Githubのlogo

Vue.js に出会ってフロントエンド開発の楽しさを知った人。新卒で SIer に入社後、株式会社クラウドワークスに転職。以後 Rails + CoffeeScript, Vue.js な web アプリケーションの開発、 Vue.js の社内布教を行う。最近は新規事業開発の何でも屋さん。