stackbook

← 辞書（分野別）

§3

フロントエンド

最終確認：2026年9月

アプリ（SSR・フルスタック）
Next.js（App Router）
  • TanStack StartVercel依存を避けたい、クライアント主体で型安全なルーティングを重視するとき
  • React Router（フレームワークモード）Remix系の資産があるとき
SPA（ログイン後の管理画面など）
React＋Vite＋TanStack Router
静的サイト・コンテンツ中心
Astro
  • Next.js（SSG）同じリポジトリでアプリ部分も持つとき
CSS
Tailwind CSS
  • CSS Modulesデザイナーが素のCSSを書くチーム
UIコンポーネント
shadcn/ui（コードをコピーして所有する方式、Radix UIベース）
  • Mantineコンポーネントを一式そのまま使いたい管理画面
  • MUIMaterial Design指定のとき
アイコン
lucide-react
サーバー状態（API取得・キャッシュ）
TanStack Query
  • SWRVercel系の小規模案件
クライアント状態
useState／Context（まず標準で済ませる）→ 必要ならZustand
  • Jotai細かい粒度の状態が多いとき
フォーム
React Hook Form＋Zod
テーブル
TanStack Table
  • AG Grid表計算並みの編集機能が必要な業務画面
グラフ
Recharts
  • Apache EChartsデータ量が多い、または地図・複雑なチャートが必要なとき
リッチテキストエディタ
Tiptap
  • LexicalMeta製でカスタマイズを深くしたいとき
日付選択
react-day-picker（shadcn/uiのCalendarが内部で使用）
アニメーション
Motion（旧Framer Motion）
  • CSSのみ簡単なトランジションなら不要
国際化
next-intl（Next.js）
ドラッグ＆ドロップ
dnd kit
仮想スクロール
TanStack Virtual
トースト
Sonner
コンポーネントカタログ
Storybook
  • Ladle軽く済ませたいとき
アクセシビリティ検査
axe（@axe-core/playwright でE2Eに組み込む）
画像最適化
next/image（Next.js）／ astro:assets（Astro）
SEO・OGP
フレームワーク標準のメタデータAPI

モバイルアプリ

クロスプラットフォーム
React Native＋Expo
  • Flutterデザインの完全な一貫性を重視し、Dartを受け入れられるとき
  • Hotwire NativeRailsで作っていて画面の多くがWebで済むとき
ビルド・配信
EAS Build／EAS Submit
OTA更新
EAS Update
ナビゲーション
Expo Router
スタイル
NativeWind（Tailwind）