機能開発を止めずに、500コンポーネント規模の Vue 3 移行を完了させた開発プロセス

スタディスト 技術支援ユニットの笹木 (@s_sasaki_0529) です。 2022年上半期、およそ500コンポーネントを持つ Vue 2 プロダクトである Teachme Biz を、半年間に渡る単独作業を経て、 Vue 3 に移行することに成功しました。 本記事では、私達がどのようにして、機能開発は止めずにバージョンアップや破壊的変更への対応を行えたのかを簡単に振り返ろうと思います。 昨年の TypeScript 移行の次のステップとして、今年は Vue 3 移行を実現することにより、相乗効果でのフロントエンド開発体験の向上を実現しました。 モチベーションTeachme Biz をVue 3 に移行するモチベーションは概ね以下になります。 モダンブラウザに合わせてリアーキテクチャリングされた Vue 3 の恩恵を受けることVue 2 への機能追加・改修が 2.7 で終了してしまった

[shepherdspurse]

キムワイプを期待してしまったことをお詫び申し上げます。

[tk_musik]

フロントエンドつくるのは楽しいけど維持するのほんとしんどいな。。

[carolina04]

“Vue 3 での破壊的変更には、Vue 2 時点で非推奨だったものが Vue 3 で廃止されるというパターンがいくつかあります。 その場合は、Vue 2 の時点で先に非推奨コードを置き換えてリリースしておくことで、小さく Pull Request (”

[cuttoff19]

すごい

[mohri]

“レガシーなバージョンで開発し続けるのは、少なからずリスクであると考え、技術的負債を産まないための技術的先行投資と捉えて移行を決めました”

[mr_mayama]

どのみちReactに移行せざるを得ないプロジェクトもありそうでやだなぁ

[shun9167]

2023年のVue2 EOLに向けてVue3への移行事例を書いた記事の需要がどんどん高まりそう。

[peperon_brain]

vuetifyの3移行で引っかかって保留中のプロジェクトがある…

[takyam1213]

Vue3は大罪すぐる。こんなに頑張るのマジ大変だし金は産まないし辛たん。2系が消えるのは目に見えてるから移行が必須だし。microfrontendのアプローチで緩やかにやるしかない……。IE完全に消えたら……。

[mayumayu_nimolove]

そうなんだよね、移行してもすぐ新しいのになるからな。

[cpw]

これは大変だ。いつかやらねば

[odan3240]

"技術的負債を産まないための技術的先行投資"

[tofu-kun]

相当大変だったと思う

[shingo-sasaki-0529]

書きました。