2026-03-22のJS: Vite 8.0, Temporal Stage 4, Next.js (#1365)

azu · claude · github-actions[bot] · web-flow · commit 4831af2e25db · 2026-03-22T22:14:22.000+09:00
* Update 767 draft * Update 767 draft * Update 767 draft * Update 767 draft * Update 767 draft * Update 767 draft * Update 767 draft * Update 767 draft * Update 767 draft * Update 767 draft * Update 767 draft * Update 767 draft * Update 767 draft * Update 767 draft * Update 767 draft * Update 767 draft * Add content for JSer.info #767 - Vite 8.0, Temporal Stage 4, Next.js 16.2 (#1364) * Add headline section for JSer.info #767 - Select Vite 8.0, ECMAScript Temporal Stage 4, pnpm 11 Beta as headlines - Fill in article title and intro section - Update tags to match selected topics https: //claude.ai/code/session_01L2ocrRx2tHwBR4yKNwqgvb Co-authored-by: azu <azu@users.noreply.github.com> * Update JSer.info #767 headlines: Vite 8.0, ECMAScript Temporal, Next.js 16.2 https: //claude.ai/code/session_01L2ocrRx2tHwBR4yKNwqgvb Co-authored-by: azu <azu@users.noreply.github.com> * Fix tense inconsistency: 進みます -> 進みました https: //claude.ai/code/session_01L2ocrRx2tHwBR4yKNwqgvb Co-authored-by: azu <azu@users.noreply.github.com> * Add browser-to-terminal log forwarding to Next.js 16.2 intro https: //claude.ai/code/session_01L2ocrRx2tHwBR4yKNwqgvb Co-authored-by: azu <azu@users.noreply.github.com> * Improve Vite 8.0 intro: use detail text more faithfully https: //claude.ai/code/session_01L2ocrRx2tHwBR4yKNwqgvb Co-authored-by: azu <azu@users.noreply.github.com> * Fix lightningcss wording to match detail entry https: //claude.ai/code/session_01L2ocrRx2tHwBR4yKNwqgvb Co-authored-by: azu <azu@users.noreply.github.com> * Clarify lightningcss: peerDependency -> direct dependency https: //claude.ai/code/session_01L2ocrRx2tHwBR4yKNwqgvb Co-authored-by: azu <azu@users.noreply.github.com> * Clarify lightningcss wording in detail entry too https: //claude.ai/code/session_01L2ocrRx2tHwBR4yKNwqgvb Co-authored-by: azu <azu@users.noreply.github.com> * Fix article selection: reorder Vite/Vitest, remove redundant TC39 article https: //claude.ai/code/session_01L2ocrRx2tHwBR4yKNwqgvb Co-authored-by: azu <azu@users.noreply.github.com> * Restore socket.dev TC39 Temporal article https: //claude.ai/code/session_01L2ocrRx2tHwBR4yKNwqgvb Co-authored-by: azu <azu@users.noreply.github.com> * Fix tense, missing の, incomplete predicate, and redundant sentence in intro https: //claude.ai/code/session_01L2ocrRx2tHwBR4yKNwqgvb Co-authored-by: azu <azu@users.noreply.github.com> --------- Co-authored-by: Claude <noreply@anthropic.com> * Update _i18n/ja/_posts/2026/2026-03-22-vite-8.0-temporal-stage-4-next.js.md * Delete _i18n/ja/_posts/2026/2026-03-22-767draft.md --------- Co-authored-by: Claude <noreply@anthropic.com> Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
diff --git a/_i18n/ja/_posts/2026/2026-03-22-vite-8.0-temporal-stage-4-next.js.md b/_i18n/ja/_posts/2026/2026-03-22-vite-8.0-temporal-stage-4-next.js.md
@@ -0,0 +1,257 @@
+---
+title: "2026-03-22のJS: Vite 8.0, Temporal Stage 4, Next.js"
+author: "azu"
+layout: post
+date: 2026-03-22T13:12:53.259Z
+category: JSer
+tags:
+- Rust
+- vite
+- bundler
+- ECMAScript
+- Next.js
+
+---
+
+JSer.info #767 - Vite 8.0がリリースされました。
+
+- [Vite 8.0 is out! | Vite (main branch)](https://main.vite.dev/blog/announcing-vite8)
+- [Vitest 4.1 is out! | Vitest](https://vitest.dev/blog/vitest-4-1.html)
+
+esbuild + Rollupの二重バンドラー構成をRustベースの統合バンドラーであるRolldownに置き換えています。lightningcssがpeerDependencyから直接的な依存関係へ変更され、ビルトインのDevtools、TypeScriptのパスエイリアス解決(`resolve.tsconfigPaths`)のサポートが追加されています。WebAssemblyのSSRサポート、ブラウザのコンソールログをdevサーバーのターミナルに転送する`server.forwardConsole`の追加なども含まれています。同じタイミングでVitest 4.1もリリースされており、Vite 8のサポート、Test Tags機能の追加、`aroundEach`/`aroundAll`フックの追加なども含まれています。
+
+---
+
+TC39 2026年3月ミーティングの結果として、TemporalがStage 4となりES2026に含まれることが決定しました。
+
+- [ECMAScript proposal updates @ 2026-03 | ECMAScript Daily](https://ecmascript-daily.github.io/ecmascript/2026/03/16/ecmascript-proposal-update)
+
+Import TextがStage 3へ、Error Stack AccessorがStage 2.7へ、Curtailing the Power of ThenablesがStage 2へ進みました。
+
+---
+
+Next.js 16.2がリリースされました。
+
+- [Next.js 16.2 | Next.js](https://nextjs.org/blog/next-16-2)
+- [Next.js 16.2: AI Improvements | Next.js](https://nextjs.org/blog/next-16-2-ai)
+
+`next dev`の起動速度の改善、Server Componentsペイロードのデシリアライズの改善によるレンダリングの高速化が行われています。`next/link`に`transitionTypes`の追加、ブラウザのコンソールログをターミナルへ転送する機能がデフォルトで有効化され、Hydrationエラーのデバッグ表示の改善、Adapters APIがStableへ変更されています。また、`create-next-app`がデフォルトで`AGENTS.md`を生成するようになりました。
+
+----
+
+{% include inline-support.html %}
+
+----
+
+<h1 class="site-genre">ヘッドライン</h1>
+
+----
+
+## Vite 8.0 is out! | Vite (main branch)
+[main.vite.dev/blog/announcing-vite8](https://main.vite.dev/blog/announcing-vite8 "Vite 8.0 is out! | Vite (main branch)")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Vite</span> <span class="jser-tag">Rust</span> <span class="jser-tag">ReleaseNote</span> <span class="jser-tag">bundler</span></p>
+
+Vite 8.0リリース。
+esbuild + Rollupの二重バンドラー構成をRustベースの統合バンドラーであるRolldownに置き換え。
+lightningcssがpeerDependencyから直接的な依存関係へ変更。
+ビルトインのDevtools、TypeScriptのパスエイリアス解決(`resolve.tsconfigPaths`)のサポート。
+WebAssemblyのSSRサポート、ブラウザのコンソールログをdevサーバーのターミナルに転送する`server.forwardConsole`の追加など。
+
+
+----
+
+## Vitest 4.1 is out! | Vitest
+[vitest.dev/blog/vitest-4-1.html](https://vitest.dev/blog/vitest-4-1.html "Vitest 4.1 is out! | Vitest")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">vite</span> <span class="jser-tag">ReleaseNote</span> <span class="jser-tag">test</span></p>
+
+Vitest 4.1リリース。
+Vite 8のサポート、テストケースにタグを付けてフィルタリングできるTest Tags機能の追加。
+`test.extend`での型推論の改善、`aroundEach`/`aroundAll`フックの追加。
+`vi.defineHelper()`でスタックトレースからヘルパー関数の内部を除外できるように。
+`--detect-async-leaks`フラグで非同期リソースのリーク検出をサポート。
+`mockThrow()`/`mockThrowOnce()`の追加、Chai形式のmockアサーションのサポート。
+GitHub Actionsレポーターがジョブサマリーを自動生成するように、AIエージェント向けのAgentレポーターの追加など
+
+
+----
+
+## Announcing Vite+ Alpha | VoidZero
+[voidzero.dev/posts/announcing-vite-plus-alpha](https://voidzero.dev/posts/announcing-vite-plus-alpha "Announcing Vite+ Alpha | VoidZero")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">vite</span> <span class="jser-tag">Rust</span> <span class="jser-tag">CLI</span> <span class="jser-tag">Tools</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Vite+ Alphaリリース。
+Vite、Vitest、Rolldown、Oxlint、Oxfmtなどを統合したCLIツール。
+`vp dev`/`vp build`/`vp test`/`vp check`などのコマンドで、開発サーバ、ビルド、テスト、Lint、フォーマットを1つのツールで実行できる。
+`vp env`でのNode.jsバージョン管理、`vp run`でのmonorepoタスク実行とキャッシュ機能も提供する。
+当初は商用版として検討されていたが、MITライセンスでオープンソースとして公開された。
+
+- [voidzero-dev/vite-plus: Vite+ is the unified toolchain and entry point for web development. It manages your runtime, package manager, and frontend toolchain in one place.](https://github.com/voidzero-dev/vite-plus/tree/main "voidzero-dev/vite-plus: Vite+ is the unified toolchain and entry point for web development. It manages your runtime, package manager, and frontend toolchain in one place.")
+
+----
+
+## Nuxt 4.4 · Nuxt Blog
+[nuxt.com/blog/v4-4](https://nuxt.com/blog/v4-4 "Nuxt 4.4 · Nuxt Blog")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Vue</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Nuxt v4.4リリース。
+Vue Router v5へのアップグレード、`createUseFetch`/`createUseAsyncData`を追加。
+レイアウトに型付きPropsを渡せるように、`useAnnouncer` composableと`<NuxtAnnouncer>`コンポーネントによるアクセシビリティの改善。
+ルート生成にtrieデータ構造ベースの`unrouting`ライブラリを採用しパフォーマンスを改善。
+`useCookie`の`refresh`オプションの追加、`nuxt build --profile`でのビルドプロファイリングのサポートなど。
+
+
+----
+
+## ECMAScript proposal updates @ 2026-03 | ECMAScript Daily
+[ecmascript-daily.github.io/ecmascript/2026/03/16/ecmascript-proposal-update](https://ecmascript-daily.github.io/ecmascript/2026/03/16/ecmascript-proposal-update "ECMAScript proposal updates @ 2026-03 | ECMAScript Daily")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">ECMAScript</span> <span class="jser-tag">proposal</span> <span class="jser-tag">news</span> <span class="jser-tag">TC39</span></p>
+
+TC39 113th meetingでのECMAScript Proposalのステージの変更まとめ。
+TemporalがStage 4となりES2026に含まれる。
+Import TextがStage 3へ、Error Stack AccessorがStage 2.7へ。
+Curtailing the Power of ThenablesがStage 2へ。
+
+
+----
+
+## Nova 1.0 · Nova
+[trynova.dev/blog/nova-1.0](https://trynova.dev/blog/nova-1.0 "Nova 1.0 · Nova")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Rust</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Nova 1.0リリース。
+Rustで書かれた軽量な組み込み向けデータ指向アーキテクチャなJavaScriptエンジン。
+ECMAScript仕様の完全な準拠にはまだ課題があり、RegExpのUnicodeサポートやPromiseのサブクラス化などに制限がある。
+セマンティックバージョニングを採用しアップデートを行なっていく予定。
+
+
+----
+
+## Electron 41.0 | Electron
+[www.electronjs.org/blog/electron-41-0](https://www.electronjs.org/blog/electron-41-0 "Electron 41.0 | Electron")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Electron</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Electron 41.0リリース。
+Chromium 146、Node.js v24.14.0、V8 14.6へアップグレード。
+PDFの描画がout-of-process iframeを使った同一WebContents内での描画に変更。
+Cookieの`changed`イベントに`inserted`などの変更理由を追加。
+ASARの整合性チェックでダイジェストのサポート、Waylandでのフレームレスウィンドウのドロップシャドウとリサイズ境界の改善。
+MSIX auto updaterの互換性を追加、macOS向け`--disable-geolocation`フラグの追加。
+WebSocket認証を`login`イベントで処理できるように、`webPreferences.focusOnNavigation`オプションの追加など。
+
+
+----
+
+## Bun v1.3.11 | Bun Blog
+[bun.com/blog/bun-v1.3.11](https://bun.com/blog/bun-v1.3.11 "Bun v1.3.11 | Bun Blog")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Bun</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Bun v1.3.11リリース。
+OSのスケジューラを使ったcronジョブを登録する`Bun.cron` APIの追加、ANSIエスケープコードを考慮した文字列スライスを行う`Bun.sliceAnsi`の追加。
+`bun test`に`--path-ignore-patterns`フラグの追加など
+
+
+----
+
+## Release pnpm 11 Beta 0 · pnpm/pnpm
+[github.com/pnpm/pnpm/releases/tag/v11.0.0-beta.0](https://github.com/pnpm/pnpm/releases/tag/v11.0.0-beta.0 "Release pnpm 11 Beta 0 · pnpm/pnpm")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">pnpm</span> <span class="jser-tag">ReleaseNote</span></p>
+
+pnpm v11.0.0-beta.0リリース。
+Pure ESMパッケージへの移行、Node.js 18-21のサポートを終了。
+`package.json`の`pnpm`フィールドの設定を`pnpm-workspace.yaml`へ移行、`pnpm server`コマンドの削除、`pnpm link`コマンドの変更など多くの破壊的変更を含む。
+パッケージメタデータの保存にSQLiteを使用するように変更、ストアバージョンの更新。
+`pnpm clean`コマンドで`node_modules`の削除、`pnpm audit --fix=update`でlockfileの更新による脆弱性の修正に対応。
+`config.yaml`のサポート、PnpmfileでESMフォーマット(`.pnpmfile.mjs`)をサポートなど。
+
+
+----
+
+## Next.js 16.2 | Next.js
+[nextjs.org/blog/next-16-2](https://nextjs.org/blog/next-16-2 "Next.js 16.2 | Next.js")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Next.js</span> <span class="jser-tag">React</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Next.js 16.2リリース。
+`next dev`の起動速度の改善、Server Componentsペイロードのデシリアライズの改善によるレンダリングの高速化。
+`next/link`に`transitionTypes`を追加、Server Functionの実行ログをターミナルに表示する機能の追加、ブラウザログをターミナルに表示する機能をデフォルトで有効化。
+Hydrationエラーのデバッグ表示の改善、`next start`で`--inspect`フラグのサポート。
+Adapters APIがStableに変更。
+`create-next-app`がデフォルトで`AGENTS.md`を生成するように変更、`node_modules/next/dist/docs/`にドキュメントをバンドルするように変更など
+
+- [Next.js 16.2: AI Improvements | Next.js](https://nextjs.org/blog/next-16-2-ai "Next.js 16.2: AI Improvements | Next.js")
+- [Turbopack: What&#039;s New in Next.js 16.2 | Next.js](https://nextjs.org/blog/next-16-2-turbopack "Turbopack: What&amp;#039;s New in Next.js 16.2 | Next.js")
+
+----
+<h1 class="site-genre">アーティクル</h1>
+
+----
+
+## TC39 Advances Temporal to Stage 4 Alongside Several ECMAScri...
+[socket.dev/blog/tc39-advances-temporal-to-stage-4?utm\_medium&#x3D;feed](https://socket.dev/blog/tc39-advances-temporal-to-stage-4?utm_medium=feed "TC39 Advances Temporal to Stage 4 Alongside Several ECMAScri...")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">TC39</span> <span class="jser-tag">ECMAScript</span> <span class="jser-tag">proposal</span> <span class="jser-tag">article</span></p>
+
+TC39 2026年3月ミーティングの結果について。
+TemporalがStage 4となりES2026に含まれることが決定した。
+
+
+----
+
+## External import maps, today! • Lea Verou
+[lea.verou.me/blog/2026/external-import-maps-today/](https://lea.verou.me/blog/2026/external-import-maps-today/ "External import maps, today! • Lea Verou")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">module</span> <span class="jser-tag">article</span></p>
+
+External Import Mapsをビルドツールなしで利用する方法について。
+`<script type="importmap">`をDOMで動的に注入することで、外部ファイルとしてImport Mapを管理できる。`document.currentScript.after()`を使い`<script type="importmap">`要素を挿入する。
+Chrome 89+/Safari 16.4+/Firefox 108+で動作する。
+
+- [JSPM - JSPM 4.0 Release](https://jspm.org/jspm-4.0-release "JSPM - JSPM 4.0 Release")
+
+----
+
+## Edge.js: Running Node apps inside a WebAssembly Sandbox · Blog · Wasmer
+[wasmer.io/posts/edgejs-safe-nodejs-using-wasm-sandbox](https://wasmer.io/posts/edgejs-safe-nodejs-using-wasm-sandbox "Edge.js: Running Node apps inside a WebAssembly Sandbox · Blog · Wasmer")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">WebAssembly</span> <span class="jser-tag">nodejs</span> <span class="jser-tag">article</span></p>
+
+WebAssemblyのSandboxでNode.js互換のアプリケーションを実行できるRuntime。
+Node.js v24互換で、Next.jsやAstroなどのフレームワークを動作させることができる。
+OSシステムコールとネイティブコードのみをWASIX経由でサンドボックス化し、JavaScriptエンジン自体はネイティブで実行するアーキテクチャとなっている。
+V8、JavaScriptCore、QuickJSなど複数のJSエンジンに対応している。
+
+
+----
+<h1 class="site-genre">サイト、サービス、ドキュメント</h1>
+
+----
+
+## unjs/impound: Builder-agnostic plugin to allow restricting import patterns in certain parts of your code-base.
+[github.com/unjs/impound?tab&#x3D;readme-ov-file](https://github.com/unjs/impound?tab=readme-ov-file "unjs/impound: Builder-agnostic plugin to allow restricting import patterns in certain parts of your code-base.")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">TypeScript</span> <span class="jser-tag">Tools</span> <span class="jser-tag">module</span> <span class="jser-tag">bundler</span> <span class="jser-tag">plugin</span></p>
+
+特定のディレクトリからのimportを禁止するなどのパターンを定義できるunpluginプラグイン。
+正規表現、文字列、関数によるパターンマッチでimportの制限ルールを定義できる。
+`trace`オプションを有効にすると、ルールで禁止された結果をわかりやすく表示できる
+
+
+----
+
+## BrowserPod — Sandboxed Dev Environments in any Browser
+[browserpod.io/](https://browserpod.io/ "BrowserPod — Sandboxed Dev Environments in any Browser")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">WebAssembly</span> <span class="jser-tag">nodejs</span> <span class="jser-tag">browser</span> <span class="jser-tag">webservice</span></p>
+
+ブラウザ内でNode.jsなどのコードをサンドボックス実行できるプラットフォーム。
+WebAssemblyベースのランタイムエンジンを使い、WebWorkerによるマルチプロセス実行、仮想ファイルシステム、制御されたネットワークアクセスなどの機能を持つ。
+
+
+----
+<h1 class="site-genre">ソフトウェア、ツール、ライブラリ関係</h1>
+
+----
+
+## sam247/openredaction: Open Source PII detection and redaction for JavaScript/Typescript. Achieve enterprise compliance and unparalleled, lightning fast performance, all 100% local.
+[github.com/sam247/openredaction](https://github.com/sam247/openredaction "sam247/openredaction: Open Source PII detection and redaction for JavaScript/Typescript. Achieve enterprise compliance and unparalleled, lightning fast performance, all 100% local.")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">TypeScript</span> <span class="jser-tag">library</span> <span class="jser-tag">privacy</span> <span class="jser-tag">RegExp</span></p>
+
+JavaScript/TypeScript向けのPII(個人識別情報)の検出とマスキングを行うライブラリ。
+正規表現パターンを使い、メールアドレス、電話番号、クレジットカード番号、政府発行IDなど50カ国以上のPIIパターンをサポートしている。
+
+
+----
