terminal
Weekly Digest // JS_FRAMEWORKS — Week 27-2026
codeWeekly Report

Vite+ Betaを発表 — 2026年 第27週 JavaScript

JS frameworks, React/Vue/Svelte, and runtime updates

calendar_todaysummarizeWeek 27-2026
ツールチェーン

Vite+ Betaを発表

VoidZeroVite+のベータ版をリリースしました。Vite+は、Vite、Vitest、Rolldown、tsdown、Oxlint、Oxfmtをひとつのvp CLIに統合したMITライセンスのオープンソースツールチェーンです。開発者はvp devvp checkvp testvp buildvp packvp runという6つの一貫したコマンドで、プロジェクトごとのツール選定作業を省くことができます。アルファ版以降、500件以上のプルリクエストがマージされ、自動データ追跡によるスマートビルドキャッシュ、エージェント向けマイグレーションプロンプトを生成するvp migrateの改善、エンタープライズ向け組織テンプレートなどが追加されました。Vite 8.1の実験的フルバンドルモード、Rolldown 1.0の新しいプラグインシステム、OxlintへのReact Compilerリントルール統合など、基盤ツールも進化しています。すでに1,300以上の公開リポジトリがvite-plusに依存しており、1.0ロードマップにはリモートキャッシュ、GitLab CI/CDサポート、フレームワーク互換性の拡張が含まれています。

Vite+ Betaを発表
Read Articlearrow_forward
Article · セキュリティREAD TIME: 2m

2026年6月Security Release:Express.js

Expressチームがマルチパートパースとアクセスロギングに影響する3件のCVEを修正するため、multer 2.2.0morgan 1.11.0をリリースしました。CVE-2026-5079(深刻度: 高)はmulter 1.0.02.1.xに影響し、append-fieldの依存関係がa[b][c]形式のブラケット記法フィールド名のネスト深さを制限しないため、過剰なメモリとCPU消費によるサービス拒否攻撃が可能です。CVE-2026-5038(深刻度: 中)はmulterのdiskStorageエンジンで中断されたアップロードが孤立した部分ファイルを残し、ディスクスペースを枯渇させます。CVE-2026-5078(深刻度: 中)はmorgan 1.2.01.10.1:remote-userトークンがCR/LF文字をサニタイズせずログに書き込むため、ログ偽装が可能です。影響を受けるバージョンのすべてのユーザーは直ちにアップグレードしてください。

READ_FULL_LOGarrow_forward
Article · GitREAD TIME: 14m

Git 2.55 Highlights

100名以上の開発者が貢献したGit 2.55が複数の注目すべき機能を提供しています。主要な追加機能はgit repackの増分マルチパックインデックス(MIDX)サポートです。--write-midx=incremental--geometric=2を組み合わせることで、repack.midxSplitFactorrepack.midxNewLayerThresholdの設定によりレイヤー数を全オブジェクト数に対して対数的に保ちつつ書き換えコストを最小化します。実験的なgit history fixupサブコマンドはステージされた変更を以前のコミットに直接折り込み、後続コミットを再生します。2.54の設定ベースフックが並列実行(hook.jobs)をサポートするようになりました。内蔵fsmonitorデーモンがinotify経由でLinuxをサポートし、大規模リポジトリでのビットマップ生成時間が約612秒から約294秒に短縮されました。git log--graph-lane-limit--max-count-oldestオプションが追加されています。

READ_FULL_LOGarrow_forward
Article · ReactREAD TIME: 9m

React CompilerにMemoizationを任せた:実際に壊れたもの

Isaac OkoroがプロダクションのNext.jsコードベースにReact Compiler v1.0を導入した際に発生した問題を詳細にドキュメント化しています。最も深刻な問題は、React Hook FormのuseFormのwatch()関数を使用するフォームでライブプレビューがフリーズしたことです。コンパイラーが内部参照をメモ化したことでwatch()がre-renderをトリガーしなくなり、これはreact-hooks/incompatible-libraryとしてlinterで検出されます。対処法はuseFormuse no meモディレクティブを持つ互換性ラッパーで包むことでした。2つ目の問題はChart.jsのクリックハンドラーでuseCallbackを削除した際に発覚したクロージャーのタイミングバグです。また、DevToolsのMemoバッジはコンパイラーがコンポーネントを処理したことを示すだけで、最適化の成功を保証しないことも明確にしています。マイグレーションはeslint-plugin-react-hooksv7+にアップグレードし、違反をエラーとして修正してからコンパイラーを有効化する順序で行うべきです。

READ_FULL_LOGarrow_forward
Article · フレームワークREAD TIME: 6m

Turbopack:Next.js 16.3の新機能

Next.js 16.3では、Turbopackコンパイラーのパフォーマンスが大幅に向上しました。最大の改善点は、16.1で導入されたファイルシステム永続キャッシュへのメモリキャッシュ退避により、開発サーバーのメモリ使用量を最大90%削減したことです。ビルド時の永続ディスクキャッシュもデフォルトで有効化され、ベンチマークでは2.3倍から5.5倍の高速化が確認されています。実験的なRust版React Compiler(turbopackRustReactCompiler)はv0などの大規模アプリで20〜50%のコンパイル高速化を示しました。Vite互換のimport.meta.glob APIが追加され、ファイルウォッチャー統合による動的モジュール読み込みが可能になりました。HMRチャンク追跡の最適化により開発サーバーのコールドスタートが15%以上短縮され、モノレポ向けパッケージ別PostCSS設定解決や不要なWebAssembly・ワーカーランタイムコードの削除も提供されています。

