はじめに こんにちは、レストランボード(以下、RB)のフロントエンドチームの石亀です。担当していた規模の大きめなプロジェクトでVueを結構触っていまして、設計含め困難と向き合いながら色々取り組ませてもらったのでそれをナレッジとして残そうと思い記事を書くことになりました。エモいですね。 RBは現在自社のフレームワークで構築されていて、徐々にVueでリプレイスをかけています。 今回、大規模なプロジェクトにてVueでさらなるリプレイスを実行しましたが、プロダクト自体がとても大きく且つ限られたリソースの中でいかに負債化させずにできるだけ安全に移行させるかを検討しました。 そこで実際に実施した施策や検討内容などを紹介します。 おそらく、多くのサービスやプロダクトで既存のコードを新しいライブラリ・フレームワークで書き換えているかと思います。 背景だったり関わる規模・コンテキストが異なるとは思いますが、
![「レストランボード」における大規模フロントエンドの漸進的なVueリプレイスの取り組み](https://cdn-ak-scissors.b.st-hatena.com/image/square/e8944104e28a3293d89b4a812ac11f9d35fc4b15/height=288;version=1;width=512/https%3A%2F%2Fblog.recruit.co.jp%2Frls%2F2020-10-27-rb-progressive-vue-replace%2Fimg%2Fpackages.png)