From 3f9ed527ee3663b97da8907720415a55359f7dbc Mon Sep 17 00:00:00 2001 From: azu Date: Thu, 10 Feb 2022 04:13:05 +0000 Subject: [PATCH 01/26] Update 579 draft --- _i18n/ja/_posts/2022/2022-02-10-579draft.md | 30 +++++++++++++++++++++ 1 file changed, 30 insertions(+) create mode 100644 _i18n/ja/_posts/2022/2022-02-10-579draft.md diff --git a/_i18n/ja/_posts/2022/2022-02-10-579draft.md b/_i18n/ja/_posts/2022/2022-02-10-579draft.md new file mode 100644 index 00000000000..094282007e5 --- /dev/null +++ b/_i18n/ja/_posts/2022/2022-02-10-579draft.md @@ -0,0 +1,30 @@ +--- +title: "2022-02-10のJS: " +author: "azu" +layout: post +date : 2022-02-10T04:13:05.498Z +category: JSer +tags: +- ShellScript +- node.js + +--- + +JSer.info #579 + +---- + +

ヘッドライン

+ +---- + +## Release 5.0.0 · google/zx +[github.com/google/zx/releases/tag/5.0.0](https://github.com/google/zx/releases/tag/5.0.0 "Release 5.0.0 · google/zx") +

ShellScript JavaScript node.js library

+ +zx 5.0.0リリース。 +YAMLのサポート、 +`.ts`のビルトインサポートを削除、Node.js 16未満のサポート終了など + + +---- From 71ba6d2165c9cf1d744f3036fa41ac21607417fc Mon Sep 17 00:00:00 2001 From: azu Date: Thu, 10 Feb 2022 04:19:10 +0000 Subject: [PATCH 02/26] Update 579 draft --- _i18n/ja/_posts/2022/2022-02-10-579draft.md | 15 ++++++++++++++- 1 file changed, 14 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2022/2022-02-10-579draft.md b/_i18n/ja/_posts/2022/2022-02-10-579draft.md index 094282007e5..6071d5e2a07 100644 --- a/_i18n/ja/_posts/2022/2022-02-10-579draft.md +++ b/_i18n/ja/_posts/2022/2022-02-10-579draft.md @@ -2,11 +2,12 @@ title: "2022-02-10のJS: " author: "azu" layout: post -date : 2022-02-10T04:13:05.498Z +date : 2022-02-10T04:19:09.968Z category: JSer tags: - ShellScript - node.js +- bundler --- @@ -27,4 +28,16 @@ YAMLのサポート、 `.ts`のビルトインサポートを削除、Node.js 16未満のサポート終了など +---- + +## Release v2.3.0 · parcel-bundler/parcel +[github.com/parcel-bundler/parcel/releases/tag/v2.3.0](https://github.com/parcel-bundler/parcel/releases/tag/v2.3.0 "Release v2.3.0 · parcel-bundler/parcel") +

JavaScript bundler ReleaseNote

