フロントエンド（Next.js / React / UI / a11y）の実装ガイド

2026年の Core Web Vitals（INP・LCP・CLS）を Next.js で改善する実践ガイド。最も失敗しやすい INP の潰し方、LCP を 2.5 秒未満にする画像・フォント・SSR 最適化、CLS をゼロに近づける寸法予約、フィールド計測（web-vitals / RUM）まで、本番品質の手法を実コードで解説します。

Expo SDK 56（React Native 0.85 / React 19.2、New Architecture標準）を本番で使い倒すための実務ガイド。Expo Router v7のファイルベース・ルーティング、CNG（継続的ネイティブ生成）と config plugin、EAS Build/Update/Submit/Workflows、そして事故を防ぐOTA更新のruntimeVersion設計まで、実モノレポの動くコードで解説します。

Playwright で本番品質の E2E テストを設計する完全ガイド。ロールベースのロケーターと Web-first アサーション（自動待機）でフレークを排除し、外部 API をモックし、a11y を CI で検査し、本番ビルドに対して実行する構成、トレース/レポートによる可観測性、CI シャーディングまで、実コードで解説します。

React 19で大規模SPA/Webアプリを高速かつアクセシブルに作る実装ガイド。lazy+Suspenseのルート単位コード分割で初期バンドルを縮小し、React Compilerの自動メモ化、manualChunksでのバンドル最適化、ARIA/キーボード操作/フォーカス管理/prefers-reduced-motionのa11y、そして多言語対応のスケールまでを、公式ドキュメントに忠実な実コードで解説します。

React 19 の新 API、use と useOptimistic を本番品質で使いこなす実践ガイド。use(promise) によるレンダー内の非同期読み取りと Suspense ストリーミング、無限サスペンドの落とし穴、useOptimistic による即時フィードバックと自動ロールバック、アクセシビリティ・セキュリティ・テストまで実コードで解説します。

公式ドキュメント最新版（React Hook Form v7 / @hookform/resolvers v5 / Zod 4）に忠実な実践ガイド。zodResolver 連携、再レンダリングを最小化する非制御アーキテクチャと formState の Proxy 購読、Controller による制御コンポーネント統合、useFieldArray の動的フィールド、a11y、Server Actions まで、本番品質のコード例で「いつ・どう使うか」を解説します。

React / Next.js で WCAG 2.2（AA）に準拠するアクセシビリティ実装の完全ガイド。セマンティック HTML、キーボード操作、フォーカス管理、ARIA の正しい使い方、フォーム、コントラスト、prefers-reduced-motion、WCAG 2.2 の新基準、axe による自動テストまで実コードで解説します。

shadcn/ui を本番品質のデザインシステムとして設計する完全ガイド。npm 依存ではなく『コードを所有する』モデルの利点、class-variance-authority（cva）によるバリアント設計、cn() の役割、asChild / Slot による多態、CSS 変数テーマ、合成による拡張、a11y、カスタムレジストリでの組織展開まで実コードで解説します。

Tailwind CSS v4 の CSS-first 設定（@import / @theme / @custom-variant）を本番品質で使いこなす完全ガイド。デザイントークンの単一管理、ランタイムで切り替わるダークモード設計の落とし穴、流体タイポgrafi、container queries、prefers-contrast / forced-colors などアクセシビリティ対応まで実コードで解説します。

公式ドキュメント最新版（v5.101 系）に忠実なTanStack Query実践ガイド。新しいMutationコールバック（context.client）、queryOptionsによる型安全設計、predicate無効化、楽観的更新の2手法、Next.js App Routerのプリフェッチ/ハイドレーションまで、本番品質のコード例で「いつ・どう使うか」を解説します。

Next.js App Routerの `revalidateTag` が『たまにしか効かない』という謎のバグを本番で踏んで、原因はData CacheではなくクライアントのRouter Cacheだったと気づくまでの実体験。4層キャッシュの責務と、それぞれの無効化手段を整理したトラブルシューティングの記録です。