Vue.js は、画面を部品に分けて組み立てるための JavaScript の仕組みです。2014年に公開されました。React と同じ領域のものですが、考え方と書き方に違いがあります。

React との違い

どちらが優れているという話ではありません。既にチームがどちらかを使っているなら、それに合わせるのが一番早く、安く済みます。

部分的に足せるという特徴

Vue は、ページ全体を置き換えなくても、ページの一部分だけを担当させることができます。既にある HTML や WordPress のテーマの中で、検索の絞り込みやシミュレーターのような動きのある箇所にだけ載せる、という使い方です。

• 条件で絞り込む商品一覧
• 入力に応じて金額が変わる見積もりシミュレーター
• 項目が増減する申し込みフォーム
• 地図や表の操作

ページ全体を作り替えると、URL の構造もSEOの前提も変わります。動きが要るのが1箇所だけなら、そこだけ部品にするほうが影響範囲が小さく収まります。

向かない場面

• 動きのない情報サイト（素のHTMLで足りる）
• 更新する人がHTMLしか触れない（ビルドの手順が増える）
• 検索エンジンに読ませたい内容を描画する場合（描画の方式を選ぶ判断が要る）

3つ目は、React でも Next.js でも同じ論点です。内容を JavaScript で作ると、設定によっては検索エンジンが読む時点で中身が空になります。読ませたい内容なら、サーバー側で描画するか、あらかじめ書き出しておく必要があります。

発注時に決めること

1. ページ全体を作り替えるのか、一部だけに載せるのか
2. 検索エンジンに読ませたい内容が、その部品の中に入るか
3. 公開後、どこまでを自社で更新するか
4. ビルドの手順を誰が回すか（更新のたびに必要になる）

当社では、WordPress のテーマの中に部品として組み込む形のご依頼も承っています。管理画面からの更新はそのまま残したうえで、動きが要る箇所だけを切り出す形になります。