Merge pull request #1306 from jser/jser-week-744

2025-08-07のJS: Node.js v22.18.0 (LTS)、TypeScript 5.9、Panda CSS v1

Author: azu

_i18n/ja/_posts/2025/2025-08-07-node.js-v22.18.0-lts-typescript-5.9-panda-css-v1.md

@@ -0,0 +1,200 @@
+---
+title: "2025-08-07のJS: Node.js v22.18.0 (LTS)、TypeScript 5.9、Panda CSS v1"
+author: "azu"
+layout: post
+date: 2025-08-07T14:55:45.648Z
+category: JSer
+tags:
+- nodejs
+- npm
+- css
+- TypeScript
+- vlt
+
+---
+
+JSer.info #744 - Node.js v22.18.0がリリースされました。
+
+- [Node.js — Node.js v22.18.0 (LTS)](https://nodejs.org/en/blog/release/v22.18.0)
+
+このリリースでは、`--experimental-strip-types`フラグなしに、TypeScriptの型を取り除いて実行できるようになりました。フラグで無効化したい場合は`--no-experimental-strip-types`を指定します。
+
+---
+
+TypeScript 5.9がリリースされました。
+
+- [Announcing TypeScript 5.9 - TypeScript](https://devblogs.microsoft.com/typescript/announcing-typescript-5-9/)
+
+`tsc --init`で生成する設定の変更、`import defer`のサポート、`--module node20`のサポート、DOM APIの説明コメントの追加などが含まれています。また、新しいInference from Usage機能により、型推論がより正確になっています。
+
+---
+
+[Panda CSS](https://panda-css.com/) v1.0.0がリリースされました。
+
+- [🐼 Panda v1 🎊 · chakra-ui/panda · Discussion #3321](https://github.com/chakra-ui/panda/discussions/3321)
+
+TypeScriptでスタイルを書くCSS in JSフレームワークで、ビルド時にスタイルを生成するためRuntimeなしに動作します。
+
+----
+
+{% include inline-support.html %}
+
+----
+
+<h1 class="site-genre">ヘッドライン</h1>
+
+----
+
+## Node.js — Node.js v22.18.0 (LTS)
+[nodejs.org/en/blog/release/v22.18.0](https://nodejs.org/en/blog/release/v22.18.0 "Node.js — Node.js v22.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 v22.18.0リリース。
+`--experimental-strip-types`のフラグなしに、TypeScriptの型を取り除いて実行できるように。
+フラグで無効化したい場合`--no--experimental-strip-types`を指定する
+
+
+----
+
+## Node.js — Node.js v24.5.0 (Current)
+[nodejs.org/en/blog/release/v24.5.0](https://nodejs.org/en/blog/release/v24.5.0 "Node.js — Node.js v24.5.0 (Current)")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Node.js v24.5.0リリース。
+OpenSSL 3.5 にアップグレード、`--experimental-wasm-modules`のフラグを外してWasmモジュールをデフォルトでサポート。
+`NODE_USE_ENV_PROXY=1`の指定で`node:http`/`node:https`がビルトインプロキシサポート、Web Locks APIの実装など
+
+- [src: add web locks api by IlyasShabi · Pull Request #58666 · nodejs/node](https://github.com/nodejs/node/pull/58666 "src: add web locks api by IlyasShabi · Pull Request #58666 · nodejs/node")
+
+----
+
+## Release v10.0.0 · kentcdodds/cross-env
+[github.com/kentcdodds/cross-env/releases/tag/v10.0.0](https://github.com/kentcdodds/cross-env/releases/tag/v10.0.0 "Release v10.0.0 · kentcdodds/cross-env")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>
+
+cross-env 10.0.0リリース。
+Node.js 18のサポート終了、ESMで書き直しなどのメンテナンスリリース
+
+
+----
+
+## Release pnpm 10.14 · pnpm/pnpm
+[github.com/pnpm/pnpm/releases/tag/v10.14.0](https://github.com/pnpm/pnpm/releases/tag/v10.14.0 "Release pnpm 10.14 · pnpm/pnpm")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">pnpm</span> <span class="jser-tag">ReleaseNote</span></p>
+
+pnpm v10.14.0リリース。
+`devEngines.runtime`のサポートなど
+
+
+----
+
+## Release 0.15.0 | StyleX
+[stylexjs.com/blog/v0.15.0](https://stylexjs.com/blog/v0.15.0 "Release 0.15.0 | StyleX")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">css</span> <span class="jser-tag">library</span></p>
+
+StyleX v0.15.0リリース。
+`enableMediaQueryOrder`でMedia Queryのソート順を自動的に行う、Dynamic stylesの改善など
+
+
+----
+
+## Announcing TypeScript 5.9 - TypeScript
+[devblogs.microsoft.com/typescript/announcing-typescript-5-9/](https://devblogs.microsoft.com/typescript/announcing-typescript-5-9/ "Announcing TypeScript 5.9 - TypeScript")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">TypeScript</span> <span class="jser-tag">ReleaseNote</span></p>
+
+TypeScript 5.9リリース。
+`tsc --init`で生成する設定を変更、`import defer`のサポート、`--module node20`のサポート、DOM APIの説明コメントを追加など
+
+
+----
+
+## 🐼 Panda v1 🎊 · chakra-ui/panda · Discussion #3321
+[github.com/chakra-ui/panda/discussions/3321](https://github.com/chakra-ui/panda/discussions/3321 "🐼 Panda v1 🎊 · chakra-ui/panda · Discussion #3321")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">css</span> <span class="jser-tag">TypeScript</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Panda CSS 1.0.0リリース。
+TypeScriptでスタイルを書くCSS in JSフレームワーク。ビルド時にスタイルを生成するため、Runtimeなしに動作する
+
+
+----
+
+## Release oxlint v1.10.0 · oxc-project/oxc
+[github.com/oxc-project/oxc/releases/tag/oxlint\_v1.10.0](https://github.com/oxc-project/oxc/releases/tag/oxlint_v1.10.0 "Release oxlint v1.10.0 · oxc-project/oxc")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">ReleaseNote</span> <span class="jser-tag">ESLint</span></p>
+
+oxlint 1.10.0リリース。
+
+
+----
+
+## Release @sveltejs/kit@2.27.0 · sveltejs/kit
+[github.com/sveltejs/kit/releases/tag/%40sveltejs%2Fkit%402.27.0](https://github.com/sveltejs/kit/releases/tag/%40sveltejs%2Fkit%402.27.0 "Release @sveltejs/kit@2.27.0 · sveltejs/kit")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Svelte</span> <span class="jser-tag">ReleaseNote</span></p>
+
+svelte kit 2.27.0リリース。
+Remote Functionsの追加
+
+- [Remote Functions · sveltejs/kit · Discussion #13897](https://github.com/sveltejs/kit/discussions/13897 "Remote Functions · sveltejs/kit · Discussion #13897")
+- [Remote functions • Docs • Svelte](https://svelte.dev/docs/kit/remote-functions "Remote functions • Docs • Svelte")
+
+----
+<h1 class="site-genre">アーティクル</h1>
+
+----
+
+## Centralized Dependency Management Made Simple
+[blog.vlt.sh/blog/catalogs](https://blog.vlt.sh/blog/catalogs "Centralized Dependency Management Made Simple")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">vlt</span> <span class="jser-tag">npm</span> <span class="jser-tag">article</span></p>
+
+vltがcatalogをサポート。
+pnpm catalogのように`vlt.json`ファイルで依存関係を一箇所で管理できる。
+
+
+----
+
+## 命令的な ARIA ライブリージョン：ARIA Notifyの紹介
+[zenn.dev/mehm8128/articles/aria-notify-introduction](https://zenn.dev/mehm8128/articles/aria-notify-introduction "命令的な ARIA ライブリージョン：ARIA Notifyの紹介")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">HTML</span> <span class="jser-tag">accessibility</span> <span class="jser-tag">article</span></p>
+
+ARIA Notify API について
+
+
+----
+
+## npm trusted publishing with OIDC is generally available - GitHub Changelog
+[github.blog/changelog/2025-07-31-npm-trusted-publishing-with-oidc-is-generally-available/](https://github.blog/changelog/2025-07-31-npm-trusted-publishing-with-oidc-is-generally-available/ "npm trusted publishing with OIDC is generally available - GitHub Changelog")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">npm</span> <span class="jser-tag">security</span> <span class="jser-tag">article</span></p>
+
+GitHub ActionsやGitLab CI/CDからOIDCでnpm publishができるように。
+CIにsecretsとしてnpm registryのtokenを入れなくても、npm側のTrusted Publisherの設定によりCIからpublishができるようになっている。
+npm 11.5.1以降が必要
+
+
+----
+
+## How we made JSON.stringify more than twice as fast · V8
+[v8.dev/blog/json-stringify](https://v8.dev/blog/json-stringify "How we made JSON.stringify more than twice as fast · V8")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">V8</span> <span class="jser-tag">article</span></p>
+
+V8の`JSON.stringify`の高速化について。
+次の条件を満たすときに、stringifyの高速パスが通るようになる
+
+- `JSON.stringify`のオプションを使わない
+- `toJSON`を使わない
+- Array-likeなオブジェクトを含まない
+
+
+----
+<h1 class="site-genre">ソフトウェア、ツール、ライブラリ関係</h1>
+
+----
+
+## shuding/bidc: Bidirectional Channels for JavaScript
+[github.com/shuding/bidc](https://github.com/shuding/bidc "shuding/bidc: Bidirectional Channels for JavaScript")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">library</span></p>
+
+ComlinkのようにWeb Workerやiframeなど異なるコンテキストとのやりとりを行うライブラリ。
+自動的に接続/再接続、devalueを使った様々なデータを送受信できるようにしている
+
+
+----