READ_FULL_LOGarrow_forward
Article · ReactREAD TIME: 16m

Next.jsでRSC Hydration Mismatchを直す方法

Nelson MichaelがNext.js App RouterにおけるRSCハイドレーションミスマッチの診断と予防のためのプロダクション向けガイドを提供しています。主な6つの原因は、サーバーレンダリング中のwindowdocumentlocalStorageなどブラウザ専用APIへのアクセス、タイムゾーンやロケールの違いによるDate/Intl出力の不一致、auth状態の不一致(cookies()が動的レンダリングを強制し、Next.js 16では同期的なcookie/headerアクセスが完全に削除)、CMSコンテンツの不正なHTML、ブラウザ拡張機能やCDN変換によるDOM操作、ストリーミング環境でのCSS-in-JSクラス名の順序不一致です。instrumentation-client.tsでエラーコード#418#425navigator.sendBeaconで収集するプロダクションテレメトリの設定、next devではなくnext build && next startでのテスト、そしてCI上での本番ビルドに対するPlaywrightハイドレーションスモークテストの実行が推奨されています。

READ_FULL_LOGarrow_forward
Article · SvelteREAD TIME: 5m

Svelteの最新情報:2026年7月

2026年7月、SvelteKitの設定方法が統合されました。バージョン2.62.0から、SvelteKitの設定をvite.config.jsに直接記述できるようになり、svelte.config.jsはオプションになりました。これはKit 3で予定されている構成方式のプレビューです。2.63.0では、将来的に$env/*モジュールシステムを置き換える実験的な明示的環境変数が導入されました。Remote functionがFileオブジェクトを直接受け取れるようになり(2.64.0)、remote queryが関連クエリを更新できる機能も追加されました(2.65.0)。CLIサイドではsv 0.16.0がSvelte 5constデクラレーションタグをデモテンプレートやアドオン全体でサポートし、svelte-check 4.7.0は大規模コードベースの型検査を高速化する実験的tsgo(TypeScript Go)バックエンドを導入しています。Svelte言語サーバーもvite.config.js/tsから直接設定を読み込めるようになり、ツールチェーン全体が同期されました。

READ_FULL_LOGarrow_forward
summarizeDigest_Summary

今週のJavaScriptツールチェーン生態系では、大きな統合が2つ起きました。VoidZeroがVite、Vitest、Rolldown、tsdown、Oxlint、Oxfmtをひとつのvp CLIにまとめるMITライセンスの統合ツールチェーンVite+のベータ版を公開しました。アルファ以降500件以上のプルリクエストがマージされ、スマートビルドキャッシュ、改善されたvp migrateRolldown 1.0の新しいプラグインシステムが追加されました。Next.js 16.3はファイルシステムキャッシュで開発サーバーのメモリ使用量を最大90%削減するTurbopack改善を提供し、永続ディスクキャッシュをデフォルトで有効化してコールドビルド比2.3〜5.5倍の高速化を達成、v0などの大規模アプリで20〜50%の向上を示す実験的なRust版React Compilerも追加されました。

React方面では、React Compiler v1.0を本番導入した事例分析で実際の非互換性が明らかになりました。React Hook Formのwatch()が内部参照のメモ化によりre-renderをトリガーしなくなり、react-hooks/incompatible-libraryルールで検出されます。TanStack TableやMobXにはuse no memoラッパーが必要です。Next.js App RouterのRSCハイドレーションミスマッチガイドでは、ブラウザ専用APIアクセス、タイムゾーンの違い、ストリーミング下のCSS-in-JSクラス名順序など6つの原因が整理されました。セキュリティ面ではExpressがmulter 2.2.0morgan 1.11.0をリリースして3件のCVEを修正しました。深くネストされたマルチパートフィールドによるDoS(CVE-2026-5079中断されたアップロードによるディスク消費(CVE-2026-5038:remote-userトークンのCR/LF未除去によるログ偽装(CVE-2026-5078が対象です。

Git 2.55git repackの増分マルチパックインデックスサポート、実験的git history fixupサブコマンド、hook.jobsによる並列フック実行、inotify経由のLinux fsmonitorサポート、大規模リポジトリでのビットマップ生成時間を約612秒から約294秒に短縮する改善を提供しました。

Key Takeaways
  • Vite+ベータがVite、Vitest、Rolldown、tsdown、Oxlint、Oxfmtの6ツールを単一のvp CLIに統合しました。すでに1,300以上のリポジトリが依存しています。
  • React Compiler v1.0には実際のライブラリ非互換性があります。React Hook Form、TanStack Table、MobXにはuse no meモラッパーが必要で、有効化前にeslint-plugin-react-hooksをv7+にアップグレードする必要があります。
  • Expressユーザーは、CVE-2026-5079(ネストフィールドによるDoS)、CVE-2026-5038(ディスク枯渇)、CVE-2026-5078(ログ偽装)を修正するためmulter 2.2.0とmorgan 1.11.0に直ちにアップグレードしてください。