フレームワークの選び方を整える。

既存のjQueryサイトに少しだけ動きを足したい

→ Alpine.js

HTML属性に振る舞いを書くだけで、ビルド環境を用意せず導入できます。

求人と日本語情報の多さで選びたい

→ React

当サイトの目安で求人・情報量が最も多い分野です。

1人で早く形にしたい

→ Vue

テンプレート構文がHTMLに近く、学習コストが低めです。

配布サイズを最小にしたい

→ Svelte か Preact

Svelteはコンパイル時にランタイムが消え、Preactは約4KBの軽量なReact互換ライブラリです。

Web Componentsとして他フレームワークと混ぜたい

→ Lit

ブラウザ標準のCustom Elementsの上に薄い層を重ねる方式です。

SEOを重視したWebサイトを作りたい

→ Next.js・Nuxt・SvelteKitのあるもの

React（Next.js）・Vue（Nuxt）・Svelte（SvelteKit）にはSSR向けのメタフレームワークがあります。

ビルド環境を用意せず<script>タグ1本で使いたい

→ jQuery か Alpine.js

どちらもCDN読み込みだけで動く方式です。

学習コストを最優先に抑えたい

→ jQuery・Alpine.js・Bootstrap

当サイトの目安で学習コスト1（最も易しい）の3本です。

大きめのチーム開発・長期保守を見込む

→ React か Vue

エコシステムの広さ・採用実績が当サイトの目安で上位です。

ReactのAPIのまま配布サイズだけ減らしたい

→ Preact

React互換のAPI（useState等）を、より小さい配布サイズで提供します。

独自デザインを自分で細かく組みたい

→ Tailwind CSS

ユーティリティクラスの組み合わせで、既製部品に縛られずスタイリングできます。

ボタンやモーダルをすぐ整えたい

→ Bootstrap

部品単位で用意されたクラスをそのまま使えます。