Vue.js？React？フレームワーク選びの７つの選定基準、大規模ECサイトのフロント刷新プロジェクト - MonotaRO Tech Blog

こんにちは。モノタロウでフロントエンド寄りの開発をしている、陳です。 今回はモノタロウの新フロントエンドのメインフレームワーク選定についてお話しします。 選定結果から言うと、モノタロウ独自の７つの選定基準をもとに、Reactを選ぶことになりました。 背景 新フロントエンドプロジェクトの立ち上がり Vue.jsとReactの比較検討をしてみた 俯瞰して改めて選定基準を考えた 一般的な視点 モノタロウの社内事情 ７つの選定基準 選定結果 技術選定を通して得た３つの学び 背景 まず、モノタロウの現フロントエンドについてざっくり説明します。 モノタロウは2002年から、PythonとJavaScriptでECサイトを開発してきました。 基本構成として、サーバサイドのPythonでHTMLを生成し、クライアントサイドのJavaScriptでカートインなどの動的処理を補完する形ですが、実はこの構成で違

[sigwyg]

細かい向き不向きはあるだろけど、結局は好みよ。個人的には本体が小さいReactが、機能単位で捨てやすくて良いと思う。初期のハードルで速攻で排除されたAngularさん悲しい。良いフレームワークなんだけどな

[easy-breezy]

走り出しやすさはVue.js、エコシステムの充実度はReactかな。ベンダー提供のコンポーネントはReactが多いよね。

[arx0balest]

「バージョンアップが激しいから」とか言うエアプ著しいコメントが見えたが、Reactは4年以上breaking changeしてないわけだが（もちろん機能追加はある）。まぁVueを選んだ方々にはお悔やみ申し上げるがね。

[qinglong]

VueかReactかを選ぶ前提に、Nextの更新の早さとNuxtの更新の遅さが大きい。2020年9月にリリースされたvue3に対応したNuxt3はついこないだ、やっとβ版がリリースされたところ

[oniipoooon]

結局next nuxt使うならangularの学習コストも大して変わらないような気もするけど…

[mayumayu_nimolove]

どちらもバージョンアップが激しいから現段階ではこうでも一年後にはガラリと変わるかもしれない。新しいのも出るかもしれない。そこが悩みどころよ。

[inatax]

Vueはちょうど後方互換性のないv3へ移行してるときだから今はちょっと厳しいね

[haususuahahdh]

こんな比較するまでもなく現状React一択だろう

[buhoho]

保守やらされることが多いから壊しやすいのが好き。疎結合しろってそういうことだから

[kappaseijin]

“選定結果から言うと、モノタロウ独自の７つの選定基準をもとに、Reactを選ぶことになりました。”

[aprifield]

“統Aで使っているフレームワークAはNuxt.jsと似ており、Vue.js/Nuxt.jsにする場合は系統Aの資産使える可能性があるため、系統Aも系統BもフレームワークAに統一する案があった しかし、多分簡単にはいかないだろうし、スタイ

[ultimatebreak]

書き方的にVue好きなんだけど、ある程度規模後大きくなるとツライ

[sinsinchang]

react一択だと思う。

[seenoview]

そういや最近Angularって聞かないね

[yarumato]

“メンバーが手分けして各々TodoListデモを作り比較。Nuxt.js・Next.jsを追加し再検討。Next.jsは軽量で疎結合作りやすい。この会社規模だとTypeScriptでReactの方が品質保ち堅牢性が高い。Vue.jsの簡易さはテスト困難に”

[kumazooo]

サーバサイドもインフラもマーケティングも、ありとあらゆる知識を数少ないエンジニアに対して全て求める今の時代においては、低コストのsvelte以外に最適解はないと思う。

[Kmusiclife]

React一択ですね。

[door-s-dev]

大規模で分業前提だとAngular向いてると思うけどな。まあ人気なくて今後が不安ではある

[for-my-internet-demo]

どっちかやりゃどっちもまあ大体わかるし難しいやつはどっち使っても難しいのでTSのロジック分離うまくやる話の方が好き

[kijtra]

個人的にはECサイトに採用したくないなw

[spark7]

フレームワーク入れると御守りの面倒が付いてくる

[ys0000]

Vueは確かに色々変わりすぎなんだろうな。Vuetifyもまだvue3に対応してないし。それはそれとしてモノタロウの規模でもPythonでバックエンド処理しきれるのね。すごい。そいやリファクタリングの記事前に上がってたね。

[FUmanma]

モノタロウって名前マサルさんのイメージが強いｗ

[cpw]

こういう点数にするとなんか良くわかんない感じになりがち。気持ちで決めたい。とはいえ、人数が多いと難しいよね。

[circled]

小さなプロジェクトはさておき、大規模ECサイトって書いてある時点でreactでは？と頭に浮かんで来るくらいreact。

[Helfard]

React覚えたいなあ。

[rainbow_doll]

Solidやろ

[appru]

Reactを使いながら、Vanillaでいいのに、と思ってる

[peketamin]

モノタロウさんの規模と事業継続性的にReactになるだろうと思った

[dozo]

Svelteしか勝たん

[convivial]

この先で、どんな地獄を見ることになったかを知りたい

[ichiken7]

どちらがベターかも良いけど、そもそもコストに見合ったメリットがあったかという視点も欲しいなぁ。苦労して移行した本人が書くのは難しいかもしれないが。