Vue

インストール可能・オフラインファーストなPWAを段階的構築：Service Worker キャッシュ戦略（Cache First / Stale-While-Revalidate）、構造化ローカルデータ用IndexedDBラッパー、ネットワーク復旧時にオフライン操作を自動リプレイするBackground Syncキュー。完全TypeScriptコード付き。

Tailwind CSS v4はアーキテクチャ級アップデート：tailwind.config.js を廃止し、ネイティブCSS内の@themeブロックでデザイントークン宣言。@import "tailwindcss" 単一エントリでpostcss設定不要。CSS変数内蔵、Container Queriesネイティブ対応、oxcエンジンで10-40倍高速化、カラー関数簡略化。

モダンCSSの2大レスポンシブ機能：親コンテナ寸法に応じるContainer Queries、子孫要素の状態で親をスタイルする:has()セレクタ。

Vue 3 のコンポジション API は、Vue コンポーネントの設計手法を根本的に変えました。複雑な EC サイトのフィルターコンポーネントの構築を通じて、ref/reactive の使い分け、computed/watch の適切な使用方法、カスタム Composable の抽出原則、ライフサイクルフックのタイミング、provide/inject による階層を超えた状態受け渡しの正しい方法を解説します。

Nuxt 3 は Vue 3 と Vite 上に構築され、新しいレンダリングエンジン Nitro を導入しました。この記事では、サーバーサイドレンダリング（SSR）、静的サイト生成（SSG）、インクリメンタル静的再生成（ISR）の3つのコアモードの動作原理、ユースケース、パフォーマンスの違いを深堀りします。