+ +Parcel 2.3.0リリース。 +ParcelでParcel自体のいくつかの依存関係を事前にbundleするように変更。 +Node Core ModulesのpolyfillやBabel/PostCSSの依存関係をオンデマンドでインストールするように変更など + +- [Reduce the number of npm dependencies needed by parcel by devongovett · Pull Request #7576 · parcel-bundler/parcel](https://github.com/parcel-bundler/parcel/pull/7576 "Reduce the number of npm dependencies needed by parcel by devongovett · Pull Request #7576 · parcel-bundler/parcel") + ---- From eba2a547a719495f2d34867baa6af53369402ed4 Mon Sep 17 00:00:00 2001 From: azu Date: Fri, 11 Feb 2022 04:00:04 +0000 Subject: [PATCH 03/26] Update 579 draft --- ...-02-10-579draft.md => 2022-02-11-579draft.md} | 16 ++++++++++++++-- 1 file changed, 14 insertions(+), 2 deletions(-) rename _i18n/ja/_posts/2022/{2022-02-10-579draft.md => 2022-02-11-579draft.md} (68%) diff --git a/_i18n/ja/_posts/2022/2022-02-10-579draft.md b/_i18n/ja/_posts/2022/2022-02-11-579draft.md similarity index 68% rename from _i18n/ja/_posts/2022/2022-02-10-579draft.md rename to _i18n/ja/_posts/2022/2022-02-11-579draft.md index 6071d5e2a07..2bf4673891d 100644 --- a/_i18n/ja/_posts/2022/2022-02-10-579draft.md +++ b/_i18n/ja/_posts/2022/2022-02-11-579draft.md @@ -1,13 +1,14 @@ --- -title: "2022-02-10のJS: " +title: "2022-02-11のJS: " author: "azu" layout: post -date : 2022-02-10T04:19:09.968Z +date : 2022-02-11T03:59:43.977Z category: JSer tags: - ShellScript - node.js - bundler +- npm --- @@ -41,3 +42,14 @@ Node Core ModulesのpolyfillやBabel/PostCSSの依存関係をオンデマンド - [Reduce the number of npm dependencies needed by parcel by devongovett · Pull Request #7576 · parcel-bundler/parcel](https://github.com/parcel-bundler/parcel/pull/7576 "Reduce the number of npm dependencies needed by parcel by devongovett · Pull Request #7576 · parcel-bundler/parcel") ---- + +## Release v8.5.0 · npm/cli +[github.com/npm/cli/releases/tag/v8.5.0](https://github.com/npm/cli/releases/tag/v8.5.0 "Release v8.5.0 · npm/cli") +

npm ReleaseNote

+ +npm 8.5.0リリース。 +workspace内でのnpm installなどのコマンドがコンテキストに基づいて実行されるように変更など + +- [RFC: npm workspaces: auto switch context based on cwd by ruyadorno · Pull Request #343 · npm/rfcs](https://github.com/npm/rfcs/pull/343 "RFC: npm workspaces: auto switch context based on cwd by ruyadorno · Pull Request #343 · npm/rfcs") + +---- From eb4799957b182114a86580a30c1173472ce16694 Mon Sep 17 00:00:00 2001 From: azu Date: Fri, 11 Feb 2022 06:16:31 +0000 Subject: [PATCH 04/26] Update 579 draft --- _i18n/ja/_posts/2022/2022-02-11-579draft.md | 14 ++++++++++++-- 1 file changed, 12 insertions(+), 2 deletions(-) diff --git a/_i18n/ja/_posts/2022/2022-02-11-579draft.md b/_i18n/ja/_posts/2022/2022-02-11-579draft.md index 2bf4673891d..da702e17106 100644 --- a/_i18n/ja/_posts/2022/2022-02-11-579draft.md +++ b/_i18n/ja/_posts/2022/2022-02-11-579draft.md @@ -2,11 +2,11 @@ title: "2022-02-11のJS: " author: "azu" layout: post -date : 2022-02-11T03:59:43.977Z +date : 2022-02-11T06:16:31.206Z category: JSer tags: -- ShellScript - node.js +- ShellScript - bundler - npm @@ -52,4 +52,14 @@ workspace内でのnpm installなどのコマンドがコンテキストに基づ - [RFC: npm workspaces: auto switch context based on cwd by ruyadorno · Pull Request #343 · npm/rfcs](https://github.com/npm/rfcs/pull/343 "RFC: npm workspaces: auto switch context based on cwd by ruyadorno · Pull Request #343 · npm/rfcs") +---- + +## Node v17.5.0 (Current) | Node.js +[nodejs.org/en/blog/release/v17.5.0/](https://nodejs.org/en/blog/release/v17.5.0/ "Node v17.5.0 (Current) | Node.js") +

node.js ReleaseNote

+ +Node.js 17.5.0リリース。 +`--experimental-fetch`フラグ付きでUnidiベースのFetch APIの実装を追加、Streamにiterator-helper proposalの実装など + + ---- From b0a1eab8883b5c7532950df649406e8fe5028723 Mon Sep 17 00:00:00 2001 From: azu Date: Fri, 11 Feb 2022 06:24:09 +0000 Subject: [PATCH 05/26] Update 579 draft --- _i18n/ja/_posts/2022/2022-02-11-579draft.md | 17 ++++++++++++++++- 1 file changed, 16 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2022/2022-02-11-579draft.md b/_i18n/ja/_posts/2022/2022-02-11-579draft.md index da702e17106..01a5dbe3adf 100644 --- a/_i18n/ja/_posts/2022/2022-02-11-579draft.md +++ b/_i18n/ja/_posts/2022/2022-02-11-579draft.md @@ -2,13 +2,14 @@ title: "2022-02-11のJS: " author: "azu" layout: post -date : 2022-02-11T06:16:31.206Z +date : 2022-02-11T06:23:46.835Z category: JSer tags: - node.js - ShellScript - bundler - npm +- safari --- @@ -62,4 +63,18 @@ Node.js 17.5.0リリース。 `--experimental-fetch`フラグ付きでUnidiベースのFetch APIの実装を追加、Streamにiterator-helper proposalの実装など +---- + +## Release Notes for Safari Technology Preview 140 | WebKit +[webkit.org/blog/12255/release-notes-for-safari-technology-preview-140/](https://webkit.org/blog/12255/release-notes-for-safari-technology-preview-140/ "Release Notes for Safari Technology Preview 140 | WebKit") +

safari ReleaseNote

+ +Safari Technology Preview 140リリース。 +CSSの`:has()`擬似クラスのサポート、`FetchEvent.handled`のサポート、`form.requestSubmit()`の有効化。 +script要素がサポートしているtypeを判定する +`HTMLScriptElement.supports(type)`の実装など + +- [Add FetchEvent.handled (#1397) by tingshao · Pull Request #1496 · w3c/ServiceWorker](https://github.com/w3c/ServiceWorker/pull/1496 "Add FetchEvent.handled (#1397) by tingshao · Pull Request #1496 · w3c/ServiceWorker") +- [HTMLScriptElement.supports() - Web APIs | MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLScriptElement/supports "HTMLScriptElement.supports() - Web APIs | MDN") + ---- From 6e44975bdbbdf20a3a7f82cfcc78b566db5039ab Mon Sep 17 00:00:00 2001 From: azu Date: Fri, 11 Feb 2022 11:25:57 +0000 Subject: [PATCH 06/26] Update 579 draft --- _i18n/ja/_posts/2022/2022-02-11-579draft.md | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2022/2022-02-11-579draft.md b/_i18n/ja/_posts/2022/2022-02-11-579draft.md index 01a5dbe3adf..38c99d3b8a5 100644 --- a/_i18n/ja/_posts/2022/2022-02-11-579draft.md +++ b/_i18n/ja/_posts/2022/2022-02-11-579draft.md @@ -2,7 +2,7 @@ title: "2022-02-11のJS: " author: "azu" layout: post -date : 2022-02-11T06:23:46.835Z +date : 2022-02-11T11:25:57.726Z category: JSer tags: - node.js @@ -77,4 +77,16 @@ script要素がサポートしているtypeを判定する - [Add FetchEvent.handled (#1397) by tingshao · Pull Request #1496 · w3c/ServiceWorker](https://github.com/w3c/ServiceWorker/pull/1496 "Add FetchEvent.handled (#1397) by tingshao · Pull Request #1496 · w3c/ServiceWorker") - [HTMLScriptElement.supports() - Web APIs | MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLScriptElement/supports "HTMLScriptElement.supports() - Web APIs | MDN") +---- +

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

+ +---- + +## papyrs/stylo: Another kind of rich text editor +[github.com/papyrs/stylo](https://github.com/papyrs/stylo "papyrs/stylo: Another kind of rich text editor") +

WebComponents library JavaScript

+ +ContentEditableベースのWYSIWYGなWeb Components + + ---- From e48e1fd0ee8e7689407b2004fd92ec24ee81133b Mon Sep 17 00:00:00 2001 From: azu Date: Sat, 12 Feb 2022 12:18:37 +0000 Subject: [PATCH 07/26] Update 579 draft --- .../2022/{2022-02-11-579draft.md => 2022-02-12-579draft.md} | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) rename _i18n/ja/_posts/2022/{2022-02-11-579draft.md => 2022-02-12-579draft.md} (98%) diff --git a/_i18n/ja/_posts/2022/2022-02-11-579draft.md b/_i18n/ja/_posts/2022/2022-02-12-579draft.md similarity index 98% rename from _i18n/ja/_posts/2022/2022-02-11-579draft.md rename to _i18n/ja/_posts/2022/2022-02-12-579draft.md index 38c99d3b8a5..d1ba55b1eb2 100644 --- a/_i18n/ja/_posts/2022/2022-02-11-579draft.md +++ b/_i18n/ja/_posts/2022/2022-02-12-579draft.md @@ -1,8 +1,8 @@ --- -title: "2022-02-11のJS: " +title: "2022-02-12のJS: " author: "azu" layout: post -date : 2022-02-11T11:25:57.726Z +date : 2022-02-12T12:18:14.131Z category: JSer tags: - node.js From 795a6809b43a4d7c41a2e758f1db77a42a3398d7 Mon Sep 17 00:00:00 2001 From: azu Date: Sat, 12 Feb 2022 12:20:09 +0000 Subject: [PATCH 08/26] Update 579 draft --- _i18n/ja/_posts/2022/2022-02-12-579draft.md | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2022/2022-02-12-579draft.md b/_i18n/ja/_posts/2022/2022-02-12-579draft.md index d1ba55b1eb2..3e2a85f92f2 100644 --- a/_i18n/ja/_posts/2022/2022-02-12-579draft.md +++ b/_i18n/ja/_posts/2022/2022-02-12-579draft.md @@ -2,7 +2,7 @@ title: "2022-02-12のJS: " author: "azu" layout: post -date : 2022-02-12T12:18:14.131Z +date : 2022-02-12T12:20:09.655Z category: JSer tags: - node.js @@ -77,6 +77,18 @@ script要素がサポートしているtypeを判定する - [Add FetchEvent.handled (#1397) by tingshao · Pull Request #1496 · w3c/ServiceWorker](https://github.com/w3c/ServiceWorker/pull/1496 "Add FetchEvent.handled (#1397) by tingshao · Pull Request #1496 · w3c/ServiceWorker") - [HTMLScriptElement.supports() - Web APIs | MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLScriptElement/supports "HTMLScriptElement.supports() - Web APIs | MDN") +---- + +## Announcing TypeScript 4.6 RC - TypeScript +[devblogs.microsoft.com/typescript/announcing-typescript-4-6-rc/](https://devblogs.microsoft.com/typescript/announcing-typescript-4-6-rc/ "Announcing TypeScript 4.6 RC - TypeScript") +

TypeScript ReleaseNote

+ +TypeScript 4.6 RCリリース。 +再帰型、インターフェースへのインデックスアクセス、関数の引数における型推論の改善。 +`--target es2022`のサポート、`checkJs`が有効時のJavaScriptの構文エラーのチェックを改善。 +`--generateTrace`で出力できるビルドのトレースデータを分析するための`@typescript/analyze-trace`パッケージの公開など + + ----

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

From 5fb0c73782dd4cc1391a9898150b062750110594 Mon Sep 17 00:00:00 2001 From: azu Date: Sat, 12 Feb 2022 13:55:01 +0000 Subject: [PATCH 09/26] Update 579 draft --- _i18n/ja/_posts/2022/2022-02-12-579draft.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2022/2022-02-12-579draft.md b/_i18n/ja/_posts/2022/2022-02-12-579draft.md index 3e2a85f92f2..1cff6fe779a 100644 --- a/_i18n/ja/_posts/2022/2022-02-12-579draft.md +++ b/_i18n/ja/_posts/2022/2022-02-12-579draft.md @@ -2,7 +2,7 @@ title: "2022-02-12のJS: " author: "azu" layout: post -date : 2022-02-12T12:20:09.655Z +date : 2022-02-12T13:54:35.496Z category: JSer tags: - node.js From 7e0f372297cb1d64ca6c1feac3c2d29a89a4ee71 Mon Sep 17 00:00:00 2001 From: azu Date: Sat, 12 Feb 2022 13:59:50 +0000 Subject: [PATCH 10/26] Update 579 draft --- _i18n/ja/_posts/2022/2022-02-12-579draft.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2022/2022-02-12-579draft.md b/_i18n/ja/_posts/2022/2022-02-12-579draft.md index 1cff6fe779a..009d795038b 100644 --- a/_i18n/ja/_posts/2022/2022-02-12-579draft.md +++ b/_i18n/ja/_posts/2022/2022-02-12-579draft.md @@ -2,7 +2,7 @@ title: "2022-02-12のJS: " author: "azu" layout: post -date : 2022-02-12T13:54:35.496Z +date : 2022-02-12T13:59:50.692Z category: JSer tags: - node.js From b784e24e5f0dee203bd3700370f815f9a89fb08c Mon Sep 17 00:00:00 2001 From: azu Date: Sat, 12 Feb 2022 14:46:20 +0000 Subject: [PATCH 11/26] Update 579 draft --- _i18n/ja/_posts/2022/2022-02-12-579draft.md | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2022/2022-02-12-579draft.md b/_i18n/ja/_posts/2022/2022-02-12-579draft.md index 009d795038b..737b1ead6a7 100644 --- a/_i18n/ja/_posts/2022/2022-02-12-579draft.md +++ b/_i18n/ja/_posts/2022/2022-02-12-579draft.md @@ -2,7 +2,7 @@ title: "2022-02-12のJS: " author: "azu" layout: post -date : 2022-02-12T13:59:50.692Z +date : 2022-02-12T14:45:55.100Z category: JSer tags: - node.js @@ -89,6 +89,17 @@ TypeScript 4.6 RCリリース。 `--generateTrace`で出力できるビルドのトレースデータを分析するための`@typescript/analyze-trace`パッケージの公開など +---- + +## vite/CHANGELOG.md at main · vitejs/vite +[github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md#280-2022-02-09](https://github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md#280-2022-02-09 "vite/CHANGELOG.md at main · vitejs/vite") +

vite ReleaseNote

+ +Vite 2.8.0リリース。 +`vite preview`のデフォルトportの変更、Workerとしてbundleする対象を`URL`使ったものへと変更、設定に`worker`オプションを追加など。 +また、パッケージのファイルサイズの削減など + + ----

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

From 3183ad1970c55c003e64118f2a006c9eb4e8bb8b Mon Sep 17 00:00:00 2001 From: azu Date: Sat, 12 Feb 2022 14:54:43 +0000 Subject: [PATCH 12/26] Update 579 draft --- _i18n/ja/_posts/2022/2022-02-12-579draft.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2022/2022-02-12-579draft.md b/_i18n/ja/_posts/2022/2022-02-12-579draft.md index 737b1ead6a7..41ebd0c5e55 100644 --- a/_i18n/ja/_posts/2022/2022-02-12-579draft.md +++ b/_i18n/ja/_posts/2022/2022-02-12-579draft.md @@ -2,7 +2,7 @@ title: "2022-02-12のJS: " author: "azu" layout: post -date : 2022-02-12T14:45:55.100Z +date : 2022-02-12T14:54:43.049Z category: JSer tags: - node.js From d036583f64db7e121653731b28f47c063d29449a Mon Sep 17 00:00:00 2001 From: azu Date: Sun, 13 Feb 2022 11:49:31 +0000 Subject: [PATCH 13/26] Update 579 draft --- ...-12-579draft.md => 2022-02-13-579draft.md} | 21 ++++++++++++++++--- 1 file changed, 18 insertions(+), 3 deletions(-) rename _i18n/ja/_posts/2022/{2022-02-12-579draft.md => 2022-02-13-579draft.md} (84%) diff --git a/_i18n/ja/_posts/2022/2022-02-12-579draft.md b/_i18n/ja/_posts/2022/2022-02-13-579draft.md similarity index 84% rename from _i18n/ja/_posts/2022/2022-02-12-579draft.md rename to _i18n/ja/_posts/2022/2022-02-13-579draft.md index 41ebd0c5e55..4ed5d247708 100644 --- a/_i18n/ja/_posts/2022/2022-02-12-579draft.md +++ b/_i18n/ja/_posts/2022/2022-02-13-579draft.md @@ -1,15 +1,15 @@ --- -title: "2022-02-12のJS: " +title: "2022-02-13のJS: " author: "azu" layout: post -date : 2022-02-12T14:54:43.049Z +date : 2022-02-13T11:49:31.531Z category: JSer tags: - node.js +- TypeScript - ShellScript - bundler - npm -- safari --- @@ -112,4 +112,19 @@ Vite 2.8.0リリース。 ContentEditableベースのWYSIWYGなWeb Components +---- +

書籍関係

+ +---- + +## Implementing DDD, CQRS and… by Alex Lawrence \[PDF/iPad/Kindle\] +[leanpub.com/implementing-ddd-cqrs-and-event-sourcing](https://leanpub.com/implementing-ddd-cqrs-and-event-sourcing "Implementing DDD, CQRS and… by Alex Lawrence \[PDF/iPad/Kindle\]") +

JavaScript TypeScript DDD book

+ +JavaScriptで書かれたDDD/CQRS/Event Sourcingについての書籍。 +ドメイン駆動設計の理論的な話から、JavaScript/Node.jsを使った実装について。 +Event Sourcingでは、ブラウザ上のUIと`EventSource`を使ったRead Modelについても扱っている + +- [Why my book uses Node.js and JavaScript - Alex Lawrence](https://www.alex-lawrence.com/posts/why-my-book-uses-nodejs-and-javascript/ "Why my book uses Node.js and JavaScript - Alex Lawrence") + ---- From 26dd4d00665cf75e7b7e35d2b2155c69ca07df57 Mon Sep 17 00:00:00 2001 From: azu Date: Sun, 13 Feb 2022 11:55:12 +0000 Subject: [PATCH 14/26] Update 579 draft --- _i18n/ja/_posts/2022/2022-02-13-579draft.md | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2022/2022-02-13-579draft.md b/_i18n/ja/_posts/2022/2022-02-13-579draft.md index 4ed5d247708..4d1ca95b73d 100644 --- a/_i18n/ja/_posts/2022/2022-02-13-579draft.md +++ b/_i18n/ja/_posts/2022/2022-02-13-579draft.md @@ -2,7 +2,7 @@ title: "2022-02-13のJS: " author: "azu" layout: post -date : 2022-02-13T11:49:31.531Z +date : 2022-02-13T11:54:53.976Z category: JSer tags: - node.js @@ -100,6 +100,17 @@ Vite 2.8.0リリース。 また、パッケージのファイルサイズの削減など +---- + +## Release v28.0.0-alpha.0 · facebook/jest +[github.com/facebook/jest/releases/tag/v28.0.0-alpha.0](https://github.com/facebook/jest/releases/tag/v28.0.0-alpha.0 "Release v28.0.0-alpha.0 · facebook/jest") +

JavaScript testing library ReleaseNote

+ +Jest 28αリリース。 +27で`jest-circus`がデフォルトとなったため、JSDOMとjasmin2のenviromentをデフォルトでは含めないように変更。 +`package.json`の`exports`フィールドに対応など + + ----

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

From a6f7940ead2c78cabccd0c812ec390415cbba9d3 Mon Sep 17 00:00:00 2001 From: azu Date: Sun, 13 Feb 2022 22:17:04 +0000 Subject: [PATCH 15/26] Update 579 draft --- _i18n/ja/_posts/2022/2022-02-13-579draft.md | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2022/2022-02-13-579draft.md b/_i18n/ja/_posts/2022/2022-02-13-579draft.md index 4d1ca95b73d..212fbf92f12 100644 --- a/_i18n/ja/_posts/2022/2022-02-13-579draft.md +++ b/_i18n/ja/_posts/2022/2022-02-13-579draft.md @@ -2,7 +2,7 @@ title: "2022-02-13のJS: " author: "azu" layout: post -date : 2022-02-13T11:54:53.976Z +date : 2022-02-13T22:17:04.094Z category: JSer tags: - node.js @@ -123,6 +123,16 @@ Jest 28αリリース。 ContentEditableベースのWYSIWYGなWeb Components +---- + +## hikerpig/pintora: An extensible text-to-diagrams library that works in both browser and node.js +[github.com/hikerpig/pintora](https://github.com/hikerpig/pintora "hikerpig/pintora: An extensible text-to-diagrams library that works in both browser and node.js") +

JavaScript library graphic

+ +Mermaid.jsやPlantUMLのようにテキストでダイアグラムを書くライブラリ。 +Sequence Diagram、Component Diagram、Activity Diagram、Mind Mapなどの形式に対応していて、プラグインでカスタマイズできる + + ----

書籍関係

From 4e3d61f0fc8cc50b26a75cb2fb192321d5b810d3 Mon Sep 17 00:00:00 2001 From: azu Date: Mon, 14 Feb 2022 11:09:28 +0000 Subject: [PATCH 16/26] Update 579 draft --- ...-02-13-579draft.md => 2022-02-14-579draft.md} | 16 ++++++++++++++-- 1 file changed, 14 insertions(+), 2 deletions(-) rename _i18n/ja/_posts/2022/{2022-02-13-579draft.md => 2022-02-14-579draft.md} (92%) diff --git a/_i18n/ja/_posts/2022/2022-02-13-579draft.md b/_i18n/ja/_posts/2022/2022-02-14-579draft.md similarity index 92% rename from _i18n/ja/_posts/2022/2022-02-13-579draft.md rename to _i18n/ja/_posts/2022/2022-02-14-579draft.md index 212fbf92f12..ecb7161c4ca 100644 --- a/_i18n/ja/_posts/2022/2022-02-13-579draft.md +++ b/_i18n/ja/_posts/2022/2022-02-14-579draft.md @@ -1,8 +1,8 @@ --- -title: "2022-02-13のJS: " +title: "2022-02-14のJS: " author: "azu" layout: post -date : 2022-02-13T22:17:04.094Z +date : 2022-02-14T11:09:06.177Z category: JSer tags: - node.js @@ -111,6 +111,18 @@ Jest 28αリリース。 `package.json`の`exports`フィールドに対応など +---- +

サイト、サービス、ドキュメント

+ +---- + +## checkly/puppeteer-to-playwright: Puppeteer to Playwright conversion script +[github.com/checkly/puppeteer-to-playwright](https://github.com/checkly/puppeteer-to-playwright "checkly/puppeteer-to-playwright: Puppeteer to Playwright conversion script") +

puppeteer Tools refactoring

+ +Puppeter向けのスクリプトをPlaywright向けに変換するツール + + ----

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

From b732626cc48ef13ab64e2eceb7a6cfb45e37b4ee Mon Sep 17 00:00:00 2001 From: azu Date: Mon, 14 Feb 2022 12:24:58 +0000 Subject: [PATCH 17/26] Update 579 draft --- _i18n/ja/_posts/2022/2022-02-14-579draft.md | 14 ++++++++++++-- 1 file changed, 12 insertions(+), 2 deletions(-) diff --git a/_i18n/ja/_posts/2022/2022-02-14-579draft.md b/_i18n/ja/_posts/2022/2022-02-14-579draft.md index ecb7161c4ca..80380a421de 100644 --- a/_i18n/ja/_posts/2022/2022-02-14-579draft.md +++ b/_i18n/ja/_posts/2022/2022-02-14-579draft.md @@ -2,14 +2,14 @@ title: "2022-02-14のJS: " author: "azu" layout: post -date : 2022-02-14T11:09:06.177Z +date : 2022-02-14T12:24:57.973Z category: JSer tags: - node.js - TypeScript +- vite - ShellScript - bundler -- npm --- @@ -145,6 +145,16 @@ Mermaid.jsやPlantUMLのようにテキストでダイアグラムを書くラ Sequence Diagram、Component Diagram、Activity Diagram、Mind Mapなどの形式に対応していて、プラグインでカスタマイズできる +---- + +## Aslemammad/react-worker-components-plugin: ⚡ Something like react server components, but web workers instead of a server +[github.com/Aslemammad/react-worker-components-plugin](https://github.com/Aslemammad/react-worker-components-plugin "Aslemammad/react-worker-components-plugin: ⚡ Something like react server components, but web workers instead of a server") +

React vite plugin

+ +importしたReactコンポーネントをreact-worker-componentsを使ってWebWorkerで動かすように変換するViteプラグイン + +- [dai-shi/react-worker-components: React Worker Components simplify using Web Workers](https://github.com/dai-shi/react-worker-components "dai-shi/react-worker-components: React Worker Components simplify using Web Workers") + ----

書籍関係

From f3c50c9edc35d0414a9da6c938493eb897e28292 Mon Sep 17 00:00:00 2001 From: azu Date: Mon, 14 Feb 2022 12:30:48 +0000 Subject: [PATCH 18/26] Update 579 draft --- _i18n/ja/_posts/2022/2022-02-14-579draft.md | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2022/2022-02-14-579draft.md b/_i18n/ja/_posts/2022/2022-02-14-579draft.md index 80380a421de..d55c08f0b66 100644 --- a/_i18n/ja/_posts/2022/2022-02-14-579draft.md +++ b/_i18n/ja/_posts/2022/2022-02-14-579draft.md @@ -2,7 +2,7 @@ title: "2022-02-14のJS: " author: "azu" layout: post -date : 2022-02-14T12:24:57.973Z +date : 2022-02-14T12:30:24.214Z category: JSer tags: - node.js @@ -111,6 +111,16 @@ Jest 28αリリース。 `package.json`の`exports`フィールドに対応など +---- + +## ESLint v8.9.0 released - ESLint - Pluggable JavaScript linter +[eslint.org/blog/2022/02/eslint-v8.9.0-released](https://eslint.org/blog/2022/02/eslint-v8.9.0-released "ESLint v8.9.0 released - ESLint - Pluggable JavaScript linter") +

ESLint ReleaseNote

+ +ESLint 8.9.0リリース。 +`env`に`es2016`/`es2018`/`es2019`/`es2022`オプションの追加、ES3のコードでは`"use strict"`を無視するように変更など + + ----

サイト、サービス、ドキュメント

From 943a93b89ce6794db8f75e5fd71ef389559ff48a Mon Sep 17 00:00:00 2001 From: azu Date: Mon, 14 Feb 2022 12:36:54 +0000 Subject: [PATCH 19/26] Update 579 draft --- _i18n/ja/_posts/2022/2022-02-14-579draft.md | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2022/2022-02-14-579draft.md b/_i18n/ja/_posts/2022/2022-02-14-579draft.md index d55c08f0b66..eff7fa00314 100644 --- a/_i18n/ja/_posts/2022/2022-02-14-579draft.md +++ b/_i18n/ja/_posts/2022/2022-02-14-579draft.md @@ -2,7 +2,7 @@ title: "2022-02-14のJS: " author: "azu" layout: post -date : 2022-02-14T12:30:24.214Z +date : 2022-02-14T12:36:54.713Z category: JSer tags: - node.js @@ -121,6 +121,18 @@ ESLint 8.9.0リリース。 `env`に`es2016`/`es2018`/`es2019`/`es2022`オプションの追加、ES3のコードでは`"use strict"`を無視するように変更など +---- + +## Firefox 97.0, See All New Features, Updates and Fixes +[www.mozilla.org/en-US/firefox/97.0/releasenotes/](https://www.mozilla.org/en-US/firefox/97.0/releasenotes/ "Firefox 97.0, See All New Features, Updates and Fixes") +

Firefox ReleaseNote

+ +Firefox 97リリース。 +CSSの`cap`と`ic` unitをサポート、`@scroll-timeline`と`animation-timeline`のサポート、CSS cascade layersをデフォルトで有効化。 +`AbortController.abort()`/`AbortSignal.throwIfAborted()`/`AbortSignal.reason`プロパティのサポートなど + +- [Firefox 97 for developers - Mozilla | MDN](https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/97 "Firefox 97 for developers - Mozilla | MDN") + ----

サイト、サービス、ドキュメント

From 64d0bff3c3dbd61446e87772d580ff33ac7079cf Mon Sep 17 00:00:00 2001 From: azu Date: Mon, 14 Feb 2022 13:15:41 +0000 Subject: [PATCH 20/26] Update 579 draft --- _i18n/ja/_posts/2022/2022-02-14-579draft.md | 17 +++++++++++++++-- 1 file changed, 15 insertions(+), 2 deletions(-) diff --git a/_i18n/ja/_posts/2022/2022-02-14-579draft.md b/_i18n/ja/_posts/2022/2022-02-14-579draft.md index eff7fa00314..021268c0905 100644 --- a/_i18n/ja/_posts/2022/2022-02-14-579draft.md +++ b/_i18n/ja/_posts/2022/2022-02-14-579draft.md @@ -2,11 +2,11 @@ title: "2022-02-14のJS: " author: "azu" layout: post -date : 2022-02-14T12:36:54.713Z +date : 2022-02-14T13:15:19.900Z category: JSer tags: -- node.js - TypeScript +- node.js - vite - ShellScript - bundler @@ -133,6 +133,19 @@ CSSの`cap`と`ic` unitをサポート、`@scroll-timeline`と`animation-timelin - [Firefox 97 for developers - Mozilla | MDN](https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/97 "Firefox 97 for developers - Mozilla | MDN") +---- +

アーティクル

+ +---- + +## How the Angular Compiler Works. The Angular Compiler (which we call… | by Alex Rickabaugh | Feb, 2022 | Angular Blog +[blog.angular.io/how-the-angular-compiler-works-42111f9d2549](https://blog.angular.io/how-the-angular-compiler-works-42111f9d2549 "How the Angular Compiler Works. The Angular Compiler (which we call… | by Alex Rickabaugh | Feb, 2022 | Angular Blog") +

Angular TypeScript article

+ +Angular Compilerがどのように動いているかについての解説記事。 +どのようにAngular componentのテンプレートの型チェックをして変換しているのかについて。 + + ----

サイト、サービス、ドキュメント

From 36efd52bd2a89394d7f9eac1f61b365ba5f3ba9a Mon Sep 17 00:00:00 2001 From: azu Date: Mon, 14 Feb 2022 13:31:26 +0000 Subject: [PATCH 21/26] Update 579 draft --- _i18n/ja/_posts/2022/2022-02-14-579draft.md | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2022/2022-02-14-579draft.md b/_i18n/ja/_posts/2022/2022-02-14-579draft.md index 021268c0905..93829e8d702 100644 --- a/_i18n/ja/_posts/2022/2022-02-14-579draft.md +++ b/_i18n/ja/_posts/2022/2022-02-14-579draft.md @@ -2,7 +2,7 @@ title: "2022-02-14のJS: " author: "azu" layout: post -date : 2022-02-14T13:15:19.900Z +date : 2022-02-14T13:31:26.753Z category: JSer tags: - TypeScript @@ -146,6 +146,15 @@ Angular Compilerがどのように動いているかについての解説記事 どのようにAngular componentのテンプレートの型チェックをして変換しているのかについて。 +---- + +## Web パフォーマンスとプロダクト KPI の相関を可視化する話 2022ver - ドクターズプライム Official Blog +[blog.drsprime.com/entry/2022/02/10/170000](https://blog.drsprime.com/entry/2022/02/10/170000 "Web パフォーマンスとプロダクト KPI の相関を可視化する話 2022ver - ドクターズプライム Official Blog") +

performance JavaScript Chrome article

+ +Web VitalsのメトリクスをGoogle Analyticsに送信し、Google データポータルで可視化する方法について + + ----

サイト、サービス、ドキュメント

From 2a4480ccebe9d92b3882c221830202b9a0ffae50 Mon Sep 17 00:00:00 2001 From: azu Date: Mon, 14 Feb 2022 13:44:43 +0000 Subject: [PATCH 22/26] Update 579 draft --- _i18n/ja/_posts/2022/2022-02-14-579draft.md | 22 ++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/_i18n/ja/_posts/2022/2022-02-14-579draft.md b/_i18n/ja/_posts/2022/2022-02-14-579draft.md index 93829e8d702..0335e379b85 100644 --- a/_i18n/ja/_posts/2022/2022-02-14-579draft.md +++ b/_i18n/ja/_posts/2022/2022-02-14-579draft.md @@ -2,7 +2,7 @@ title: "2022-02-14のJS: " author: "azu" layout: post -date : 2022-02-14T13:31:26.753Z +date : 2022-02-14T13:44:43.741Z category: JSer tags: - TypeScript @@ -53,16 +53,6 @@ workspace内でのnpm installなどのコマンドがコンテキストに基づ - [RFC: npm workspaces: auto switch context based on cwd by ruyadorno · Pull Request #343 · npm/rfcs](https://github.com/npm/rfcs/pull/343 "RFC: npm workspaces: auto switch context based on cwd by ruyadorno · Pull Request #343 · npm/rfcs") ----- - -## Node v17.5.0 (Current) | Node.js -[nodejs.org/en/blog/release/v17.5.0/](https://nodejs.org/en/blog/release/v17.5.0/ "Node v17.5.0 (Current) | Node.js") -

node.js ReleaseNote

- -Node.js 17.5.0リリース。 -`--experimental-fetch`フラグ付きでUnidiベースのFetch APIの実装を追加、Streamにiterator-helper proposalの実装など - - ---- ## Release Notes for Safari Technology Preview 140 | WebKit @@ -133,6 +123,16 @@ CSSの`cap`と`ic` unitをサポート、`@scroll-timeline`と`animation-timelin - [Firefox 97 for developers - Mozilla | MDN](https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/97 "Firefox 97 for developers - Mozilla | MDN") +---- + +## Node v17.5.0 (Current) | Node.js +[nodejs.org/en/blog/release/v17.5.0/](https://nodejs.org/en/blog/release/v17.5.0/ "Node v17.5.0 (Current) | Node.js") +

node.js ReleaseNote

+ +Node.js 17.5.0リリース。 +`--experimental-fetch`フラグ付きでundiciベースのFetch APIの実装を追加、Streamにiterator-helper proposalの実装など + + ----

アーティクル

From 95d8d3d585fba79b2197fada4940976480c9dcb4 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Mon, 14 Feb 2022 14:40:15 +0000 Subject: [PATCH 23/26] Update _i18n/ja/_posts/2022/2022-02-14-parcel-2.3.0-vite-2.8.0-angular-compiler-javascriptddd.md --- ...te-2.8.0-angular-compiler-javascriptddd.md | 273 ++++++++++++++++++ 1 file changed, 273 insertions(+) create mode 100644 _i18n/ja/_posts/2022/2022-02-14-parcel-2.3.0-vite-2.8.0-angular-compiler-javascriptddd.md diff --git a/_i18n/ja/_posts/2022/2022-02-14-parcel-2.3.0-vite-2.8.0-angular-compiler-javascriptddd.md b/_i18n/ja/_posts/2022/2022-02-14-parcel-2.3.0-vite-2.8.0-angular-compiler-javascriptddd.md new file mode 100644 index 00000000000..d901afb080b --- /dev/null +++ b/_i18n/ja/_posts/2022/2022-02-14-parcel-2.3.0-vite-2.8.0-angular-compiler-javascriptddd.md @@ -0,0 +1,273 @@ +--- +title: "2022-02-14のJS: Parcel 2.3.0、Vite 2.8.0、Angular Compilerがどのように動いているか、JavaScriptでDDD" +author: "azu" +layout: post +date : 2022-02-14T13:44:43.741Z +category: JSer +tags: +- TypeScript +- node.js +- vite +- ShellScript +- bundler + +--- + +JSer.info #579 - Parcel 2.3.0がリリースされました。 + +- [Release v2.3.0 · parcel-bundler/parcel](https://github.com/parcel-bundler/parcel/releases/tag/v2.3.0) + +ParcelでParcel自体のいくつかの依存関係を事前にbundleするように変更。 Node Core ModulesのpolyfillやBabel/PostCSSの依存関係をオンデマンドでインストールするように変更などの変更が含まれています。 + +- [Reduce the number of npm dependencies needed by parcel by devongovett · Pull Request #7576 · parcel-bundler/parcel](https://github.com/parcel-bundler/parcel/pull/7576) + +Vite 2.8.0がリリースされています。 + +- [vite/CHANGELOG.md at main · vitejs/vite](https://github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md#280-2022-02-09) + +`5000` portは[macOS Montereyで利用されている](https://developer.apple.com/forums/thread/682332)ため、vite previewのデフォルトportが`4173`へと変更されています。 + +また、Workerとしてbundleする対象をURL使ったものへと変更して、これを推奨として扱うように変更されています。 + +```diff +- import MyWorker from './worker.js?worker' +- const worker = new MyWorker() ++ const worker = new Worker(new URL('./worker.js', import.meta.url), { type: 'module' }) +``` + +Parcel 2.3.0の変更もそうですが、Vite 2.8.0でもパッケージのインストールサイズの削減が含まれています。 +依存関係を含めたパッケージのインストールサイズの測定には、[Package Phobia](https://packagephobia.com/)というサイトが使われることが多いですが、それぞれのパッケージのサイズは次のページで見られます。 + +- [parcel - Package Phobia](https://packagephobia.com/result?p=parcel) +- [vite - Package Phobia](https://packagephobia.com/result?p=vite) + +Parcelのインストールサイズが大きくなっているのは、実行する端末とは別のアーキテクチャのネイティブバイナリも含まれているためです。 +Vite(esbuild)では`optionalDependencies`を使って、実行する端末のアーキテクチャのバイナリだけをダウンロードしようとしています。 + +- [Different strategy for installing platform-specific binaries · Issue #789 · evanw/esbuild](https://github.com/evanw/esbuild/issues/789#issuecomment-903037112) + +ただし、この`optionalDependencies`でアーキテクチャ別のパッケージ(バイナリ)を配布した時の挙動は、npm/yarn/pnpmで統一されているわけではありません。 + +現在[SWC](https://github.com/swc-project/swc)や[esbuild](https://esbuild.github.io/)、[napi-rs](https://github.com/napi-rs/napi-rs)を使ったnative moduleの需要が高まってきたため、この挙動を定義する方法について議論がされています。 + +- [[RRFC] Add libc fields to select optionalDependencies should be installed or skipped · Issue #438 · npm/rfcs](https://github.com/npm/rfcs/issues/438) +- [RFC: Package Distributions by darcyclarke · Pull Request #519 · npm/rfcs](https://github.com/npm/rfcs/pull/519) + +--- + +[How the Angular Compiler Works. The Angular Compiler (which we call… | by Alex Rickabaugh | Feb, 2022 | Angular Blog](https://blog.angular.io/how-the-angular-compiler-works-42111f9d2549)という記事では、AngularのコンパイラーであるAngular Compilerがどのようにコンポーネントをコンパイルしてるかについて解説されています。 + +どのようにコンポーネントの型チェックをしているかや、Transpileしているかについて解説されています。 + +--- + +[Implementing DDD, CQRS and Event Sourcing](https://leanpub.com/implementing-ddd-cqrs-and-event-sourcing)という書籍は、コードにJavaScript/Node.jsを使ってDDD(ドメイン駆動開発)について解説しています。 + +書籍では、DDDの概念とその実装について書かれていて、特定のフレームワークを使わずに一から実装を進めながらアーキテクチャについて解説しています。 + +なぜ、DDDの解説にJavaScriptを使ったかやサードパーティのライブラリを使わずに解説したのかについてなどのFAQは次の記事で解説されています。 + +- [Why my book uses Node.js and JavaScript - Alex Lawrence](https://www.alex-lawrence.com/posts/why-my-book-uses-nodejs-and-javascript/) +- [Using the filesystem for illustration purposes - Alex Lawrence](https://www.alex-lawrence.com/posts/using-the-filesystem-for-illustration-purposes/) + + +---- + +

ヘッドライン

+ +---- + +## Release 5.0.0 · google/zx +[github.com/google/zx/releases/tag/5.0.0](https://github.com/google/zx/releases/tag/5.0.0 "Release 5.0.0 · google/zx") +

ShellScript JavaScript node.js library

+ +zx 5.0.0リリース。 +YAMLのサポート、 +`.ts`のビルトインサポートを削除、Node.js 16未満のサポート終了など + + +---- + +## Release v2.3.0 · parcel-bundler/parcel +[github.com/parcel-bundler/parcel/releases/tag/v2.3.0](https://github.com/parcel-bundler/parcel/releases/tag/v2.3.0 "Release v2.3.0 · parcel-bundler/parcel") +

JavaScript bundler ReleaseNote

+ +Parcel 2.3.0リリース。 +ParcelでParcel自体のいくつかの依存関係を事前にbundleするように変更。 +Node Core ModulesのpolyfillやBabel/PostCSSの依存関係をオンデマンドでインストールするように変更など + +- [Reduce the number of npm dependencies needed by parcel by devongovett · Pull Request #7576 · parcel-bundler/parcel](https://github.com/parcel-bundler/parcel/pull/7576 "Reduce the number of npm dependencies needed by parcel by devongovett · Pull Request #7576 · parcel-bundler/parcel") + +---- + +## Release v8.5.0 · npm/cli +[github.com/npm/cli/releases/tag/v8.5.0](https://github.com/npm/cli/releases/tag/v8.5.0 "Release v8.5.0 · npm/cli") +

npm ReleaseNote

+ +npm 8.5.0リリース。 +workspace内でのnpm installなどのコマンドがコンテキストに基づいて実行されるように変更など + +- [RFC: npm workspaces: auto switch context based on cwd by ruyadorno · Pull Request #343 · npm/rfcs](https://github.com/npm/rfcs/pull/343 "RFC: npm workspaces: auto switch context based on cwd by ruyadorno · Pull Request #343 · npm/rfcs") + +---- + +## Release Notes for Safari Technology Preview 140 | WebKit +[webkit.org/blog/12255/release-notes-for-safari-technology-preview-140/](https://webkit.org/blog/12255/release-notes-for-safari-technology-preview-140/ "Release Notes for Safari Technology Preview 140 | WebKit") +

safari ReleaseNote

+ +Safari Technology Preview 140リリース。 +CSSの`:has()`擬似クラスのサポート、`FetchEvent.handled`のサポート、`form.requestSubmit()`の有効化。 +script要素がサポートしているtypeを判定する +`HTMLScriptElement.supports(type)`の実装など + +- [Add FetchEvent.handled (#1397) by tingshao · Pull Request #1496 · w3c/ServiceWorker](https://github.com/w3c/ServiceWorker/pull/1496 "Add FetchEvent.handled (#1397) by tingshao · Pull Request #1496 · w3c/ServiceWorker") +- [HTMLScriptElement.supports() - Web APIs | MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLScriptElement/supports "HTMLScriptElement.supports() - Web APIs | MDN") + +---- + +## Announcing TypeScript 4.6 RC - TypeScript +[devblogs.microsoft.com/typescript/announcing-typescript-4-6-rc/](https://devblogs.microsoft.com/typescript/announcing-typescript-4-6-rc/ "Announcing TypeScript 4.6 RC - TypeScript") +

TypeScript ReleaseNote

+ +TypeScript 4.6 RCリリース。 +再帰型、インターフェースへのインデックスアクセス、関数の引数における型推論の改善。 +`--target es2022`のサポート、`checkJs`が有効時のJavaScriptの構文エラーのチェックを改善。 +`--generateTrace`で出力できるビルドのトレースデータを分析するための`@typescript/analyze-trace`パッケージの公開など + + +---- + +## vite/CHANGELOG.md at main · vitejs/vite +[github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md#280-2022-02-09](https://github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md#280-2022-02-09 "vite/CHANGELOG.md at main · vitejs/vite") +

vite ReleaseNote

+ +Vite 2.8.0リリース。 +`vite preview`のデフォルトportの変更、Workerとしてbundleする対象を`URL`使ったものへと変更、設定に`worker`オプションを追加など。 +また、パッケージのファイルサイズの削減など + + +---- + +## Release v28.0.0-alpha.0 · facebook/jest +[github.com/facebook/jest/releases/tag/v28.0.0-alpha.0](https://github.com/facebook/jest/releases/tag/v28.0.0-alpha.0 "Release v28.0.0-alpha.0 · facebook/jest") +

JavaScript testing library ReleaseNote

+ +Jest 28αリリース。 +27で`jest-circus`がデフォルトとなったため、JSDOMとjasmin2のenviromentをデフォルトでは含めないように変更。 +`package.json`の`exports`フィールドに対応など + + +---- + +## ESLint v8.9.0 released - ESLint - Pluggable JavaScript linter +[eslint.org/blog/2022/02/eslint-v8.9.0-released](https://eslint.org/blog/2022/02/eslint-v8.9.0-released "ESLint v8.9.0 released - ESLint - Pluggable JavaScript linter") +

ESLint ReleaseNote

+ +ESLint 8.9.0リリース。 +`env`に`es2016`/`es2018`/`es2019`/`es2022`オプションの追加、ES3のコードでは`"use strict"`を無視するように変更など + + +---- + +## Firefox 97.0, See All New Features, Updates and Fixes +[www.mozilla.org/en-US/firefox/97.0/releasenotes/](https://www.mozilla.org/en-US/firefox/97.0/releasenotes/ "Firefox 97.0, See All New Features, Updates and Fixes") +

Firefox ReleaseNote

+ +Firefox 97リリース。 +CSSの`cap`と`ic` unitをサポート、`@scroll-timeline`と`animation-timeline`のサポート、CSS cascade layersをデフォルトで有効化。 +`AbortController.abort()`/`AbortSignal.throwIfAborted()`/`AbortSignal.reason`プロパティのサポートなど + +- [Firefox 97 for developers - Mozilla | MDN](https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/97 "Firefox 97 for developers - Mozilla | MDN") + +---- + +## Node v17.5.0 (Current) | Node.js +[nodejs.org/en/blog/release/v17.5.0/](https://nodejs.org/en/blog/release/v17.5.0/ "Node v17.5.0 (Current) | Node.js") +

node.js ReleaseNote

+ +Node.js 17.5.0リリース。 +`--experimental-fetch`フラグ付きでundiciベースのFetch APIの実装を追加、Streamにiterator-helper proposalの実装など + + +---- +

アーティクル

+ +---- + +## How the Angular Compiler Works. The Angular Compiler (which we call… | by Alex Rickabaugh | Feb, 2022 | Angular Blog +[blog.angular.io/how-the-angular-compiler-works-42111f9d2549](https://blog.angular.io/how-the-angular-compiler-works-42111f9d2549 "How the Angular Compiler Works. The Angular Compiler (which we call… | by Alex Rickabaugh | Feb, 2022 | Angular Blog") +

Angular TypeScript article

+ +Angular Compilerがどのように動いているかについての解説記事。 +どのようにAngular componentのテンプレートの型チェックをして変換しているのかについて。 + + +---- + +## Web パフォーマンスとプロダクト KPI の相関を可視化する話 2022ver - ドクターズプライム Official Blog +[blog.drsprime.com/entry/2022/02/10/170000](https://blog.drsprime.com/entry/2022/02/10/170000 "Web パフォーマンスとプロダクト KPI の相関を可視化する話 2022ver - ドクターズプライム Official Blog") +

performance JavaScript Chrome article

+ +Web VitalsのメトリクスをGoogle Analyticsに送信し、Google データポータルで可視化する方法について + + +---- +

サイト、サービス、ドキュメント

+ +---- + +## checkly/puppeteer-to-playwright: Puppeteer to Playwright conversion script +[github.com/checkly/puppeteer-to-playwright](https://github.com/checkly/puppeteer-to-playwright "checkly/puppeteer-to-playwright: Puppeteer to Playwright conversion script") +

puppeteer Tools refactoring

+ +Puppeter向けのスクリプトをPlaywright向けに変換するツール + + +---- +

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

+ +---- + +## papyrs/stylo: Another kind of rich text editor +[github.com/papyrs/stylo](https://github.com/papyrs/stylo "papyrs/stylo: Another kind of rich text editor") +

WebComponents library JavaScript

+ +ContentEditableベースのWYSIWYGなWeb Components + + +---- + +## hikerpig/pintora: An extensible text-to-diagrams library that works in both browser and node.js +[github.com/hikerpig/pintora](https://github.com/hikerpig/pintora "hikerpig/pintora: An extensible text-to-diagrams library that works in both browser and node.js") +

JavaScript library graphic

+ +Mermaid.jsやPlantUMLのようにテキストでダイアグラムを書くライブラリ。 +Sequence Diagram、Component Diagram、Activity Diagram、Mind Mapなどの形式に対応していて、プラグインでカスタマイズできる + + +---- + +## Aslemammad/react-worker-components-plugin: ⚡ Something like react server components, but web workers instead of a server +[github.com/Aslemammad/react-worker-components-plugin](https://github.com/Aslemammad/react-worker-components-plugin "Aslemammad/react-worker-components-plugin: ⚡ Something like react server components, but web workers instead of a server") +

React vite plugin

+ +importしたReactコンポーネントをreact-worker-componentsを使ってWebWorkerで動かすように変換するViteプラグイン + +- [dai-shi/react-worker-components: React Worker Components simplify using Web Workers](https://github.com/dai-shi/react-worker-components "dai-shi/react-worker-components: React Worker Components simplify using Web Workers") + +---- +

書籍関係

+ +---- + +## Implementing DDD, CQRS and… by Alex Lawrence \[PDF/iPad/Kindle\] +[leanpub.com/implementing-ddd-cqrs-and-event-sourcing](https://leanpub.com/implementing-ddd-cqrs-and-event-sourcing "Implementing DDD, CQRS and… by Alex Lawrence \[PDF/iPad/Kindle\]") +

JavaScript TypeScript DDD book

+ +JavaScriptで書かれたDDD/CQRS/Event Sourcingについての書籍。 +ドメイン駆動設計の理論的な話から、JavaScript/Node.jsを使った実装について。 +Event Sourcingでは、ブラウザ上のUIと`EventSource`を使ったRead Modelについても扱っている + +- [Why my book uses Node.js and JavaScript - Alex Lawrence](https://www.alex-lawrence.com/posts/why-my-book-uses-nodejs-and-javascript/ "Why my book uses Node.js and JavaScript - Alex Lawrence") + +---- From e6eb57299835b1d0f5102d2aaadc36e1de315232 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Mon, 14 Feb 2022 14:40:16 +0000 Subject: [PATCH 24/26] Delete _i18n/ja/_posts/2022/2022-02-14-579draft.md --- _i18n/ja/_posts/2022/2022-02-14-579draft.md | 217 -------------------- 1 file changed, 217 deletions(-) delete mode 100644 _i18n/ja/_posts/2022/2022-02-14-579draft.md diff --git a/_i18n/ja/_posts/2022/2022-02-14-579draft.md b/_i18n/ja/_posts/2022/2022-02-14-579draft.md deleted file mode 100644 index 0335e379b85..00000000000 --- a/_i18n/ja/_posts/2022/2022-02-14-579draft.md +++ /dev/null @@ -1,217 +0,0 @@ ---- -title: "2022-02-14のJS: " -author: "azu" -layout: post -date : 2022-02-14T13:44:43.741Z -category: JSer -tags: -- TypeScript -- node.js -- vite -- ShellScript -- bundler - ---- - -JSer.info #579 - ----- - -

ヘッドライン

- ----- - -## Release 5.0.0 · google/zx -[github.com/google/zx/releases/tag/5.0.0](https://github.com/google/zx/releases/tag/5.0.0 "Release 5.0.0 · google/zx") -

ShellScript JavaScript node.js library

- -zx 5.0.0リリース。 -YAMLのサポート、 -`.ts`のビルトインサポートを削除、Node.js 16未満のサポート終了など - - ----- - -## Release v2.3.0 · parcel-bundler/parcel -[github.com/parcel-bundler/parcel/releases/tag/v2.3.0](https://github.com/parcel-bundler/parcel/releases/tag/v2.3.0 "Release v2.3.0 · parcel-bundler/parcel") -

JavaScript bundler ReleaseNote

- -Parcel 2.3.0リリース。 -ParcelでParcel自体のいくつかの依存関係を事前にbundleするように変更。 -Node Core ModulesのpolyfillやBabel/PostCSSの依存関係をオンデマンドでインストールするように変更など - -- [Reduce the number of npm dependencies needed by parcel by devongovett · Pull Request #7576 · parcel-bundler/parcel](https://github.com/parcel-bundler/parcel/pull/7576 "Reduce the number of npm dependencies needed by parcel by devongovett · Pull Request #7576 · parcel-bundler/parcel") - ----- - -## Release v8.5.0 · npm/cli -[github.com/npm/cli/releases/tag/v8.5.0](https://github.com/npm/cli/releases/tag/v8.5.0 "Release v8.5.0 · npm/cli") -

npm ReleaseNote

- -npm 8.5.0リリース。 -workspace内でのnpm installなどのコマンドがコンテキストに基づいて実行されるように変更など - -- [RFC: npm workspaces: auto switch context based on cwd by ruyadorno · Pull Request #343 · npm/rfcs](https://github.com/npm/rfcs/pull/343 "RFC: npm workspaces: auto switch context based on cwd by ruyadorno · Pull Request #343 · npm/rfcs") - ----- - -## Release Notes for Safari Technology Preview 140 | WebKit -[webkit.org/blog/12255/release-notes-for-safari-technology-preview-140/](https://webkit.org/blog/12255/release-notes-for-safari-technology-preview-140/ "Release Notes for Safari Technology Preview 140 | WebKit") -

safari ReleaseNote

- -Safari Technology Preview 140リリース。 -CSSの`:has()`擬似クラスのサポート、`FetchEvent.handled`のサポート、`form.requestSubmit()`の有効化。 -script要素がサポートしているtypeを判定する -`HTMLScriptElement.supports(type)`の実装など - -- [Add FetchEvent.handled (#1397) by tingshao · Pull Request #1496 · w3c/ServiceWorker](https://github.com/w3c/ServiceWorker/pull/1496 "Add FetchEvent.handled (#1397) by tingshao · Pull Request #1496 · w3c/ServiceWorker") -- [HTMLScriptElement.supports() - Web APIs | MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLScriptElement/supports "HTMLScriptElement.supports() - Web APIs | MDN") - ----- - -## Announcing TypeScript 4.6 RC - TypeScript -[devblogs.microsoft.com/typescript/announcing-typescript-4-6-rc/](https://devblogs.microsoft.com/typescript/announcing-typescript-4-6-rc/ "Announcing TypeScript 4.6 RC - TypeScript") -

TypeScript ReleaseNote

- -TypeScript 4.6 RCリリース。 -再帰型、インターフェースへのインデックスアクセス、関数の引数における型推論の改善。 -`--target es2022`のサポート、`checkJs`が有効時のJavaScriptの構文エラーのチェックを改善。 -`--generateTrace`で出力できるビルドのトレースデータを分析するための`@typescript/analyze-trace`パッケージの公開など - - ----- - -## vite/CHANGELOG.md at main · vitejs/vite -[github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md#280-2022-02-09](https://github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md#280-2022-02-09 "vite/CHANGELOG.md at main · vitejs/vite") -

vite ReleaseNote

- -Vite 2.8.0リリース。 -`vite preview`のデフォルトportの変更、Workerとしてbundleする対象を`URL`使ったものへと変更、設定に`worker`オプションを追加など。 -また、パッケージのファイルサイズの削減など - - ----- - -## Release v28.0.0-alpha.0 · facebook/jest -[github.com/facebook/jest/releases/tag/v28.0.0-alpha.0](https://github.com/facebook/jest/releases/tag/v28.0.0-alpha.0 "Release v28.0.0-alpha.0 · facebook/jest") -

JavaScript testing library ReleaseNote

- -Jest 28αリリース。 -27で`jest-circus`がデフォルトとなったため、JSDOMとjasmin2のenviromentをデフォルトでは含めないように変更。 -`package.json`の`exports`フィールドに対応など - - ----- - -## ESLint v8.9.0 released - ESLint - Pluggable JavaScript linter -[eslint.org/blog/2022/02/eslint-v8.9.0-released](https://eslint.org/blog/2022/02/eslint-v8.9.0-released "ESLint v8.9.0 released - ESLint - Pluggable JavaScript linter") -

ESLint ReleaseNote

- -ESLint 8.9.0リリース。 -`env`に`es2016`/`es2018`/`es2019`/`es2022`オプションの追加、ES3のコードでは`"use strict"`を無視するように変更など - - ----- - -## Firefox 97.0, See All New Features, Updates and Fixes -[www.mozilla.org/en-US/firefox/97.0/releasenotes/](https://www.mozilla.org/en-US/firefox/97.0/releasenotes/ "Firefox 97.0, See All New Features, Updates and Fixes") -

Firefox ReleaseNote

- -Firefox 97リリース。 -CSSの`cap`と`ic` unitをサポート、`@scroll-timeline`と`animation-timeline`のサポート、CSS cascade layersをデフォルトで有効化。 -`AbortController.abort()`/`AbortSignal.throwIfAborted()`/`AbortSignal.reason`プロパティのサポートなど - -- [Firefox 97 for developers - Mozilla | MDN](https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/97 "Firefox 97 for developers - Mozilla | MDN") - ----- - -## Node v17.5.0 (Current) | Node.js -[nodejs.org/en/blog/release/v17.5.0/](https://nodejs.org/en/blog/release/v17.5.0/ "Node v17.5.0 (Current) | Node.js") -

node.js ReleaseNote

- -Node.js 17.5.0リリース。 -`--experimental-fetch`フラグ付きでundiciベースのFetch APIの実装を追加、Streamにiterator-helper proposalの実装など - - ----- -

アーティクル

- ----- - -## How the Angular Compiler Works. The Angular Compiler (which we call… | by Alex Rickabaugh | Feb, 2022 | Angular Blog -[blog.angular.io/how-the-angular-compiler-works-42111f9d2549](https://blog.angular.io/how-the-angular-compiler-works-42111f9d2549 "How the Angular Compiler Works. The Angular Compiler (which we call… | by Alex Rickabaugh | Feb, 2022 | Angular Blog") -

Angular TypeScript article

- -Angular Compilerがどのように動いているかについての解説記事。 -どのようにAngular componentのテンプレートの型チェックをして変換しているのかについて。 - - ----- - -## Web パフォーマンスとプロダクト KPI の相関を可視化する話 2022ver - ドクターズプライム Official Blog -[blog.drsprime.com/entry/2022/02/10/170000](https://blog.drsprime.com/entry/2022/02/10/170000 "Web パフォーマンスとプロダクト KPI の相関を可視化する話 2022ver - ドクターズプライム Official Blog") -

performance JavaScript Chrome article

- -Web VitalsのメトリクスをGoogle Analyticsに送信し、Google データポータルで可視化する方法について - - ----- -

サイト、サービス、ドキュメント

- ----- - -## checkly/puppeteer-to-playwright: Puppeteer to Playwright conversion script -[github.com/checkly/puppeteer-to-playwright](https://github.com/checkly/puppeteer-to-playwright "checkly/puppeteer-to-playwright: Puppeteer to Playwright conversion script") -

puppeteer Tools refactoring

- -Puppeter向けのスクリプトをPlaywright向けに変換するツール - - ----- -

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

- ----- - -## papyrs/stylo: Another kind of rich text editor -[github.com/papyrs/stylo](https://github.com/papyrs/stylo "papyrs/stylo: Another kind of rich text editor") -

WebComponents library JavaScript

- -ContentEditableベースのWYSIWYGなWeb Components - - ----- - -## hikerpig/pintora: An extensible text-to-diagrams library that works in both browser and node.js -[github.com/hikerpig/pintora](https://github.com/hikerpig/pintora "hikerpig/pintora: An extensible text-to-diagrams library that works in both browser and node.js") -

JavaScript library graphic

- -Mermaid.jsやPlantUMLのようにテキストでダイアグラムを書くライブラリ。 -Sequence Diagram、Component Diagram、Activity Diagram、Mind Mapなどの形式に対応していて、プラグインでカスタマイズできる - - ----- - -## Aslemammad/react-worker-components-plugin: ⚡ Something like react server components, but web workers instead of a server -[github.com/Aslemammad/react-worker-components-plugin](https://github.com/Aslemammad/react-worker-components-plugin "Aslemammad/react-worker-components-plugin: ⚡ Something like react server components, but web workers instead of a server") -

React vite plugin

- -importしたReactコンポーネントをreact-worker-componentsを使ってWebWorkerで動かすように変換するViteプラグイン - -- [dai-shi/react-worker-components: React Worker Components simplify using Web Workers](https://github.com/dai-shi/react-worker-components "dai-shi/react-worker-components: React Worker Components simplify using Web Workers") - ----- -

書籍関係

- ----- - -## Implementing DDD, CQRS and… by Alex Lawrence \[PDF/iPad/Kindle\] -[leanpub.com/implementing-ddd-cqrs-and-event-sourcing](https://leanpub.com/implementing-ddd-cqrs-and-event-sourcing "Implementing DDD, CQRS and… by Alex Lawrence \[PDF/iPad/Kindle\]") -

JavaScript TypeScript DDD book

- -JavaScriptで書かれたDDD/CQRS/Event Sourcingについての書籍。 -ドメイン駆動設計の理論的な話から、JavaScript/Node.jsを使った実装について。 -Event Sourcingでは、ブラウザ上のUIと`EventSource`を使ったRead Modelについても扱っている - -- [Why my book uses Node.js and JavaScript - Alex Lawrence](https://www.alex-lawrence.com/posts/why-my-book-uses-nodejs-and-javascript/ "Why my book uses Node.js and JavaScript - Alex Lawrence") - ----- From bb87c266bb094fc5c3b13d0f6ef34e300b7fdbd2 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Mon, 14 Feb 2022 14:42:13 +0000 Subject: [PATCH 25/26] Update _i18n/ja/_posts/2022/2022-02-14-parcel-2.3.0-vite-2.8.0-angular-compiler-javascriptddd.md --- ...14-parcel-2.3.0-vite-2.8.0-angular-compiler-javascriptddd.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2022/2022-02-14-parcel-2.3.0-vite-2.8.0-angular-compiler-javascriptddd.md b/_i18n/ja/_posts/2022/2022-02-14-parcel-2.3.0-vite-2.8.0-angular-compiler-javascriptddd.md index d901afb080b..56958c0100b 100644 --- a/_i18n/ja/_posts/2022/2022-02-14-parcel-2.3.0-vite-2.8.0-angular-compiler-javascriptddd.md +++ b/_i18n/ja/_posts/2022/2022-02-14-parcel-2.3.0-vite-2.8.0-angular-compiler-javascriptddd.md @@ -63,7 +63,7 @@ Vite(esbuild)では`optionalDependencies`を使って、実行する端末のア [Implementing DDD, CQRS and Event Sourcing](https://leanpub.com/implementing-ddd-cqrs-and-event-sourcing)という書籍は、コードにJavaScript/Node.jsを使ってDDD(ドメイン駆動開発)について解説しています。 -書籍では、DDDの概念とその実装について書かれていて、特定のフレームワークを使わずに一から実装を進めながらアーキテクチャについて解説しています。 +書籍では、DDDの概念とその実装について書かれていて、特定のフレームワークを使わずに理論と実装を進めながらアーキテクチャについて解説しています。 なぜ、DDDの解説にJavaScriptを使ったかやサードパーティのライブラリを使わずに解説したのかについてなどのFAQは次の記事で解説されています。 From 531b6b253580d97e93346140049bda52c9742ac9 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Mon, 14 Feb 2022 14:43:34 +0000 Subject: [PATCH 26/26] Update _i18n/ja/_posts/2022/2022-02-14-parcel-2.3.0-vite-2.8.0-angular-compiler-javascriptddd.md --- ...14-parcel-2.3.0-vite-2.8.0-angular-compiler-javascriptddd.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2022/2022-02-14-parcel-2.3.0-vite-2.8.0-angular-compiler-javascriptddd.md b/_i18n/ja/_posts/2022/2022-02-14-parcel-2.3.0-vite-2.8.0-angular-compiler-javascriptddd.md index 56958c0100b..cebace6c5f4 100644 --- a/_i18n/ja/_posts/2022/2022-02-14-parcel-2.3.0-vite-2.8.0-angular-compiler-javascriptddd.md +++ b/_i18n/ja/_posts/2022/2022-02-14-parcel-2.3.0-vite-2.8.0-angular-compiler-javascriptddd.md @@ -25,7 +25,7 @@ Vite 2.8.0がリリースされています。 - [vite/CHANGELOG.md at main · vitejs/vite](https://github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md#280-2022-02-09) -`5000` portは[macOS Montereyで利用されている](https://developer.apple.com/forums/thread/682332)ため、vite previewのデフォルトportが`4173`へと変更されています。 +[macOS Montereyで`5000` portが利用されている](https://developer.apple.com/forums/thread/682332)ため、`vite preview`のデフォルトportが`4173`へと変更されています。 また、Workerとしてbundleする対象をURL使ったものへと変更して、これを推奨として扱うように変更されています。