Nuxt 4.5 リリースノート · Nuxt Blog — 2026年 第29週 JavaScript

Node.js 20 のアップストリーム EOL（2026 年 4 月 30 日）を受け、Vercel は 2026 年 10 月 1 日にプロジェクト設定から Node.js 20 を無効化し、Node 20 に固定されたサーバーレス関数の新規デプロイはエラーになります（既存デプロイは引き続き動作します）。vercel@latest をインストール後、vercel project ls --update-required で影響を受けるプロジェクトをすぐに確認できます。推奨アップグレード方法は package.json の engines フィールドに "node": "24.x" を設定することで、次回デプロイ時にプロジェクト設定を上書きします。期限内に移行できないチームはプロジェクトルートに Dockerfile.vercel を置いてコンテナ化できますが、その後の Node セキュリティパッチは自己管理が必要です。

2026 年 7 月 16 日にリリースされた Astro 7.1 は静的サイトフレームワークに四つの改善を追加しました。CSP は script-src-elem を script-src から、style-src-attr を style-src から分離する新しい組み込みディレクティブをサポートし、外部 CSS ルールを緩めずにインラインスタイルを unsafe として許可できます。paginate() ヘルパーは format 関数パラメーターを受け取り、生成される next/prev URL を実際のデプロイ構成（例：.html 付与）に合わせられます。astro dev に追加された --ignore-lock フラグは Astro 7 で導入されたエージェントロックファイルチェックをスキップし、複数の意図的な開発サーバーインスタンスを起動できます。大規模コンテンツコレクション向けに glob() の deferRender: true オプションがシンク時の先行 HTML キャッシュを省略し、実験的 collectionStorage: "chunked" フラグは .astro/data-store.json を 10 MB チャンクに分割します。

ESLint と Codemod（OpenJS Foundation パートナー、エンジン JSSG は React・Node.js・Nuxt.js・pnpm のマイグレーションを支援）がパートナーシップを結び、v8→v9・v9→v10 マイグレーションを自動化しました。すべてのコードモドは eslint/codemods リポジトリで管理され、GitHub Actions を通じて Codemod Registry に自動公開されます。v8-to-v9 では npx codemod @eslint/v8-to-v9-config が package.json から eslintConfig を抽出してフラット eslint.config.mjs を生成し、no-unused-vars・camelcase など 6 つ以上のルールオプション変更を処理します。同伴の @eslint/v8-to-v9-custom-rules は context.getSource() を sourceCode.getText() に変換し、関数スタイルのルールを meta と create を持つオブジェクト形式に変換します。v9-to-v10 レシピ（npx codemod @eslint/v9-to-v10）は設定・カスタムルール・RuleTester・Linter/ESLint API を処理する 4 つの個別コードモドを含みます。動的 require() や --ext CLI 使用などの複雑なロジックは実行後に手動確認が必要です。

Preact コントリビューターの Jovi De Croock は、Preact がすでに再開ハイドレーションをサポートしていると説明しています。サーバーの renderToStringAsync とクライアントの一時停止・再開により、Suspense 境界は独立してハイドレーションされます。しかし従来のアルゴリズムは停止中のサブツリーごとに 1 つの DOM ノードしか追跡せず、コンポーネントが null や複数ルートを持つ Fragment を返すと不一致が生じていました。Preact 11 の一部として出荷される Hydration 2.0 は、renderToStringAsync が出力する明示的な開始・終了マーカーでこの前提を置き換え、再開前に停止境界の完全な DOM 範囲を特定できるようにします。未解決の問題として useId() の安定性が残っています。非同期 Suspense 兄弟間の id ずれを修正する PR #5108 はクライアント専用ブランチがツリー位置をシフトさせ同じ id 衝突バグを再導入したため #5135 でリバートされました。サーバーが停止する子に出会った瞬間にシェルとフォールバックをフラッシュするストリーミング SSR も Preact 11 で開発中です。

著者 Riccardo Perra は、TanStack Table V9 が Proxy 経由で get* メソッドを computed() でラップする Angular アダプターベースのプロキシ方式から、ノーティファイアブリッジ・クラスベースの Store/Derived API を経て、ページネーション・行選択・カラムサイズ・フィルターなどの機能別アトムが @tanstack/store 0.9 のシグナルベース createStore/createAtom API で構築されたリアクティブグラフに存在する現在のアーキテクチャへと進化した経緯を追っています。PR #6181 は options を optionsStore に移動して enableRowSelection などのライブ入力を状態読み取りと同じ依存グラフに参加させ、PR #6234 はモノリシックな状態スナップショットを機能別アトムに分割し、PR #6237 は TableReactivityBindings インターフェース（createWritableAtom・createReadonlyAtom・batch・schedule・untrack）でアトムをフレームワーク交換可能にしました。Angular・Solid・Vue はネイティブシグナルを提供し、React はオプトイン細粒度レンダリングのために Subscribe コンポーネントと useSelector を持つ @tanstack/react-store を使用します。V9 は新たな Preact・Alpine・Ember アダプターを含む 9 つのフレームワークアダプターを出荷します。