2026-07-05のJS: Deno 2.9、Vite 8.1、ES2026

_i18n/ja/_posts/2026/2026-07-05-deno-2.9-vite-8.1-es2026.md

@@ -0,0 +1,233 @@
+---
+title: "2026-07-05のJS: Deno 2.9、Vite 8.1、ES2026"
+author: "azu"
+layout: post
+date: 2026-07-05T03:58:38.215Z
+category: JSer
+tags:
+- Tools
+- pnpm
+- Rust
+- React
+- TypeScript
+
+---
+
+JSer.info #775 - Deno 2.9がリリースされました。
+
+- [Deno 2.9 | Deno](https://deno.com/blog/v2.9)
+
+実験的な機能として、Web技術を使ったデスクトップアプリを作成する`deno desktop`が追加されています。
+`deno install`は、npm/pnpm/yarn/Bunのlockfileを読み込んで`deno.lock`を作成できるようになっています。
+また、npmパッケージの新しいバージョンをすぐにインストールしない`min-release-age=24h`がデフォルトで有効化されています。
+そのほか、`deno test`の`--changed`/`--retry`/`--shard`、`deno compile`の`--include-as-is`/`--bundle`/`--watch`、`deno fmt`の設定項目が追加されています。
+
+---
+
+Vite 8.1がリリースされました。
+
+- [Vite 8.1 is out! | Vite](https://vite.dev/blog/announcing-vite8-1)
+
+実験的な機能として、開発時にもバンドルしたファイルを配信する`--experimental-bundle`が追加されています。
+また、出力チャンクのハッシュ変更が連鎖する問題を避けるためのChunk Import Mapが追加されています。
+Wasm ESM integrationのサポート、`import.meta.glob`の`caseSensitive`オプション、`html.additionalAssetSources`によるHTML内のアセット検出設定も追加されています。
+
+---
+
+ECMAScript 2026がリリースされました。
+
+- [Release ES2026 · tc39/ecma262](https://github.com/tc39/ecma262/releases/tag/es2026)
+
+2026年6月30日にEcmaで承認された正式リリースです。
+`Array.fromAsync`、`Uint8Array.prototype.toBase64()`/`Uint8Array.fromBase64()`、`Iterator.concat()`が追加されています。
+また、`Math.sumPrecise()`、`Error.isError()`、`Map.prototype.getOrInsert()`なども追加されています。
+
+----
+{% include inline-support.html %}
+
+----
+
+<h1 class="site-genre">ヘッドライン</h1>
+
+----
+
+## Node.js — Node.js 24.18.0 (LTS)
+[nodejs.org/en/blog/release/v24.18.0](https://nodejs.org/en/blog/release/v24.18.0 "Node.js — Node.js 24.18.0 (LTS)")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Node.js v24.18.0 (LTS)リリース。
+`Buffer.poolSize`のデフォルト値を64 KiBに変更、Web CryptoにTurboSHAKE/KangarooTwelveを追加。
+`http.writeInformation()`の追加、`crypto.diffieHellman()`で鍵データを受け取れるように変更など
+
+
+----
+
+## pnpm 11.9 | pnpm
+[pnpm.io/blog/releases/11.9](https://pnpm.io/blog/releases/11.9 "pnpm 11.9 | pnpm")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">pnpm</span> <span class="jser-tag">ReleaseNote</span></p>
+
+pnpm 11.9リリース。
+registryがchecksumを提供しないtarballの`integrity`を計算してlockfileに記録するように変更。
+`pnpm sbom --exclude-peers`の追加、`pnpm audit --fix`の`minimumReleaseAgeExclude`の出力形式を修正など
+
+
+----
+
+## Announcing Rspack 2.1 - Rspack
+[rspack.rs/blog/announcing-2-1](https://rspack.rs/blog/announcing-2-1 "Announcing Rspack 2.1 - Rspack")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">rspack</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Rspack 2.1リリース。
+`builtin:swc-loader`でのReact Compilerサポート、`import.meta.glob`のサポートを追加。
+`CircularCheckRspackPlugin`の追加、TypeScript 7を使った型チェックのサポート。
+`module.parser.javascript.createRequire`、`css/global`、`experiments.sourceImport`を追加。
+`cache.maxAge`/`cache.maxVersions`による永続キャッシュの自動削除を追加。
+`experiments.pureFunctions`をproduction modeでデフォルト有効化、依存関係のTree Shakingを改善など
+
+
+----
+
+## Deno 2.9 | Deno
+[deno.com/blog/v2.9](https://deno.com/blog/v2.9 "Deno 2.9 | Deno")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">deno</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Deno v2.9リリース。
+実験的な機能として`deno desktop`の追加、`deno install`のnpm/pnpm/yarn/Bun lockfileの読み込み対応。
+`deno list`/`deno link`/`deno unlink`の追加。
+`min-release-age=24h`をデフォルトで有効化、`trust-policy=no-downgrade`の追加。
+`deno test`に`--changed`/`--retry`/`--shard`フラグを追加。
+`deno compile`に`--include-as-is`/`--bundle`/`--watch`を追加。
+`deno fmt`に`sortNamedImports`/`json.trailingCommas`/`.editorconfig`対応を追加。
+
+
+----
+
+## Prettier 3.9: Major parser upgrades and Formatting improvements · Prettier
+[prettier.io/blog/2026/06/27/3.9.0](https://prettier.io/blog/2026/06/27/3.9.0 "Prettier 3.9: Major parser upgrades and Formatting improvements · Prettier")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">Tools</span> <span class="jser-tag">ReleaseNote</span> <span class="jser-tag">TypeScript</span> <span class="jser-tag">css</span></p>
+
+Prettier 3.9リリース。
+Markdownパーサを`micromark` v4、YAMLパーサを`yaml` v2へ更新。
+GraphQL.js v17の構文とRustベースのFlowパーサをサポート。
+`import ... assert`構文のサポートを削除、`--no-semi`でのコメント処理を改善など
+
+
+----
+
+## Vite 8.1 is out! | Vite
+[vite.dev/blog/announcing-vite8-1](https://vite.dev/blog/announcing-vite8-1 "Vite 8.1 is out! | Vite")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">vite</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Vite 8.1リリース。
+実験的な機能として`--experimental-bundle`を追加し、開発時にもバンドルして配信に対応、Chunk Import Mapの追加。
+Wasm ESM integration、`import.meta.glob`の`caseSensitive`オプションを追加。
+`html.additionalAssetSources`でHTML内の独自要素や属性からのアセット検出を設定できるように。
+
+
+----
+
+## Release 1.0.0 🎉 · hunvreus/basecoat
+[github.com/hunvreus/basecoat/releases/tag/1.0.0](https://github.com/hunvreus/basecoat/releases/tag/1.0.0 "Release 1.0.0 🎉 · hunvreus/basecoat")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">css</span> <span class="jser-tag">HTML</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Basecoat 1.0.0リリース。
+Tailwind CSSとHTML/CSS/JavaScriptで実装したshadcn/ui互換のコンポーネントライブラリ。
+ReactやRadixなどの実行時依存なしで、CDN/npm/テンプレートから利用できる。
+
+
+----
+
+## Next.js 16.3: Instant Navigations | Next.js
+[nextjs.org/blog/next-16-3-instant-navigations](https://nextjs.org/blog/next-16-3-instant-navigations "Next.js 16.3: Instant Navigations | 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.3 Previewリリース。
+Next.js 16.3で試験的な機能として追加されるInstant Navigationsについて。
+`cacheComponents`と`partialPrefetching`オプションによって、Instant routeごとに一度キャッシュが作られ、ページナビゲーションが即時的に表示できる仕組みについて
+
+
+----
+
+## Release ES2026 · tc39/ecma262
+[github.com/tc39/ecma262/releases/tag/es2026](https://github.com/tc39/ecma262/releases/tag/es2026 "Release ES2026 · tc39/ecma262")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">ECMAScript</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">ReleaseNote</span></p>
+
+ECMAScript 2026リリース。
+2026年6月30日にEcmaで承認された正式リリース。
+`Array.fromAsync`、`Uint8Array.prototype.toBase64()`/`Uint8Array.fromBase64()`を追加。
+`Iterator.concat()`、`Math.sumPrecise()`、`Error.isError()`、`Map.prototype.getOrInsert()`の追加など。
+
+
+----
+
+## Announcing Vite+ Beta | VoidZero
+[voidzero.dev/posts/announcing-vite-plus-beta](https://voidzero.dev/posts/announcing-vite-plus-beta "Announcing Vite+ Beta | VoidZero")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">vite</span> <span class="jser-tag">CLI</span> <span class="jser-tag">Tools</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Vite+ Betaリリース。
+`vp run`のキャッシュ改善、`vp migrate`の対応範囲の改善、proxyとカスタムCAに対応したHTTP処理の追加など。
+
+
+----
+<h1 class="site-genre">アーティクル</h1>
+
+----
+
+## Flow has been ported to Rust | Flow
+[medium.com/flow-type/flows-ocaml-to-rust-port-78b95bcf49e9](https://medium.com/flow-type/flows-ocaml-to-rust-port-78b95bcf49e9 "Flow has been ported to Rust | Flow")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">flowtype</span> <span class="jser-tag">Rust</span> <span class="jser-tag">article</span></p>
+
+FlowをOCamlからRustへ移植した話。
+AIを使った行ごとの移植、OCamlとRustの違い、移植後のビルドやテストの扱いについて書かれている。コードフリーズなしでの移植を行なっている。
+
+
+----
+
+## Introducing the Safari MCP server for web developers | WebKit
+[webkit.org/blog/18136/introducing-the-safari-mcp-server-for-web-developers/](https://webkit.org/blog/18136/introducing-the-safari-mcp-server-for-web-developers/ "Introducing the Safari MCP server for web developers | WebKit")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">safari</span> <span class="jser-tag">browser</span> <span class="jser-tag">MCP</span> <span class="jser-tag">Tools</span> <span class="jser-tag">article</span></p>
+
+Safari Technology Preview 247で追加されたSafari MCP serverについて。
+AI AgentからSafariのタブを操作し、DOM/ネットワーク/コンソール/スクリーンショットを参照できる。
+`safaridriver --mcp`で起動し、`navigate_to_url`/`evaluate_javascript`/`screenshot`などのツールを提供する。
+
+
+----
+<h1 class="site-genre">サイト、サービス、ドキュメント</h1>
+
+----
+
+## Introduction | pnpm
+[pnpm.io/pnpr/](https://pnpm.io/pnpr/ "Introduction | pnpm")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">pnpm</span> <span class="jser-tag">Rust</span> <span class="jser-tag">npm</span> <span class="jser-tag">server</span> <span class="jser-tag">document</span></p>
+
+npm registry serverであるpnprについて。
+Rustで書かれており、npm registry protocolに対応するためpnpm/npm/yarnから利用できる。
+lockfileのresolveをサーバ側で行いラウンドトリップを減らしている。
+PolyForm Shield Licenseで公開されている。
+
+
+----
+<h1 class="site-genre">ソフトウェア、ツール、ライブラリ関係</h1>
+
+----
+
+## facebook/astryx: An open source design system that&#039;s fully customizable and agent ready
+[github.com/facebook/astryx](https://github.com/facebook/astryx "facebook/astryx: An open source design system that&#039;s fully customizable and agent ready")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">Design</span> <span class="jser-tag">Tools</span> <span class="jser-tag">library</span></p>
+
+ReactとStyleXで実装されたMetaのデザインシステム。
+`@astryxdesign/core`でコンポーネントとテーマを提供し、`@astryxdesign/cli`でテンプレート/scaffolding/テーマ/codemodなどを扱える。
+
+
+----
+
+## jayu/rev-dep: Dependency analysis and optimization toolkit for modern JavaScript and TypeScript codebases. Enforce dependency graph hygiene and remove unused code with a very fast CLI.
+[github.com/jayu/rev-dep](https://github.com/jayu/rev-dep "jayu/rev-dep: Dependency analysis and optimization toolkit for modern JavaScript and TypeScript codebases. Enforce dependency graph hygiene and remove unused code with a very fast CLI.")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">TypeScript</span> <span class="jser-tag">CLI</span> <span class="jser-tag">Tools</span></p>
+
+JavaScript/TypeScript向けの依存関係解析CLIツール。
+`rev-dep config run`でモジュールの依存関係の循環参照やデッドコードなどのチェックができる。
+
+
+----