Rust 製の JavaScript ツールチェーン Oxc と、その目玉である高速リンタ Oxlint を整理します。Oxc が含むツール群（パーサ・Oxlint・Oxfmt・トランスフォーマ・リゾルバ・ミニファイア）、ESLint 比 50〜100倍という速度、tsgo による型認識リント、そして「全部置き換える」のではなく ESLint とどう分担するかを、導入判断の目線でまとめます。
React Router v7 を、3つのモード（Declarative / Data / Framework）という軸で整理します。単なるルーターから、ローダー・アクションを持つデータ駆動、さらに Vite プラグインで SSR まで含む「フレームワーク」へと段階的に広がる構造、Remix が React Router v7 に統合された経緯、そして Next.js 以外の選択肢としてどう位置づけるかを実務目線でまとめます。
Speculation Rules API を実務目線で整理します。script type=speculationrules の JSON でブラウザに prefetch / prerender を指示し、次に読まれるページを先読みして遷移を一瞬にする仕組みです。prefetch と prerender の違い、eagerness（immediate / eager / moderate / conservative）、list rules と document rules、そして prerender でアナリティクスが二重計上される落とし穴まで、ブログや EC で安全に使う勘所をまとめます。
Storybook 10 を、いまの立ち位置から整理します。コンポーネントを分離して開発する「カタログ」から、インタラクション・アクセシビリティ・ビジュアルを含むテスト基盤へと役割が広がりました。あわせて addon-designs や Storybook Connect、Figma Code Connect によるデザインとの往復を、実務の導入目線でまとめます。
Web の機能を採用するときの判断軸 Baseline を整理します。Newly available と Widely available の2段階、コアブラウザ集合の定義、Baseline 年バッジ、MDN / Can I Use / web.dev での表示、そして Browserslist や ESLint への組み込みまで。「caniuse を毎回見る」から「Baseline で判断する」へ、チームの共通言語にする方法をまとめます。
Zod 4 を実務目線で整理します。Zod 3 からの大幅な高速化とバンドル削減、z.email() などトップレベルに移った文字列フォーマット、error パラメータへ統一されたエラー指定、registry と .meta() によるメタデータ、z.toJSONSchema() での JSON Schema 変換、そして tree-shakable な Zod Mini まで。フォームや API 境界、LLM の構造化出力検証での使いどころをまとめます。
Angular 21 で標準になった zoneless 変更検知を整理します。長年 Angular の再描画を握ってきた Zone.js がなぜ外れるのか、Zone.js なしで何が変更検知を起動するのか（Signals・markForCheck・setInput・イベント・dirty view）、有効化と Zone.js 除去の手順、そして既存 Angular 案件の移行チェックリストを、React/Vue 勢にも分かるようにまとめます。
Chrome に搭載されたオンデバイス AI（Gemini Nano）を使う組み込み AI APIs を整理します。Translator・Summarizer・Language Detector・Prompt・Writer・Rewriter・Proofreader それぞれの安定度、availability から create で使う共通の作法、サーバー LLM との使い分け、そしてフォールバック設計まで、実務で踏むべき注意点をまとめます。
Tailwind CSS v4 への移行を、単なる新機能紹介ではなく「設定思想の転換」として整理します。自動アップグレードツール、@tailwind ディレクティブから @import への変更、tailwind.config.js から @theme への移行、@tailwindcss/postcss / vite などパッケージ分離、ブラウザ要件、詰まりやすいユーティリティ改名まで、移行設計の勘所をまとめます。
Anthropic 公式の frontend-design プラグインを実際に導入して中身まで確認します。インストール手順、スキル1つだけという構成、SKILL.md に書かれたデザイン哲学（避けるべき汎用AIデザイン、大胆な方向づけ、タイポグラフィ・配色・モーションの指針）、使い方と注意点を、手元の v1.0.0 を読みながら整理します。
Vite 7 の変更点を、アップグレードで詰まりやすい順に整理します。Node.js 20.19+/22.12+ 要件、デフォルトブラウザターゲットの baseline-widely-available への変更、Rust 製バンドラ Rolldown（rolldown-vite）への移行、Sass legacy API 削除など、移行前に知っておくべき差分をまとめます。
Rust 製で高速なリンタ兼フォーマッタ Biome を、ESLint / Prettier からの移行コマンド、設定、そして「まだ置き換えられない領域」まで整理します。導入してよいプロジェクトと ESLint を残すべきケースを、実務の判断目線で解説します。
パスキー（Passkeys）と Web Authentication API（WebAuthn）の仕組みを、公開鍵暗号・登録/認証セレモニー・フィッシング耐性の観点から整理します。なぜパスワードより安全なのか、管理画面に導入するときの判断材料（復旧手段・MFAとの違い）まで、実装目線でまとめます。
安定版になった React Compiler は、useMemo / useCallback / memo の手動メモ化を自動化します。何ができて何を消せるのか、それでも手動メモ化が必要な場面、React 17/18/19 や Next.js での導入方法を、実践的な判断目線で整理します。
2025年10月にリリースされた Vitest 4 で、ブラウザモードが experimental から安定版になりました。jsdom/happy-dom の擬似DOMではなく Playwright 経由で実ブラウザを使うこの機能を、設定方法・移行のポイント・toMatchScreenshot などの新機能とともに、本ブログの構成を例に整理します。
2026年にBaseline入りした、あるいは主要ブラウザが出揃ったCSSの新機能を整理します。contrast-color()、shape()、:active-view-transition、Anchor Positioning、@scope など、これまでJSやライブラリでやっていたことをブラウザ標準だけで実現する機能を、用途と注意点つきでまとめます。
TypeScript のコンパイラを Go でネイティブ移植する「Project Corsa」（tsgo / TypeScript 7.0）を、Microsoft 公式が示す10倍速の実測値、なぜ Go なのか、TS6(JS)とTS7(native)の併存戦略、移行で何が変わるかという観点で整理します。
Nuxt 4 の主要な変更点と新機能を、Nuxt 3 からの移行視点で整理します。新しい app/ ディレクトリ構造、シングルトン化されたデータフェッチング層（useAsyncData / useFetch）、TypeScript 設定のコンテキスト分離、CLI 高速化、Unhead v2、Vue Router v5、useAnnouncer などのアップデート、そして future.compatibilityVersion: 5 による Nuxt 5 への準備までを解説します。
Next.js の v1（2016年）から最新の v16（2025年10月リリース、2026年3月時点 v16.2）までの主要バージョンを、追加された機能・アーキテクチャ変更・破壊的変更とともに時系列で整理します。
Tailwind CSS v4で刷新されたTailwind CLIの使い方を解説。npmインストールからスタンドアロン版、v4の新機能（@import、@theme、CSS-firstな設定）まで、実践的なコード例付きで紹介します。
CSS Scroll-driven Animationsの基本から応用まで徹底解説。scroll()、view()、animation-timeline、animation-rangeなど、JavaScriptを使わずにスクロール連動アニメーションを実装する方法を実践的なデモとともに紹介します。
Svelteの革新的なコンパイラアプローチとSvelteKitによるフルスタック開発を徹底解説。Svelte 5のRunes、リアクティビティ、ルーティング、SSR/SSGまで実践的なコード例とともに紹介します。
GSAPのScrollTriggerを使った高度なアニメーション技術を解説します。パララックス効果、水平スクロール、スナップ、staggerアニメーションなど、実践的なテクニックを紹介します。
GSAPのScrollTriggerプラグインを使ったスクロールアニメーションの基本を解説します。セットアップからscrub、pin、toggleActionsまで、実際のデモとコード例で学べます。
2026年1月17日にリリースされたjQuery 4.0.0の全変更点を、具体的なコード例とともに詳しく解説。非推奨APIの削除、ブラウザサポート変更、AJAX・CSS・イベントの仕様変更など、移行に必要な情報を網羅します。
Anime.jsを使ってWebサイトにスムーズなアニメーションを実装する方法を、実際に動くデモとコード例とともに解説します。移動、回転、色変化、タイムラインまで基礎から学べます。
Chart.jsを使ってWebサイトに棒グラフ、折れ線グラフ、円グラフなど様々なチャートを実装する方法を、実践的なコード例とともに解説します。