2026-09-29のJS: React 19.3、pnpmのPython/Cargo対応、Vite+ 1.0

_i18n/ja/_posts/2026/2026-09-29-react-19.3-pnpmpythoncargo-vite-1.0.md

@@ -0,0 +1,240 @@
+---
+title: "2026-09-29のJS: React 19.3、pnpmのPython/Cargo対応、Vite+ 1.0"
+author: "azu"
+layout: post
+date: 2026-09-28T15:43:57.302Z
+category: JSer
+tags:
+- React
+- pnpm
+- vite
+- Tools
+
+---
+
+JSer.info #780 - React 19.3がリリースされました。
+
+- [React 19.3 – React](https://react.dev/blog/2026/09/09/react-19-3)
+
+`<ViewTransition>`とFragment RefsがStableになりました。
+`react-dom`に、`use(browser())`でコンポーネントをブラウザでのみ描画するための`browser()`が追加され、Trusted Types APIに対応しています。
+Server Componentsで`<Context>`を直接レンダリングできるようになり、`onFullscreenChange`/`maskType`のサポートなども追加されています。
+
+---
+
+pnpm 12.4、12.6がリリースされました。
+
+- [pnpm 12.4 | pnpm](https://pnpm.io/blog/releases/12.4)
+- [pnpm 12.6 | pnpm](https://pnpm.io/blog/releases/12.6)
+
+pnpm 12.4では、`python.enabled`/`cargo.enabled`によるPython/Cargoの依存関係管理に対応しています。
+Cargo対応の背景には、Rustで書かれるようになったpnpm自身の依存関係をpnpmで解決したいという[開発者の意図](https://github.com/orgs/pnpm/discussions/14721)があります。
+また、`pnpm pipeline`、`trustPolicyExcludePrune`、`pnpm change check`が追加されています。
+
+pnpm 12.6では、`autoDedupe`による依存関係の重複排除、`pnpm add --save-types`、Catalogsでの`file:`/`link:`のサポートが追加されています。
+このほか、`pnpm tasks status`、`pnpm cache prune --dry-run`が追加されています。
+
+---
+
+Vite+ 1.0がリリースされました。
+
+- [Announcing Vite+ 1.0 | VoidZero](https://voidzero.dev/posts/announcing-vite-plus-1-0)
+
+Betaからは、GitLab CI/CD向けの`setup-vp`、HomebrewとDockerイメージ、`vp hooks`/`vp staged`などが追加されています。
+`vp test`と`vite-plus/test*`がVitest 5.0.1へ移行し、CLIのNode.jsサポート範囲が変更されています。
+`oxlint`/`oxfmt`の実行ファイルラッパーが削除され、`vp lint --lsp`/`vp fmt --lsp`を使う形に変更されています。
+また、`vp migrate`によるVitest 5への移行、npm provenance検証、`vp add --offline`/`--frozen-lockfile`のサポートなどが追加されています。
+
+----
+
+<h1 class="site-genre">ヘッドライン</h1>
+
+----
+
+## React 19.3 – React
+[react.dev/blog/2026/09/09/react-19-3](https://react.dev/blog/2026/09/09/react-19-3 "React 19.3 – React")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">ReleaseNote</span></p>
+
+React 19.3リリース。
+`<ViewTransition>`とFragment RefsがStable化、`browser()`とTrusted Typesのサポートを追加。
+`react-dom`に`use(browser())`でコンポーネントをブラウザでのみ描画するための`browser()`を追加、Trusted Types APIのサポート。
+Server Componentsで`<Context>`を直接レンダリングできるように変更、`onFullscreenChange`/`maskType`のサポートなど。
+
+- [react/CHANGELOG.md at main · react/react](https://github.com/react/react/blob/main/CHANGELOG.md#1930-september-9-2026 "react/CHANGELOG.md at main · react/react")
+
+----
+
+## pnpm 12.4 | pnpm
+[pnpm.io/blog/releases/12.4](https://pnpm.io/blog/releases/12.4 "pnpm 12.4 | pnpm")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">pnpm</span> <span class="jser-tag">ReleaseNote</span></p>
+
+pnpm 12.4リリース。
+`python.enabled`/`cargo.enabled`によるPython/Cargo依存関係の管理を追加(pnpm自体がRustで書かれるようになったため)。
+`pnpm pipeline`、`trustPolicyExcludePrune`、`pnpm change check`の追加など。
+
+- [RFC: Cargo ecosystem — pnpm for Rust crates, pnpr as a crate registry by zkochan · Pull Request #34 · pnpm/rfcs](https://github.com/pnpm/rfcs/pull/34 "RFC: Cargo ecosystem — pnpm for Rust crates, pnpr as a crate registry by zkochan · Pull Request #34 · pnpm/rfcs")
+- [Track multi-ecosystem install architecture hardening · Issue #14566 · pnpm/pnpm](https://github.com/pnpm/pnpm/issues/14566 "Track multi-ecosystem install architecture hardening · Issue #14566 · pnpm/pnpm")
+
+----
+
+## Zod 4.6
+[zod.dev/blog/zod-4-6](https://zod.dev/blog/zod-4-6 "Zod 4.6")
+<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">ReleaseNote</span></p>
+
+Zod 4.6リリース。
+`.validate()`/`.validateAsync()`の追加、`z.instanceof().properties()`の追加。
+`z.fromJSONSchema()`で`minProperties`/`uniqueItems`などのJSON Schemaキーワードに対応。
+`z.iban()`、`z.withParser()`の追加、CommonJSでの`require("zod")`経由の呼び出しの改善など
+
+
+----
+
+## Webpack 5.111 | webpack
+[webpack.js.org/blog/2026-09-14-webpack-5-111/](https://webpack.js.org/blog/2026-09-14-webpack-5-111/ "Webpack 5.111 | webpack")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">webpack</span> <span class="jser-tag">ReleaseNote</span></p>
+
+webpack 5.111リリース。
+ESM出力がStableとなり`experiments.outputModule`なしで`output.module`を利用可能に。
+`output.copy`、ブラウザターゲットに合わせたCSS最小化の設定として`lowerUnsupported`/`colorFallbacks`の追加。
+`acorn`/`neo-async`への依存を削除など。
+
+
+----
+
+## Release v3.0.0 · pmndrs/jotai
+[github.com/pmndrs/jotai/releases/tag/v3.0.0](https://github.com/pmndrs/jotai/releases/tag/v3.0.0 "Release v3.0.0 · pmndrs/jotai")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Jotai v3.0.0リリース。
+React 18/TypeScript 5.5/Node.js 22.12.0以上が必要となり、CJS/UMD/SystemJSビルドを削除。
+`atomFamily`/`loadable`/`jotai/babel`/`setSelf`/`delay`オプションを削除。
+`useAtomValueRaw`と`useAtomValueRawSync`を追加など
+
+- [jotai/docs/guides/migrating-to-v3.mdx at main · pmndrs/jotai](https://github.com/pmndrs/jotai/blob/main/docs/guides/migrating-to-v3.mdx "jotai/docs/guides/migrating-to-v3.mdx at main · pmndrs/jotai")
+
+----
+
+## What&#039;s New in Apollo Client 4.3 - Apollo GraphQL Blog
+[www.apollographql.com/blog/whats-new-in-apollo-client-4-3](https://www.apollographql.com/blog/whats-new-in-apollo-client-4-3 "What&#039;s New in Apollo Client 4.3 - Apollo GraphQL Blog")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">GraphQL</span> <span class="jser-tag">TypeScript</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Apollo Client 4.3リリース。
+`Scalar`によるCustom Scalarsのシリアライズ/デシリアライズ、`TypeOverrides`によるCache型の上書きに対応。
+`@defer`/`@stream`のIncremental Dataの型改善、`useSubscription`での`skipToken`サポートなど
+
+
+----
+
+## pnpm 12.6 | pnpm
+[pnpm.io/blog/releases/12.6](https://pnpm.io/blog/releases/12.6 "pnpm 12.6 | pnpm")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">pnpm</span> <span class="jser-tag">ReleaseNote</span></p>
+
+pnpm 12.6リリース。
+`autoDedupe`による依存関係の重複排除、
+`pnpm add --save-types`、Catalogsでの`file:`/`link:`をサポート。
+`pnpm tasks status`の追加、`pnpm cache prune --dry-run`の追加など。
+
+
+----
+
+## WebKit Features for Safari 27.0 | WebKit
+[webkit.org/blog/18325/webkit-features-for-safari-27-0/](https://webkit.org/blog/18325/webkit-features-for-safari-27-0/ "WebKit Features for Safari 27.0 | WebKit")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">safari</span> <span class="jser-tag">browser</span> <span class="jser-tag">WebAssembly</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">css</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Safari 27.0のWebKitの変更点について。
+Safari MCP、`<select>`のカスタマイズ、`<modal>`要素のサポート、`<img sizes="auto">`のサポート。
+WebAssembly JSPI、Service Worker Static Routing API、WebGPUの`clip_distances`をサポート。
+JavaScriptのESM LoaderをECMAScript仕様に沿ってC++で再実装、Top-Level Awaitの挙動を修正。
+
+
+----
+
+## Announcing Vite+ 1.0 | VoidZero
+[voidzero.dev/posts/announcing-vite-plus-1-0](https://voidzero.dev/posts/announcing-vite-plus-1-0 "Announcing Vite+ 1.0 | VoidZero")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">vite</span> <span class="jser-tag">Tools</span> <span class="jser-tag">CLI</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Vite+ 1.0リリース。
+BetaからはGitLab CI/CD向け`setup-vp`、HomebrewとDockerイメージ、`vp hooks`/`vp staged`などを追加。
+`vp test`と`vite-plus/test*`がVitest 5.0.1へ移行、CLIのNode.jsサポート範囲を変更。
+`oxlint`/`oxfmt`の実行ファイルラッパーを削除し、`vp lint --lsp`/`vp fmt --lsp`を使う形へ変更。
+`vp migrate`によるVitest 5移行、npm provenance検証、`vp add --offline`/`--frozen-lockfile`のサポートなど。
+
+- [Release vite-plus v1.0.0: Vite+ 1.0 is stable · voidzero-dev/vite-plus](https://github.com/voidzero-dev/vite-plus/releases/tag/v1.0.0 "Release vite-plus v1.0.0: Vite+ 1.0 is stable · voidzero-dev/vite-plus")
+
+----
+<h1 class="site-genre">アーティクル</h1>
+
+----
+
+## AI coding has made CI a bottleneck, so we reworked ours to keep up
+[linear.app/now/ci-bottleneck-reworked](https://linear.app/now/ci-bottleneck-reworked "AI coding has made CI a bottleneck, so we reworked ours to keep up")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">CI</span> <span class="jser-tag">testing</span> <span class="jser-tag">article</span> <span class="jser-tag">TypeScript</span></p>
+
+LinearでのCI改善として、`tsgo`への移行、ESLintルールを型情報に依存しないように変更。
+また、サードパーティランナーと`actions/checkout`の調整、pnpmの依存インストール範囲の限定、Vitestのshard分割や`isolate: false`の導入などについて
+
+
+----
+<h1 class="site-genre">スライド、動画関係</h1>
+
+----
+
+## フロントエンドカンファレンス福岡 2026 公開資料・Xアカウントリンクまとめ
+[zenn.dev/h\_yoshikawa0724/articles/2026-09-13-frontend-conf-fukuoka-2026](https://zenn.dev/h_yoshikawa0724/articles/2026-09-13-frontend-conf-fukuoka-2026 "フロントエンドカンファレンス福岡 2026 公開資料・Xアカウントリンクまとめ")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">web</span> <span class="jser-tag">Conference</span> <span class="jser-tag">slide</span></p>
+
+フロントエンドカンファレンス福岡 2026のスライドまとめ。
+
+- [FEC Fukuoka 2026 | FEC Fukuoka](https://frontend-conf.fukuoka.jp/2026 "FEC Fukuoka 2026 | FEC Fukuoka")
+
+----
+<h1 class="site-genre">サイト、サービス、ドキュメント</h1>
+
+----
+
+## fallow-rs/fallow: Codebase intelligence for TypeScript and JavaScript. Free static analysis of code and styles: unused code, duplication, circular deps, complexity hotspots, architecture boundaries, design-system drift. Optional paid runtime layer (Fallow Runtime): hot-path review and cold-path deletion evidence from real production traffic.
+[github.com/fallow-rs/fallow](https://github.com/fallow-rs/fallow "fallow-rs/fallow: Codebase intelligence for TypeScript and JavaScript. Free static analysis of code and styles: unused code, duplication, circular deps, complexity hotspots, architecture boundaries, design-system drift. Optional paid runtime layer (Fallow Runtime): hot-path review and cold-path deletion evidence from real production traffic.")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">TypeScript</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">Tools</span> <span class="jser-tag">lint</span></p>
+
+TypeScript/JavaScript向けの静的解析ツール。
+未使用コード、循環依存、重複コード、複雑度、アーキテクチャ境界違反、CSSのスタイル差分を検出する。
+`fallow audit`で変更ファイルに対するPRゲートを実行でき、`--format json`でJSON出力に対応する。
+
+
+----
+
+## lovablelabs/oj: An experimental Rust-native build tool for React apps.
+[github.com/lovablelabs/oj](https://github.com/lovablelabs/oj "lovablelabs/oj: An experimental Rust-native build tool for React apps.")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Rust</span> <span class="jser-tag">React</span> <span class="jser-tag">Tools</span> <span class="jser-tag">vite</span></p>
+
+Reactアプリ向けのRust製ビルドツール。
+V8を組み込んだ単一の実行バイナリとして動作する。
+Vite/Rollup互換のプラグイン、SSR、TanStack Startに対応し、`oj dev`と`oj build`で開発サーバとビルドを実行できる。
+
+- [Faster previews, soon powered by OJ | Lovable](https://lovable.dev/blog/faster-previews-oj "Faster previews, soon powered by OJ | Lovable")
+
+----
+<h1 class="site-genre">ソフトウェア、ツール、ライブラリ関係</h1>
+
+----
+
+## shadcn-ui/lint: An agent-first linter for Tailwind design systems. Write design system rules that agents can verify.
+[github.com/shadcn-ui/lint](https://github.com/shadcn-ui/lint "shadcn-ui/lint: An agent-first linter for Tailwind design systems. Write design system rules that agents can verify.")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">css</span> <span class="jser-tag">ESLint</span> <span class="jser-tag">Tools</span></p>
+
+Tailwindデザインシステム向けのLintツール。
+ESLint/Oxlint向けに提供され、Tailwind v4プロジェクトで利用できる。
+`no-restyle`/`no-raw-colors`/`no-arbitrary-values`などのルールで、コンポーネントごとのclassName利用を制限できる。
+
+
+----
+
+## unjs/upm: 📦 A fast, tiny package manager for the npm registry, written in TypeScript.
+[github.com/unjs/upm](https://github.com/unjs/upm "unjs/upm: 📦 A fast, tiny package manager for the npm registry, written in TypeScript.")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">TypeScript</span> <span class="jser-tag">npm</span> <span class="jser-tag">Tools</span></p>
+
+TypeScriptで書かれたnpmレジストリ向けのパッケージマネージャ。
+パッケージサイズが小さく、プログラムから実行できるAPIを持っている
+
+
+----