photosynth-inc https://blog.hatena.ne.jp/photosynth-inc/ フォトシンス エンジニアブログ https://akerun.hateblo.jp/ Akerun Advent Calendar 2025 「Vue.js / Nuxt.js で動いているSPAを、別のフロントエンドライブラリへ移行したい」 移行のきっかけはシンプルで、Vue.js / Nuxt.js のVer 2系がEOLを迎え、保守 (サポート・セキュリティ) の前提が崩れたためです。 「今のまま動いているからOK」では済まなくなりどこかのタイミングで移行が必要となるのですが、 問題は**移行の間も機能開発と改善を止められない**ことです。 一気に作り直せるならそれがシンプルですが実際には機能追加や改善を止められないことが多く、移行は大抵既存開発と並走になります。 そこで「既存のVue (Nuxt) を動かしたまま、Reactコンポーネントを差し込んで置き換える」段階移行が選択肢に上がります。 便利な反面、無計画に始めると **VueとReactが絡み合って最後にVue/Nuxtを削除できない**状態になりがちです。 この記事では、SPA 前提で、Vue/Nuxt と React が混在する期間を壊さずに進めるために、先に決めたこと (ルール・置き場所・Bridge運用) をまとめます。 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fakerun.hateblo.jp%2Fentry%2Fvue2-to-react" title="Nuxt2/Vue2とReact v19が混在しても壊さない！段階移行のルールとVue→React Bridge - フォトシンス エンジニアブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2025-12-22 00:00:00 rich https://akerun.hateblo.jp/entry/vue2-to-react 1.0 100%