From 6ece1a01b5f36619a2130a9c6d07133dcfa95ee0 Mon Sep 17 00:00:00 2001 From: azu Date: Wed, 25 Oct 2023 22:30:33 +0900 Subject: [PATCH] =?UTF-8?q?2023-10-25=E3=81=AEJS:=20Node.js=2021(Current)?= =?UTF-8?q?=E3=81=A8Node.js=2020.9.0(LTS)=E3=80=81Yarn=204=E3=80=81tsc=20-?= =?UTF-8?q?-isolatedDeclarations=20(#1130)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * Update 666 draft * Update 666 draft * Update 666 draft * Update 666 draft * Update 666 draft * Update 666 draft * Update 666 draft * Update 666 draft * Update 666 draft * Update 666 draft * Update 666 draft * Update 666 draft * Update 666 draft * Update 666 draft * Update 666 draft * Update 666 draft * Update _i18n/ja/_posts/2023/2023-10-25-node.js-21currentnode.js-20.9.0lts-yarn-4-tsc-isolateddeclarations.md * Delete _i18n/ja/_posts/2023/2023-10-25-666draft.md * Update _i18n/ja/_posts/2023/2023-10-25-node.js-21currentnode.js-20.9.0lts-yarn-4-tsc-isolateddeclarations.md --------- Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> --- ....9.0lts-yarn-4-tsc-isolateddeclarations.md | 231 ++++++++++++++++++ 1 file changed, 231 insertions(+) create mode 100644 _i18n/ja/_posts/2023/2023-10-25-node.js-21currentnode.js-20.9.0lts-yarn-4-tsc-isolateddeclarations.md diff --git a/_i18n/ja/_posts/2023/2023-10-25-node.js-21currentnode.js-20.9.0lts-yarn-4-tsc-isolateddeclarations.md b/_i18n/ja/_posts/2023/2023-10-25-node.js-21currentnode.js-20.9.0lts-yarn-4-tsc-isolateddeclarations.md new file mode 100644 index 00000000000..a3a9f6d39e4 --- /dev/null +++ b/_i18n/ja/_posts/2023/2023-10-25-node.js-21currentnode.js-20.9.0lts-yarn-4-tsc-isolateddeclarations.md @@ -0,0 +1,231 @@ +--- +title: "2023-10-25のJS: Node.js 21(Current)とNode.js 20.9.0(LTS)、Yarn 4、tsc --isolatedDeclarations" +author: "azu" +layout: post +date : 2023-10-25T13:19:35.470Z +category: JSer +tags: +- Tools +- nodejs +- rspack +- Vue +- React + +--- + +JSer.info #666 - Node.js 21がリリースされました。 + +- [Node.js 21 is now available! | Node.js](https://nodejs.org/en/blog/announcements/v21-release-announce) + +奇数バージョンはいわゆる開発バージョンとなりLTSにはなりません。 +Node.js 21では、Fetch/WebStreams APIのStable化、V8 11.8へのアップデート、`node --test`でのglobのサポートが追加されています。 +また、モジュールのデフォルトをESMにできる`--experimental-default-type`、Magic BytesでWasmを判定する`--experimental-wasm-modules`の追加されています。 +これらのフラグについては次の記事で解説しています。 + +- [Deep Dive: Node.jsのESMデフォルト化への道 - JSer.info](https://jser.info/2023/10/18/node.js-roadmap-esm-by-default/) + +また、`fs.writeFile`に`flush`オプションの追加、StreamsとHTTPのパフォーマンス改善、`navigator`のグローバルオブジェクトをサポートなども追加されています。 + +--- + +同じくNode.js v20.9.0がリリースされています。 + +- [Node v20.9.0 (LTS) | Node.js](https://nodejs.org/en/blog/release/v20.9.0) + +Node.js v20.9.0は、Node.js 20.x のLTSの開始となるバージョンです。 +Node.js 20.xのLTSは、2026-04-30までメンテナンスされる予定です。 + +- [nodejs/Release: Node.js Release Working Group](https://github.com/nodejs/release) + +--- + +パッケージマネージャーであるYarn 4.0がリリースされました。 + +- [Release: Yarn 4.0 🪄⚗️ | Yarn](https://yarnpkg.com/blog/release/4.0) + +Node.js 12/14/16のサポート終了、`yarn set version`は`packageManager`フィールドを更新するように変更されています。 +ロックファイルとレジストリのメタデータが一致しているかを検証するHardened Modeの追加、制約エンジンをJSベースに置き換えが行われています。 +またYarn 2/3ではプラグインとなっていた`yarn upgrade-interactive`と`yarn stage`をコアに取り込み、パフォーマンスの改善なども含まれています。 + + +---- + +{% include inline-support.html %} + +---- + +

ヘッドライン

+ +---- + +## Release v0.3.7 · web-infra-dev/rspack +[github.com/web-infra-dev/rspack/releases/tag/v0.3.7](https://github.com/web-infra-dev/rspack/releases/tag/v0.3.7 "Release v0.3.7 · web-infra-dev/rspack") +

rspack ReleaseNote

+ +rspack v0.3.7リリース。 +`experiments.rspackFuture.newResolver`で新しいResolverをOpt-inできるように。 +styled-componentsのサポート、Vue 2でのCSSの抽出をサポートなど + + +---- + +## Rspress, the Rspack-based static site generator · web-infra-dev · Discussion #5 +[github.com/orgs/web-infra-dev/discussions/5](https://github.com/orgs/web-infra-dev/discussions/5 "Rspress, the Rspack-based static site generator · web-infra-dev · Discussion #5") +

Rust document Tools ReleaseNote

+ +RspackベースのDocusarusu/VitePressライクな静的サイトジェネレータであるRspress 1.0.0リリース。 + + +---- + +## Release v3.8.0 · nuxt/nuxt +[github.com/nuxt/nuxt/releases/tag/v3.8.0](https://github.com/nuxt/nuxt/releases/tag/v3.8.0 "Release v3.8.0 · nuxt/nuxt") +

Vue library ReleaseNote

+ +Nuxt.js v3.8.0リリース。 +Nuxt DevTools 1.0、`@nuxt/image`の自動インストール、アプリの構成を定義したメタファイルの出力に対応、NuxtLinkのデフォルトの挙動を設定できるように。 +`useAsyncData`と`useFetch`に`deep`オプションの追加、`getCachedData`でカスタムキャッシュをサポートなど + +- [Release v1.0.0 · nuxt/devtools](https://github.com/nuxt/devtools/releases/tag/v1.0.0 "Release v1.0.0 · nuxt/devtools") + +---- + +## Storybook 7.5 +[storybook.js.org/blog/storybook-7-5/](https://storybook.js.org/blog/storybook-7-5/ "Storybook 7.5") +

Design Development Tools ReleaseNote

+ +Storybook 7.5リリース。 +Vite 5のサポート、`storiesOf`を非推奨化。 +Next.jsとAngularのサポート改善、Lit 3.0のサポートなど + + +---- + +## Announcing TanStack Query v5 | TanStack Blog +[tanstack.com/blog/announcing-tanstack-query-v5](https://tanstack.com/blog/announcing-tanstack-query-v5 "Announcing TanStack Query v5 | TanStack Blog") +

React Vue Solid Svelte HTTP library ReleaseNote

+ +TanStack Query v5リリース。 +APIの引数の形式を変更、Suspenseのサポート、開発者ツールの刷新など。 + +- [Announcing TanStack Query v5 | TanStack Blog](https://tanstack.com/blog/announcing-tanstack-query-v5 "Announcing TanStack Query v5 | TanStack Blog") +- [Migrating to TanStack Query v5 | TanStack Query Docs](https://tanstack.com/query/v5/docs/react/guides/migrating-to-v5 "Migrating to TanStack Query v5 | TanStack Query Docs") + +---- + +## Release: Yarn 4.0 🪄⚗️ | Yarn +[yarnpkg.com/blog/release/4.0](https://yarnpkg.com/blog/release/4.0 "Release: Yarn 4.0 🪄⚗️ | Yarn") +

yarn ReleaseNote

+ +Yarn 4.0リリース。 +Node.js 12/14/16のサポート終了、`yarn set version`は`packageManager`フィールドを更新するように。 +ロックファイルとレジストリのメタデータが一致しているかを検証するHardened Modeの追加、制約エンジンをJSベースに置き換え。 +`yarn upgrade-interactive`と`yarn stage`をコアに取り込み、パフォーマンスの改善など + + +---- + +## Release v0.3.8 · web-infra-dev/rspack +[github.com/web-infra-dev/rspack/releases/tag/v0.3.8](https://github.com/web-infra-dev/rspack/releases/tag/v0.3.8 "Release v0.3.8 · web-infra-dev/rspack") +

rspack ReleaseNote

+ +rspack v0.3.8リリース。 +Top-Level `await`のサポートなど + + +---- + +## Node v20.9.0 (LTS) | Node.js +[nodejs.org/en/blog/release/v20.9.0](https://nodejs.org/en/blog/release/v20.9.0 "Node v20.9.0 (LTS) | Node.js") +

nodejs ReleaseNote

+ +Node.js v20.9.0リリース。 +Node.js 20.x系のLTSとなるバージョン。 +2026年4月までメンテナンスされる予定。 + + +---- + +## Node.js 21 is now available! | Node.js +[nodejs.org/en/blog/announcements/v21-release-announce](https://nodejs.org/en/blog/announcements/v21-release-announce "Node.js 21 is now available! | Node.js") +

nodejs ReleaseNote

+ +Node.js v21リリース。 +current(開発版)となるメジャーバージョン。 +Fetch/WebStreams APIのStable化、V8 11.8へのアップデート、`node --test`でのglobのサポート。 +モジュールのデフォルトをESMにできる`--experimental-default-type`、Magic BytesでWasmを判定する`--experimental-wasm-modules`の追加。 +`fs.writeFile`に`flush`オプションの追加、StreamsとHTTPのパフォーマンス改善、`navigator`のグローバルオブジェクトをサポートなど + +- [Node v21.0.0 (Current) | Node.js](https://nodejs.org/en/blog/release/v21.0.0 "Node v21.0.0 (Current) | Node.js") + +---- +

アーティクル

+ +---- + +## The State of WebAssembly 2023 +[blog.scottlogic.com/2023/10/18/the-state-of-webassembly-2023.html](https://blog.scottlogic.com/2023/10/18/the-state-of-webassembly-2023.html "The State of WebAssembly 2023") +

WebAssembly Survey

+ +WebAssemblyについて開発者アンケートの結果 + + +---- + +## Goodbye, Node.js Buffer — Sindre Sorhus +[sindresorhus.com/blog/goodbye-nodejs-buffer](https://sindresorhus.com/blog/goodbye-nodejs-buffer "Goodbye, Node.js Buffer — Sindre Sorhus") +

nodejs opinion article

+ +Node.jsの`Buffer`はブラウザとの互換性がないため、`Uint8Array`を代わりに使おうという話。 +現在の`Buffer`は`Uint8Array`のサブクラスとして実装されているが、`slice()`の動作の違いや移植性が悪いというなどの問題がある。 +`Uint8Array`を直接扱う方法やマイグレーションなどについて + +- [Start moving to Uint8Array in new APIs? · Issue #41588 · nodejs/node](https://github.com/nodejs/node/issues/41588 "Start moving to Uint8Array in new APIs? · Issue #41588 · nodejs/node") + +---- + +## JS Decorators Explained: 10 Years Journey to the Real Implementation | Binary Studio +[binary-studio.com/blog/ecmascript-decorators/](https://binary-studio.com/blog/ecmascript-decorators/ "JS Decorators Explained: 10 Years Journey to the Real Implementation | Binary Studio") +

JavaScript ECMAScript article history

+ +現在Stage 3のDecoratorが、どのような今の形になったかについて + + +---- +

スライド、動画関係

+ +---- + +## Faster TypeScript builds with --isolatedDeclarations by Titian-Cornel Cernicova-Dragomir - GitNation +[portal.gitnation.org/contents/faster-typescript-builds-with-isolateddeclarations](https://portal.gitnation.org/contents/faster-typescript-builds-with-isolateddeclarations "Faster TypeScript builds with --isolatedDeclarations by Titian-Cornel Cernicova-Dragomir - GitNation") +

TypeScript video performance

+ +TypeScriptの型定義ファイルの出力をファイルごとに行える`--isolatedDeclarations`オプションを実装しているという話。 +現在のTypeScriptの型定義の生成は依存グラフや推論された型に依存している。 +いくつかの制限があるがファイルごとに独立して型定義を生成できるようにすることで、他のツールも型定義の生成が可能になり、またファイルごとに並列で処理できるためパフォーマンスが向上するという話。 + +- [Isolated declarations by dragomirtitian · Pull Request #53463 · microsoft/TypeScript](https://github.com/microsoft/TypeScript/pull/53463 "Isolated declarations by dragomirtitian · Pull Request #53463 · microsoft/TypeScript") +- [\`--isolatedDeclarations\` for standalone DTS emit · Issue #47947 · microsoft/TypeScript](https://github.com/microsoft/TypeScript/issues/47947 "\`--isolatedDeclarations\` for standalone DTS emit · Issue #47947 · microsoft/TypeScript") + +---- + +## BlinkOn 18 - Sunnyvale + Virtual - YouTube +[www.youtube.com/playlist?list=PL9ioqAuyl6UKYm7EYVa7FcKCR2kDCudII](https://www.youtube.com/playlist?list=PL9ioqAuyl6UKYm7EYVa7FcKCR2kDCudII "BlinkOn 18 - Sunnyvale + Virtual - YouTube") +

blink Chrome video Conference

+ +BlinkOn 18の動画まとめ + + +---- +

ソフトウェア、ツール、ライブラリ関係

+ +---- + +## AlexSergey/rockpack: Rockpack is a simple solution for creating React Application with Server Side Rendering, bundling, linting, testing within 5 minutes +[github.com/AlexSergey/rockpack](https://github.com/AlexSergey/rockpack "AlexSergey/rockpack: Rockpack is a simple solution for creating React Application with Server Side Rendering, bundling, linting, testing within 5 minutes") +

React Tools library TypeScript

+ +Create React App的なReactでのアプリケーション開発をするツールキット + + +----