From 457f4478d94379561dd6f8565e76134023369a4f Mon Sep 17 00:00:00 2001 From: azu Date: Wed, 28 Apr 2021 03:28:26 +0000 Subject: [PATCH 01/25] Update 538 draft --- _i18n/ja/_posts/2021/2021-04-28-538draft.md | 31 +++++++++++++++++++++ 1 file changed, 31 insertions(+) create mode 100644 _i18n/ja/_posts/2021/2021-04-28-538draft.md diff --git a/_i18n/ja/_posts/2021/2021-04-28-538draft.md b/_i18n/ja/_posts/2021/2021-04-28-538draft.md new file mode 100644 index 00000000000..a41f338c1ef --- /dev/null +++ b/_i18n/ja/_posts/2021/2021-04-28-538draft.md @@ -0,0 +1,31 @@ +--- +title: "2021-04-28のJS: " +author: "azu" +layout: post +date : 2021-04-28T03:28:26.406Z +category: JSer +tags: +- Angular +- E2E +- TEST +- issue + +--- + +JSer.info #538 + +---- + +

ヘッドライン

+ +---- + +## Future of Angular E2E & Plans for Protractor · Issue #5502 · angular/protractor +[github.com/angular/protractor/issues/5502](https://github.com/angular/protractor/issues/5502 "Future of Angular E2E & Plans for Protractor · Issue #5502 · angular/protractor") +

Angular E2E TEST issue news

+ +AngularでのE2EテストフレームワークであるProtractorの開発終了のスケジュールについて。 +他のテストフレームワークが充実してきているので、2021年5月にDprecatedとし、2020年末に開発終了とするスケジュールについて。 + + +---- From e1b05586328e125afabdfffaf3271a3e5762e724 Mon Sep 17 00:00:00 2001 From: azu Date: Wed, 28 Apr 2021 04:05:39 +0000 Subject: [PATCH 02/25] Update 538 draft --- _i18n/ja/_posts/2021/2021-04-28-538draft.md | 19 ++++++++++++++++--- 1 file changed, 16 insertions(+), 3 deletions(-) diff --git a/_i18n/ja/_posts/2021/2021-04-28-538draft.md b/_i18n/ja/_posts/2021/2021-04-28-538draft.md index a41f338c1ef..ec8521dc0a4 100644 --- a/_i18n/ja/_posts/2021/2021-04-28-538draft.md +++ b/_i18n/ja/_posts/2021/2021-04-28-538draft.md @@ -2,13 +2,14 @@ title: "2021-04-28のJS: " author: "azu" layout: post -date : 2021-04-28T03:28:26.406Z +date : 2021-04-28T04:05:20.755Z category: JSer tags: - Angular - E2E -- TEST - issue +- testing +- jsx --- @@ -22,10 +23,22 @@ JSer.info #538 ## Future of Angular E2E & Plans for Protractor · Issue #5502 · angular/protractor [github.com/angular/protractor/issues/5502](https://github.com/angular/protractor/issues/5502 "Future of Angular E2E & Plans for Protractor · Issue #5502 · angular/protractor") -

Angular E2E TEST issue news

+

Angular E2E issue news testing

AngularでのE2EテストフレームワークであるProtractorの開発終了のスケジュールについて。 他のテストフレームワークが充実してきているので、2021年5月にDprecatedとし、2020年末に開発終了とするスケジュールについて。 +---- +

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

+ +---- + +## itsjavi/jsx-runtime: Extremely lightweight JSX runtime (<2KB) to write JSX without React in TypeScript or JavaScript. +[github.com/itsjavi/jsx-runtime](https://github.com/itsjavi/jsx-runtime "itsjavi/jsx-runtime: Extremely lightweight JSX runtime (<2KB) to write JSX without React in TypeScript or JavaScript.") +

jsx babel Tools TypeScript

+ +JSXで書いて変換するとStandaloneで動作するコードを出力するJSX TransformerとRuntime + + ---- From 001283d7c10b1d09478394f7efa8384823f53a88 Mon Sep 17 00:00:00 2001 From: azu Date: Wed, 28 Apr 2021 14:28:04 +0000 Subject: [PATCH 03/25] Update 538 draft --- _i18n/ja/_posts/2021/2021-04-28-538draft.md | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2021/2021-04-28-538draft.md b/_i18n/ja/_posts/2021/2021-04-28-538draft.md index ec8521dc0a4..14b0d088ac3 100644 --- a/_i18n/ja/_posts/2021/2021-04-28-538draft.md +++ b/_i18n/ja/_posts/2021/2021-04-28-538draft.md @@ -2,7 +2,7 @@ title: "2021-04-28のJS: " author: "azu" layout: post -date : 2021-04-28T04:05:20.755Z +date : 2021-04-28T14:28:04.775Z category: JSer tags: - Angular @@ -41,4 +41,16 @@ AngularでのE2EテストフレームワークであるProtractorの開発終了 JSXで書いて変換するとStandaloneで動作するコードを出力するJSX TransformerとRuntime +---- + +## Fower +[fower.vercel.app/](https://fower.vercel.app/ "Fower") +

JavaScript CSS library React Vue Svelte

+ +TailwindcssライクなUtility-firstのCSS in JSライブラリ。 +ReactやVue、またスタイルをJavaScriptで生成するためReact Nativeにも対応する。 +UtilityベースのスタイルをPropsとして指定し、TSXや各フレームワーク用のコード補完に対応している。 + +- [Fower v1.0. After half a year’s efforts, today… | by forsigner | Apr, 2021 | ITNEXT](https://itnext.io/fower-v1-0-8df48723de0b "Fower v1.0. After half a year’s efforts, today… | by forsigner | Apr, 2021 | ITNEXT") + ---- From d8da296a6dc116e500f4b088c489dda94d434b0b Mon Sep 17 00:00:00 2001 From: azu Date: Fri, 30 Apr 2021 12:24:01 +0000 Subject: [PATCH 04/25] Update 538 draft --- ...4-28-538draft.md => 2021-04-30-538draft.md} | 18 +++++++++++++++--- 1 file changed, 15 insertions(+), 3 deletions(-) rename _i18n/ja/_posts/2021/{2021-04-28-538draft.md => 2021-04-30-538draft.md} (73%) diff --git a/_i18n/ja/_posts/2021/2021-04-28-538draft.md b/_i18n/ja/_posts/2021/2021-04-30-538draft.md similarity index 73% rename from _i18n/ja/_posts/2021/2021-04-28-538draft.md rename to _i18n/ja/_posts/2021/2021-04-30-538draft.md index 14b0d088ac3..cc6910803e6 100644 --- a/_i18n/ja/_posts/2021/2021-04-28-538draft.md +++ b/_i18n/ja/_posts/2021/2021-04-30-538draft.md @@ -1,15 +1,15 @@ --- -title: "2021-04-28のJS: " +title: "2021-04-30のJS: " author: "azu" layout: post -date : 2021-04-28T14:28:04.775Z +date : 2021-04-30T12:24:01.055Z category: JSer tags: +- babel - Angular - E2E - issue - testing -- jsx --- @@ -29,6 +29,18 @@ AngularでのE2EテストフレームワークであるProtractorの開発終了 他のテストフレームワークが充実してきているので、2021年5月にDprecatedとし、2020年末に開発終了とするスケジュールについて。 +---- + +## 7.14.0 Released: New class features enabled by default, TypeScript 4.3, and better CommonJS interop · Babel +[babeljs.io/blog/2021/04/29/7.14.0](https://babeljs.io/blog/2021/04/29/7.14.0 "7.14.0 Released: New class features enabled by default, TypeScript 4.3, and better CommonJS interop · Babel") +

babel ReleaseNote

+ +Babel 7.14.0リリース。 +Stage 4となったclass fieldsをpreset-envがデフォルトでサポート、`importInterop: "node"`オプションの追加、TypeScript 4.3のサポート。 +また、Stage 1のES Proposalである`async do` expressionのサポートなど + +- [Release v7.14.0 · babel/babel](https://github.com/babel/babel/releases/tag/v7.14.0 "Release v7.14.0 · babel/babel") + ----

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

From b19b07abcf53bba7cf28de941b36997066411083 Mon Sep 17 00:00:00 2001 From: azu Date: Fri, 30 Apr 2021 12:57:15 +0000 Subject: [PATCH 05/25] Update 538 draft --- _i18n/ja/_posts/2021/2021-04-30-538draft.md | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2021/2021-04-30-538draft.md b/_i18n/ja/_posts/2021/2021-04-30-538draft.md index cc6910803e6..219cdcf4e2a 100644 --- a/_i18n/ja/_posts/2021/2021-04-30-538draft.md +++ b/_i18n/ja/_posts/2021/2021-04-30-538draft.md @@ -2,7 +2,7 @@ title: "2021-04-30のJS: " author: "azu" layout: post -date : 2021-04-30T12:24:01.055Z +date : 2021-04-30T12:57:14.940Z category: JSer tags: - babel @@ -41,6 +41,17 @@ Stage 4となったclass fieldsをpreset-envがデフォルトでサポート、 - [Release v7.14.0 · babel/babel](https://github.com/babel/babel/releases/tag/v7.14.0 "Release v7.14.0 · babel/babel") +---- + +## rxjs/CHANGELOG.md at master · ReactiveX/rxjs +[github.com/ReactiveX/rxjs/blob/master/CHANGELOG.md#700-2021-04-29](https://github.com/ReactiveX/rxjs/blob/master/CHANGELOG.md#700-2021-04-29 "rxjs/CHANGELOG.md at master · ReactiveX/rxjs") +

JavaScript Rx library ReleaseNote

+ +RxJS 7.0.0リリース。 +TypeScript 4.2未満のサポート終了、`rxjs-compat`の削除、`lift`をexposeしないように、各種演算子のAPI変更など + +- [RxJS - Breaking Changes in Version 7](https://rxjs.dev/deprecations/breaking-changes "RxJS - Breaking Changes in Version 7") + ----

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

From d0ca34ab3f26d8caafcf8053d8a9b2e13f385034 Mon Sep 17 00:00:00 2001 From: azu Date: Fri, 30 Apr 2021 15:13:11 +0000 Subject: [PATCH 06/25] Update 538 draft --- _i18n/ja/_posts/2021/2021-04-30-538draft.md | 18 ++++++++++++++++-- 1 file changed, 16 insertions(+), 2 deletions(-) diff --git a/_i18n/ja/_posts/2021/2021-04-30-538draft.md b/_i18n/ja/_posts/2021/2021-04-30-538draft.md index 219cdcf4e2a..e107fc629ba 100644 --- a/_i18n/ja/_posts/2021/2021-04-30-538draft.md +++ b/_i18n/ja/_posts/2021/2021-04-30-538draft.md @@ -2,14 +2,14 @@ title: "2021-04-30のJS: " author: "azu" layout: post -date : 2021-04-30T12:57:14.940Z +date : 2021-04-30T15:13:11.121Z category: JSer tags: - babel +- React - Angular - E2E - issue -- testing --- @@ -52,6 +52,20 @@ TypeScript 4.2未満のサポート終了、`rxjs-compat`の削除、`lift`をex - [RxJS - Breaking Changes in Version 7](https://rxjs.dev/deprecations/breaking-changes "RxJS - Breaking Changes in Version 7") +---- +

アーティクル

+ +---- + +## React17のevent delegationの破壊的変更を理解する +[zenn.dev/co9xs/articles/react17-event-delegation](https://zenn.dev/co9xs/articles/react17-event-delegation "React17のevent delegationの破壊的変更を理解する") +

React article

+ +React 17のevent delegationの変更についての記事。 +実際に動作が変わるサンプルを元に、React 17でのevent delegationの仕組みの変化について解説している + +- [React v17.0 Release Candidate: 新機能「なし」 – React Blog](https://ja.reactjs.org/blog/2020/08/10/react-v17-rc.html "React v17.0 Release Candidate: 新機能「なし」 – React Blog") + ----

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

From f01f4ad1f56201802ca6667f2a83525b36e6d7f0 Mon Sep 17 00:00:00 2001 From: azu Date: Fri, 30 Apr 2021 15:22:20 +0000 Subject: [PATCH 07/25] Update 538 draft --- _i18n/ja/_posts/2021/2021-04-30-538draft.md | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2021/2021-04-30-538draft.md b/_i18n/ja/_posts/2021/2021-04-30-538draft.md index e107fc629ba..e97ee044007 100644 --- a/_i18n/ja/_posts/2021/2021-04-30-538draft.md +++ b/_i18n/ja/_posts/2021/2021-04-30-538draft.md @@ -2,7 +2,7 @@ title: "2021-04-30のJS: " author: "azu" layout: post -date : 2021-04-30T15:13:11.121Z +date : 2021-04-30T15:22:20.480Z category: JSer tags: - babel @@ -52,6 +52,18 @@ TypeScript 4.2未満のサポート終了、`rxjs-compat`の削除、`lift`をex - [RxJS - Breaking Changes in Version 7](https://rxjs.dev/deprecations/breaking-changes "RxJS - Breaking Changes in Version 7") +---- + +## New WebKit Features in Safari 14.1 | WebKit +[webkit.org/blog/11648/new-webkit-features-in-safari-14-1/](https://webkit.org/blog/11648/new-webkit-features-in-safari-14-1/ "New WebKit Features in Safari 14.1 | WebKit") +

safari ReleaseNote

+ +Safari 14.1の変更点について。 +Flexbox Gap、macOSでDate&Time input、Web Speech API、MediaRecorder API、WeMのサポートなど。 +JavaScriptのClass Fields、WekRefのサポート、i18n APIのサポート改善、WebAssemblyのThreadingのサポートなど。 +また、Private Click Measurementをデフォルトで有効化、Storage AccessAPIの更新など。 + + ----

アーティクル

From c003be350db0804c0ff1d5d9448b575fe02148fa Mon Sep 17 00:00:00 2001 From: azu Date: Sat, 1 May 2021 15:17:38 +0000 Subject: [PATCH 08/25] Update 538 draft --- ...21-04-30-538draft.md => 2021-05-01-538draft.md} | 14 ++++++++++++-- 1 file changed, 12 insertions(+), 2 deletions(-) rename _i18n/ja/_posts/2021/{2021-04-30-538draft.md => 2021-05-01-538draft.md} (90%) diff --git a/_i18n/ja/_posts/2021/2021-04-30-538draft.md b/_i18n/ja/_posts/2021/2021-05-01-538draft.md similarity index 90% rename from _i18n/ja/_posts/2021/2021-04-30-538draft.md rename to _i18n/ja/_posts/2021/2021-05-01-538draft.md index e97ee044007..7d99fe309e5 100644 --- a/_i18n/ja/_posts/2021/2021-04-30-538draft.md +++ b/_i18n/ja/_posts/2021/2021-05-01-538draft.md @@ -1,8 +1,8 @@ --- -title: "2021-04-30のJS: " +title: "2021-05-01のJS: " author: "azu" layout: post -date : 2021-04-30T15:22:20.480Z +date : 2021-05-01T15:17:21.795Z category: JSer tags: - babel @@ -78,6 +78,16 @@ React 17のevent delegationの変更についての記事。 - [React v17.0 Release Candidate: 新機能「なし」 – React Blog](https://ja.reactjs.org/blog/2020/08/10/react-v17-rc.html "React v17.0 Release Candidate: 新機能「なし」 – React Blog") +---- + +## How to Use ECMAScript Modules in Node.js +[dmitripavlutin.com/ecmascript-modules-nodejs/](https://dmitripavlutin.com/ecmascript-modules-nodejs/ "How to Use ECMAScript Modules in Node.js") +

node.js article

+ +Node.jsでもECMAScript modulesの使い方についての記事。 +モジュールモード、モジュールのimportの方法、Dynamic Import、CommonJSなモジュールのimport、`import.meta`についてなど + + ----

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

From e80159f9f259d07a78259f41ec4ff3f7e0920b46 Mon Sep 17 00:00:00 2001 From: azu Date: Sat, 1 May 2021 15:28:46 +0000 Subject: [PATCH 09/25] Update 538 draft --- _i18n/ja/_posts/2021/2021-05-01-538draft.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/_i18n/ja/_posts/2021/2021-05-01-538draft.md b/_i18n/ja/_posts/2021/2021-05-01-538draft.md index 7d99fe309e5..e9461b71c86 100644 --- a/_i18n/ja/_posts/2021/2021-05-01-538draft.md +++ b/_i18n/ja/_posts/2021/2021-05-01-538draft.md @@ -2,7 +2,7 @@ title: "2021-05-01のJS: " author: "azu" layout: post -date : 2021-05-01T15:17:21.795Z +date : 2021-05-01T15:28:27.053Z category: JSer tags: - babel @@ -84,7 +84,7 @@ React 17のevent delegationの変更についての記事。 [dmitripavlutin.com/ecmascript-modules-nodejs/](https://dmitripavlutin.com/ecmascript-modules-nodejs/ "How to Use ECMAScript Modules in Node.js")

node.js article

-Node.jsでもECMAScript modulesの使い方についての記事。 +Node.jsでのECMAScript modulesの使い方についての記事。 モジュールモード、モジュールのimportの方法、Dynamic Import、CommonJSなモジュールのimport、`import.meta`についてなど From cb5d4c4dbbde04eee8224905b01aa72f87af1b4f Mon Sep 17 00:00:00 2001 From: azu Date: Sun, 2 May 2021 22:45:42 +0000 Subject: [PATCH 10/25] Update 538 draft --- ...05-01-538draft.md => 2021-05-02-538draft.md} | 17 ++++++++++++++--- 1 file changed, 14 insertions(+), 3 deletions(-) rename _i18n/ja/_posts/2021/{2021-05-01-538draft.md => 2021-05-02-538draft.md} (87%) diff --git a/_i18n/ja/_posts/2021/2021-05-01-538draft.md b/_i18n/ja/_posts/2021/2021-05-02-538draft.md similarity index 87% rename from _i18n/ja/_posts/2021/2021-05-01-538draft.md rename to _i18n/ja/_posts/2021/2021-05-02-538draft.md index e9461b71c86..ebdab14512b 100644 --- a/_i18n/ja/_posts/2021/2021-05-01-538draft.md +++ b/_i18n/ja/_posts/2021/2021-05-02-538draft.md @@ -1,15 +1,15 @@ --- -title: "2021-05-01のJS: " +title: "2021-05-02のJS: " author: "azu" layout: post -date : 2021-05-01T15:28:27.053Z +date : 2021-05-02T22:45:42.331Z category: JSer tags: - babel - React +- node.js - Angular - E2E -- issue --- @@ -64,6 +64,17 @@ JavaScriptのClass Fields、WekRefのサポート、i18n APIのサポート改 また、Private Click Measurementをデフォルトで有効化、Storage AccessAPIの更新など。 +---- + +## Release yargs v17.0.0 · yargs/yargs +[github.com/yargs/yargs/releases/tag/v17.0.0](https://github.com/yargs/yargs/releases/tag/v17.0.0 "Release yargs v17.0.0 · yargs/yargs") +

JavaScript node.js deno library ReleaseNote

+ +コマンドライン引数パーサーのyargs 17.0.0リリース。 +破壊的な変更として、Node.js 10のサポート終了、PrivateメソッドにPrivate Fieldsを使うように変更、`reset()`メソッドを非推奨化など。 +Node v14.8.0からTop-Level Awaitをサポートしたため、`yargs()`や`parseAsync`など色々な処理で非同期処理に対応するように変更など + + ----

アーティクル

From 76c784960fcc4c3c550f4ddfaaf6294f1972e49f Mon Sep 17 00:00:00 2001 From: azu Date: Mon, 3 May 2021 07:36:15 +0000 Subject: [PATCH 11/25] Update 538 draft --- ...5-02-538draft.md => 2021-05-03-538draft.md} | 18 ++++++++++++++++-- 1 file changed, 16 insertions(+), 2 deletions(-) rename _i18n/ja/_posts/2021/{2021-05-02-538draft.md => 2021-05-03-538draft.md} (91%) diff --git a/_i18n/ja/_posts/2021/2021-05-02-538draft.md b/_i18n/ja/_posts/2021/2021-05-03-538draft.md similarity index 91% rename from _i18n/ja/_posts/2021/2021-05-02-538draft.md rename to _i18n/ja/_posts/2021/2021-05-03-538draft.md index ebdab14512b..8f793a91a46 100644 --- a/_i18n/ja/_posts/2021/2021-05-02-538draft.md +++ b/_i18n/ja/_posts/2021/2021-05-03-538draft.md @@ -1,8 +1,8 @@ --- -title: "2021-05-02のJS: " +title: "2021-05-03のJS: " author: "azu" layout: post -date : 2021-05-02T22:45:42.331Z +date : 2021-05-03T07:36:14.894Z category: JSer tags: - babel @@ -123,4 +123,18 @@ UtilityベースのスタイルをPropsとして指定し、TSXや各フレー - [Fower v1.0. After half a year’s efforts, today… | by forsigner | Apr, 2021 | ITNEXT](https://itnext.io/fower-v1-0-8df48723de0b "Fower v1.0. After half a year’s efforts, today… | by forsigner | Apr, 2021 | ITNEXT") +---- +

書籍関係

+ +---- + +## Multithreaded JavaScript +[learning.oreilly.com/library/view/multithreaded-javascript/9781098104429/](https://learning.oreilly.com/library/view/multithreaded-javascript/9781098104429/ "Multithreaded JavaScript") +

JavaScript webworker ServiceWorker book

+ +2021年11月発売 +JavaScriptでのマルチスレッドについての書籍。 +Web Worker、Service Worker、SharedWorkerについてなどについて + + ---- From 4f9d822257b63a04fbb2c04a9840b9fed61be354 Mon Sep 17 00:00:00 2001 From: azu Date: Mon, 3 May 2021 07:54:59 +0000 Subject: [PATCH 12/25] Update 538 draft --- _i18n/ja/_posts/2021/2021-05-03-538draft.md | 14 ++++++++++++-- 1 file changed, 12 insertions(+), 2 deletions(-) diff --git a/_i18n/ja/_posts/2021/2021-05-03-538draft.md b/_i18n/ja/_posts/2021/2021-05-03-538draft.md index 8f793a91a46..0574fa05a6a 100644 --- a/_i18n/ja/_posts/2021/2021-05-03-538draft.md +++ b/_i18n/ja/_posts/2021/2021-05-03-538draft.md @@ -2,12 +2,12 @@ title: "2021-05-03のJS: " author: "azu" layout: post -date : 2021-05-03T07:36:14.894Z +date : 2021-05-03T07:54:39.556Z category: JSer tags: +- node.js - babel - React -- node.js - Angular - E2E @@ -99,6 +99,16 @@ Node.jsでのECMAScript modulesの使い方についての記事。 モジュールモード、モジュールのimportの方法、Dynamic Import、CommonJSなモジュールのimport、`import.meta`についてなど +---- + +## Build an HTTPS-intercepting JavaScript proxy in 30 seconds flat | HTTP Toolkit +[httptoolkit.tech/blog/javascript-mitm-proxy-mockttp/](https://httptoolkit.tech/blog/javascript-mitm-proxy-mockttp/ "Build an HTTPS-intercepting JavaScript proxy in 30 seconds flat | HTTP Toolkit") +

node.js library article

+ +mockttpを使ったhttpsのサイトをProxyで書き換える方法についての紹介記事 + +- [httptoolkit/mockttp: Powerful friendly HTTP mock server & proxy](https://github.com/httptoolkit/mockttp "httptoolkit/mockttp: Powerful friendly HTTP mock server &amp; proxy") + ----

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

From 7479c7b1dc5e8fcb1e5fd33e09dc62cab557c761 Mon Sep 17 00:00:00 2001 From: azu Date: Mon, 3 May 2021 10:05:25 +0000 Subject: [PATCH 13/25] Update 538 draft --- _i18n/ja/_posts/2021/2021-05-03-538draft.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/_i18n/ja/_posts/2021/2021-05-03-538draft.md b/_i18n/ja/_posts/2021/2021-05-03-538draft.md index 0574fa05a6a..e37d72f1d12 100644 --- a/_i18n/ja/_posts/2021/2021-05-03-538draft.md +++ b/_i18n/ja/_posts/2021/2021-05-03-538draft.md @@ -2,7 +2,7 @@ title: "2021-05-03のJS: " author: "azu" layout: post -date : 2021-05-03T07:54:39.556Z +date : 2021-05-03T10:05:25.436Z category: JSer tags: - node.js @@ -144,7 +144,7 @@ UtilityベースのスタイルをPropsとして指定し、TSXや各フレー 2021年11月発売 JavaScriptでのマルチスレッドについての書籍。 -Web Worker、Service Worker、SharedWorkerについてなどについて +Web Worker、Service Worker、SharedWorkerなどについて ---- From 4f0a2f441a3e70df743211648250f443c0746c4e Mon Sep 17 00:00:00 2001 From: azu Date: Tue, 4 May 2021 05:15:23 +0000 Subject: [PATCH 14/25] Update 538 draft --- ...021-05-03-538draft.md => 2021-05-04-538draft.md} | 13 +++++++++++-- 1 file changed, 11 insertions(+), 2 deletions(-) rename _i18n/ja/_posts/2021/{2021-05-03-538draft.md => 2021-05-04-538draft.md} (92%) diff --git a/_i18n/ja/_posts/2021/2021-05-03-538draft.md b/_i18n/ja/_posts/2021/2021-05-04-538draft.md similarity index 92% rename from _i18n/ja/_posts/2021/2021-05-03-538draft.md rename to _i18n/ja/_posts/2021/2021-05-04-538draft.md index e37d72f1d12..ecb0b91d115 100644 --- a/_i18n/ja/_posts/2021/2021-05-03-538draft.md +++ b/_i18n/ja/_posts/2021/2021-05-04-538draft.md @@ -1,8 +1,8 @@ --- -title: "2021-05-03のJS: " +title: "2021-05-04のJS: " author: "azu" layout: post -date : 2021-05-03T10:05:25.436Z +date : 2021-05-04T05:15:05.741Z category: JSer tags: - node.js @@ -109,6 +109,15 @@ mockttpを使ったhttpsのサイトをProxyで書き換える方法について - [httptoolkit/mockttp: Powerful friendly HTTP mock server & proxy](https://github.com/httptoolkit/mockttp "httptoolkit/mockttp: Powerful friendly HTTP mock server &amp; proxy") +---- + +## Node.js 10がサポート終了したので、Node.js 12以降だとできるようになることをまとめる +[zenn.dev/azu/scraps/bb1106a04ed9e6](https://zenn.dev/azu/scraps/bb1106a04ed9e6 "Node.js 10がサポート終了したので、Node.js 12以降だとできるようになることをまとめる") +

node.js article

+ +Node.js 12から利用できるようになったNode.jsのAPIや機能、V8アップデートによるECMAScriptサポートについてまとめた記事。 + + ----

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

From 427fb3a870070e78819f5f134a671bdc4d1ffe25 Mon Sep 17 00:00:00 2001 From: azu Date: Tue, 4 May 2021 05:38:16 +0000 Subject: [PATCH 15/25] Update 538 draft --- _i18n/ja/_posts/2021/2021-05-04-538draft.md | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2021/2021-05-04-538draft.md b/_i18n/ja/_posts/2021/2021-05-04-538draft.md index ecb0b91d115..40ebcc8dcad 100644 --- a/_i18n/ja/_posts/2021/2021-05-04-538draft.md +++ b/_i18n/ja/_posts/2021/2021-05-04-538draft.md @@ -2,7 +2,7 @@ title: "2021-05-04のJS: " author: "azu" layout: post -date : 2021-05-04T05:15:05.741Z +date : 2021-05-04T05:37:59.924Z category: JSer tags: - node.js @@ -75,6 +75,16 @@ JavaScriptのClass Fields、WekRefのサポート、i18n APIのサポート改 Node v14.8.0からTop-Level Awaitをサポートしたため、`yargs()`や`parseAsync`など色々な処理で非同期処理に対応するように変更など +---- + +## ECMAScript proposal updates @ 2021-04 | ECMAScript Daily +[ecmascript-daily.github.io/ecmascript/2021/05/04/ecmascript-proposal-update](https://ecmascript-daily.github.io/ecmascript/2021/05/04/ecmascript-proposal-update "ECMAScript proposal updates @ 2021-04 | ECMAScript Daily") +

ECMAScript proposal news

+ +2021年4月のTC39 MeetingsでStageが変わったProposalのまとめ。 +Class Field/Private MethodsがStage 4となり、ES2022に入ることが決まった + + ----

アーティクル

From e8b63cf679598086f6c58b6f6bcabdfe34e5ee88 Mon Sep 17 00:00:00 2001 From: azu Date: Tue, 4 May 2021 08:22:37 +0000 Subject: [PATCH 16/25] Update 538 draft --- _i18n/ja/_posts/2021/2021-05-04-538draft.md | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2021/2021-05-04-538draft.md b/_i18n/ja/_posts/2021/2021-05-04-538draft.md index 40ebcc8dcad..6723e53250a 100644 --- a/_i18n/ja/_posts/2021/2021-05-04-538draft.md +++ b/_i18n/ja/_posts/2021/2021-05-04-538draft.md @@ -2,7 +2,7 @@ title: "2021-05-04のJS: " author: "azu" layout: post -date : 2021-05-04T05:37:59.924Z +date : 2021-05-04T08:22:37.657Z category: JSer tags: - node.js @@ -128,6 +128,17 @@ mockttpを使ったhttpsのサイトをProxyで書き換える方法について Node.js 12から利用できるようになったNode.jsのAPIや機能、V8アップデートによるECMAScriptサポートについてまとめた記事。 +---- + +## Hosting SQLite databases on Github Pages - (or any static file hoster) - phiresky's blog +[phiresky.github.io/blog/2021/hosting-sqlite-databases-on-github-pages/](https://phiresky.github.io/blog/2021/hosting-sqlite-databases-on-github-pages/ "Hosting SQLite databases on Github Pages - (or any static file hoster) - phiresky's blog") +

SQLite JavaScript WebAssembly article

+ +WebAssemblyでコンパイルしたSQLiteと参照用のSQLiteファイルを用意し、必要な部分だけを取得できる仕組みを作ったという話。 +DBファイルをすべてメモリへ載せないで使うために、HTTP Rangeリクエストを使って必要なchunkだけを取得するHTTPベースの仮想ファイルシステムを作っている。 +SQLiteのDBのページサイズやスキーマ情報から必要な部分だけをRangeリクエストをで取得している。 + + ----

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

From 6fe4d40dd55cc8ca6e753731a77eccb9f0a7b4ac Mon Sep 17 00:00:00 2001 From: azu Date: Tue, 4 May 2021 08:25:55 +0000 Subject: [PATCH 17/25] Update 538 draft --- _i18n/ja/_posts/2021/2021-05-04-538draft.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/_i18n/ja/_posts/2021/2021-05-04-538draft.md b/_i18n/ja/_posts/2021/2021-05-04-538draft.md index 6723e53250a..dc096e5c0d5 100644 --- a/_i18n/ja/_posts/2021/2021-05-04-538draft.md +++ b/_i18n/ja/_posts/2021/2021-05-04-538draft.md @@ -2,7 +2,7 @@ title: "2021-05-04のJS: " author: "azu" layout: post -date : 2021-05-04T08:22:37.657Z +date : 2021-05-04T08:25:55.769Z category: JSer tags: - node.js @@ -134,7 +134,7 @@ Node.js 12から利用できるようになったNode.jsのAPIや機能、V8ア [phiresky.github.io/blog/2021/hosting-sqlite-databases-on-github-pages/](https://phiresky.github.io/blog/2021/hosting-sqlite-databases-on-github-pages/ "Hosting SQLite databases on Github Pages - (or any static file hoster) - phiresky's blog")

SQLite JavaScript WebAssembly article

-WebAssemblyでコンパイルしたSQLiteと参照用のSQLiteファイルを用意し、必要な部分だけを取得できる仕組みを作ったという話。 +WebAssemblyにコンパイルしたSQLiteと参照用のSQLiteファイルを用意し、必要な部分だけを取得できる仕組みを作ったという話。 DBファイルをすべてメモリへ載せないで使うために、HTTP Rangeリクエストを使って必要なchunkだけを取得するHTTPベースの仮想ファイルシステムを作っている。 SQLiteのDBのページサイズやスキーマ情報から必要な部分だけをRangeリクエストをで取得している。 From 637cb97d36e083480877e64180de0c71fb7b8d3e Mon Sep 17 00:00:00 2001 From: azu Date: Tue, 4 May 2021 11:52:27 +0000 Subject: [PATCH 18/25] Update 538 draft --- _i18n/ja/_posts/2021/2021-05-04-538draft.md | 15 +++++++++++++-- 1 file changed, 13 insertions(+), 2 deletions(-) diff --git a/_i18n/ja/_posts/2021/2021-05-04-538draft.md b/_i18n/ja/_posts/2021/2021-05-04-538draft.md index dc096e5c0d5..f1acf116dcd 100644 --- a/_i18n/ja/_posts/2021/2021-05-04-538draft.md +++ b/_i18n/ja/_posts/2021/2021-05-04-538draft.md @@ -2,12 +2,12 @@ title: "2021-05-04のJS: " author: "azu" layout: post -date : 2021-05-04T08:25:55.769Z +date : 2021-05-04T11:52:27.293Z category: JSer tags: - node.js -- babel - React +- babel - Angular - E2E @@ -85,6 +85,17 @@ Node v14.8.0からTop-Level Awaitをサポートしたため、`yargs()`や`pars Class Field/Private MethodsがStage 4となり、ES2022に入ることが決まった +---- + +## Mantine +[mantine.dev/](https://mantine.dev/ "Mantine") +

React library UI

+ +ReactコンポーネントとHooksのフレームワーク。 +CSS-in-JSにはJSSを利用している。 + +- [cssinjs/jss: JSS is an authoring tool for CSS which uses JavaScript as a host language.](https://github.com/cssinjs/jss "cssinjs/jss: JSS is an authoring tool for CSS which uses JavaScript as a host language.") + ----

アーティクル

From d7d6bcada5d01f871ca5c4546db8247b7f8971a4 Mon Sep 17 00:00:00 2001 From: azu Date: Tue, 4 May 2021 12:12:04 +0000 Subject: [PATCH 19/25] Update 538 draft --- _i18n/ja/_posts/2021/2021-05-04-538draft.md | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2021/2021-05-04-538draft.md b/_i18n/ja/_posts/2021/2021-05-04-538draft.md index f1acf116dcd..e73b1bb0d68 100644 --- a/_i18n/ja/_posts/2021/2021-05-04-538draft.md +++ b/_i18n/ja/_posts/2021/2021-05-04-538draft.md @@ -2,7 +2,7 @@ title: "2021-05-04のJS: " author: "azu" layout: post -date : 2021-05-04T11:52:27.293Z +date : 2021-05-04T12:12:04.102Z category: JSer tags: - node.js @@ -188,4 +188,14 @@ JavaScriptでのマルチスレッドについての書籍。 Web Worker、Service Worker、SharedWorkerなどについて +---- + +## Introducing CloudFront Functions – Run Your Code at the Edge with Low Latency at Any Scale | AWS News Blog +[aws.amazon.com/jp/blogs/aws/introducing-cloudfront-functions-run-your-code-at-the-edge-with-low-latency-at-any-scale/](https://aws.amazon.com/jp/blogs/aws/introducing-cloudfront-functions-run-your-code-at-the-edge-with-low-latency-at-any-scale/ "Introducing CloudFront Functions – Run Your Code at the Edge with Low Latency at Any Scale | AWS News Blog") +

aws JavaScript webservice

+ +AWS CloudFrontでCDNエッジな処理をJavaScriptでかけるサービス。 +ECMAScript 5.1互換なJavaScript、処理時間が1ms以内、メモリは2MB以内、パッケージサイズは10kb以下のファイルサイズ、Network/File IOなし + + ---- From 9d6533c4044b4198242940d3a02c19dc49614242 Mon Sep 17 00:00:00 2001 From: azu Date: Tue, 4 May 2021 12:43:40 +0000 Subject: [PATCH 20/25] Update 538 draft --- _i18n/ja/_posts/2021/2021-05-04-538draft.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/_i18n/ja/_posts/2021/2021-05-04-538draft.md b/_i18n/ja/_posts/2021/2021-05-04-538draft.md index e73b1bb0d68..6f780f26677 100644 --- a/_i18n/ja/_posts/2021/2021-05-04-538draft.md +++ b/_i18n/ja/_posts/2021/2021-05-04-538draft.md @@ -2,7 +2,7 @@ title: "2021-05-04のJS: " author: "azu" layout: post -date : 2021-05-04T12:12:04.102Z +date : 2021-05-04T12:43:40.855Z category: JSer tags: - node.js @@ -147,7 +147,7 @@ Node.js 12から利用できるようになったNode.jsのAPIや機能、V8ア WebAssemblyにコンパイルしたSQLiteと参照用のSQLiteファイルを用意し、必要な部分だけを取得できる仕組みを作ったという話。 DBファイルをすべてメモリへ載せないで使うために、HTTP Rangeリクエストを使って必要なchunkだけを取得するHTTPベースの仮想ファイルシステムを作っている。 -SQLiteのDBのページサイズやスキーマ情報から必要な部分だけをRangeリクエストをで取得している。 +SQLiteのDBのページサイズやスキーマ情報から必要な部分だけをRangeリクエストで取得している。 ---- @@ -192,7 +192,7 @@ Web Worker、Service Worker、SharedWorkerなどについて ## Introducing CloudFront Functions – Run Your Code at the Edge with Low Latency at Any Scale | AWS News Blog [aws.amazon.com/jp/blogs/aws/introducing-cloudfront-functions-run-your-code-at-the-edge-with-low-latency-at-any-scale/](https://aws.amazon.com/jp/blogs/aws/introducing-cloudfront-functions-run-your-code-at-the-edge-with-low-latency-at-any-scale/ "Introducing CloudFront Functions – Run Your Code at the Edge with Low Latency at Any Scale | AWS News Blog") -

aws JavaScript webservice

+

aws JavaScript webservice cdn

AWS CloudFrontでCDNエッジな処理をJavaScriptでかけるサービス。 ECMAScript 5.1互換なJavaScript、処理時間が1ms以内、メモリは2MB以内、パッケージサイズは10kb以下のファイルサイズ、Network/File IOなし From f1a6fe1b7ffd78d6abb841fff3ba6769562b9991 Mon Sep 17 00:00:00 2001 From: azu Date: Tue, 4 May 2021 12:44:24 +0000 Subject: [PATCH 21/25] Update 538 draft --- _i18n/ja/_posts/2021/2021-05-04-538draft.md | 22 ++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/_i18n/ja/_posts/2021/2021-05-04-538draft.md b/_i18n/ja/_posts/2021/2021-05-04-538draft.md index 6f780f26677..0d6c72a0dd5 100644 --- a/_i18n/ja/_posts/2021/2021-05-04-538draft.md +++ b/_i18n/ja/_posts/2021/2021-05-04-538draft.md @@ -2,7 +2,7 @@ title: "2021-05-04のJS: " author: "azu" layout: post -date : 2021-05-04T12:43:40.855Z +date : 2021-05-04T12:44:24.309Z category: JSer tags: - node.js @@ -150,6 +150,16 @@ DBファイルをすべてメモリへ載せないで使うために、HTTP Rang SQLiteのDBのページサイズやスキーマ情報から必要な部分だけをRangeリクエストで取得している。 +---- + +## Introducing CloudFront Functions – Run Your Code at the Edge with Low Latency at Any Scale | AWS News Blog +[aws.amazon.com/jp/blogs/aws/introducing-cloudfront-functions-run-your-code-at-the-edge-with-low-latency-at-any-scale/](https://aws.amazon.com/jp/blogs/aws/introducing-cloudfront-functions-run-your-code-at-the-edge-with-low-latency-at-any-scale/ "Introducing CloudFront Functions – Run Your Code at the Edge with Low Latency at Any Scale | AWS News Blog") +

aws JavaScript webservice cdn article

+ +AWS CloudFrontでCDNエッジな処理をJavaScriptでかけるサービス。 +ECMAScript 5.1互換なJavaScript、処理時間が1ms以内、メモリは2MB以内、パッケージサイズは10kb以下のファイルサイズ、Network/File IOなし + + ----

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

@@ -188,14 +198,4 @@ JavaScriptでのマルチスレッドについての書籍。 Web Worker、Service Worker、SharedWorkerなどについて ----- - -## Introducing CloudFront Functions – Run Your Code at the Edge with Low Latency at Any Scale | AWS News Blog -[aws.amazon.com/jp/blogs/aws/introducing-cloudfront-functions-run-your-code-at-the-edge-with-low-latency-at-any-scale/](https://aws.amazon.com/jp/blogs/aws/introducing-cloudfront-functions-run-your-code-at-the-edge-with-low-latency-at-any-scale/ "Introducing CloudFront Functions – Run Your Code at the Edge with Low Latency at Any Scale | AWS News Blog") -

aws JavaScript webservice cdn

- -AWS CloudFrontでCDNエッジな処理をJavaScriptでかけるサービス。 -ECMAScript 5.1互換なJavaScript、処理時間が1ms以内、メモリは2MB以内、パッケージサイズは10kb以下のファイルサイズ、Network/File IOなし - - ---- From 4d669c1163b6eae8e65c9e734eac7ec8e75176e4 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Tue, 4 May 2021 12:54:27 +0000 Subject: [PATCH 22/25] Update _i18n/ja/_posts/2021/2021-05-04-babel-7.14.0-rxjs-7.0.0-safari-14.1.md --- ...-04-babel-7.14.0-rxjs-7.0.0-safari-14.1.md | 214 ++++++++++++++++++ 1 file changed, 214 insertions(+) create mode 100644 _i18n/ja/_posts/2021/2021-05-04-babel-7.14.0-rxjs-7.0.0-safari-14.1.md diff --git a/_i18n/ja/_posts/2021/2021-05-04-babel-7.14.0-rxjs-7.0.0-safari-14.1.md b/_i18n/ja/_posts/2021/2021-05-04-babel-7.14.0-rxjs-7.0.0-safari-14.1.md new file mode 100644 index 00000000000..9653a5e8f33 --- /dev/null +++ b/_i18n/ja/_posts/2021/2021-05-04-babel-7.14.0-rxjs-7.0.0-safari-14.1.md @@ -0,0 +1,214 @@ +--- +title: "2021-05-04のJS: Babel 7.14.0、RxJS 7.0.0、Safari 14.1" +author: "azu" +layout: post +date : 2021-05-04T12:44:24.309Z +category: JSer +tags: +- node.js +- React +- babel +- Angular +- E2E + +--- + +JSer.info #538 - - [7.14.0 Released: New class features enabled by default, TypeScript 4.3, and better CommonJS interop · Babel](https://babeljs.io/blog/2021/04/29/7.14.0) +- [Release v7.14.0 · babel/babel](https://github.com/babel/babel/releases/tag/v7.14.0) + +--- + +- [rxjs/CHANGELOG.md at master · ReactiveX/rxjs](https://github.com/ReactiveX/rxjs/blob/master/CHANGELOG.md#700-2021-04-29) +- [RxJS - Breaking Changes in Version 7](https://rxjs.dev/deprecations/breaking-changes) +- [RxJS Live Asia 2021 - Google スライド](https://docs.google.com/presentation/d/1-LU7YE3NWw8jHeAgdmLu4CBfG7osCx6MsSIeFs16k60/edit#slide=id.g389cbad6b8_0_36) +- [RxJS Live! ASIA - YouTube](https://www.youtube.com/watch?v=0S5ISwDaFHI) + +--- + +- [New WebKit Features in Safari 14.1 | WebKit](https://webkit.org/blog/11648/new-webkit-features-in-safari-14-1/) + + +---- + +

ヘッドライン

+ +---- + +## Future of Angular E2E & Plans for Protractor · Issue #5502 · angular/protractor +[github.com/angular/protractor/issues/5502](https://github.com/angular/protractor/issues/5502 "Future of Angular E2E & Plans for Protractor · Issue #5502 · angular/protractor") +

Angular E2E issue news testing

+ +AngularでのE2EテストフレームワークであるProtractorの開発終了のスケジュールについて。 +他のテストフレームワークが充実してきているので、2021年5月にDprecatedとし、2020年末に開発終了とするスケジュールについて。 + + +---- + +## 7.14.0 Released: New class features enabled by default, TypeScript 4.3, and better CommonJS interop · Babel +[babeljs.io/blog/2021/04/29/7.14.0](https://babeljs.io/blog/2021/04/29/7.14.0 "7.14.0 Released: New class features enabled by default, TypeScript 4.3, and better CommonJS interop · Babel") +

babel ReleaseNote

+ +Babel 7.14.0リリース。 +Stage 4となったclass fieldsをpreset-envがデフォルトでサポート、`importInterop: "node"`オプションの追加、TypeScript 4.3のサポート。 +また、Stage 1のES Proposalである`async do` expressionのサポートなど + +- [Release v7.14.0 · babel/babel](https://github.com/babel/babel/releases/tag/v7.14.0 "Release v7.14.0 · babel/babel") + +---- + +## rxjs/CHANGELOG.md at master · ReactiveX/rxjs +[github.com/ReactiveX/rxjs/blob/master/CHANGELOG.md#700-2021-04-29](https://github.com/ReactiveX/rxjs/blob/master/CHANGELOG.md#700-2021-04-29 "rxjs/CHANGELOG.md at master · ReactiveX/rxjs") +

JavaScript Rx library ReleaseNote

+ +RxJS 7.0.0リリース。 +TypeScript 4.2未満のサポート終了、`rxjs-compat`の削除、`lift`をexposeしないように、各種演算子のAPI変更など + +- [RxJS - Breaking Changes in Version 7](https://rxjs.dev/deprecations/breaking-changes "RxJS - Breaking Changes in Version 7") + +---- + +## New WebKit Features in Safari 14.1 | WebKit +[webkit.org/blog/11648/new-webkit-features-in-safari-14-1/](https://webkit.org/blog/11648/new-webkit-features-in-safari-14-1/ "New WebKit Features in Safari 14.1 | WebKit") +

safari ReleaseNote

+ +Safari 14.1の変更点について。 +Flexbox Gap、macOSでDate&Time input、Web Speech API、MediaRecorder API、WeMのサポートなど。 +JavaScriptのClass Fields、WekRefのサポート、i18n APIのサポート改善、WebAssemblyのThreadingのサポートなど。 +また、Private Click Measurementをデフォルトで有効化、Storage AccessAPIの更新など。 + + +---- + +## Release yargs v17.0.0 · yargs/yargs +[github.com/yargs/yargs/releases/tag/v17.0.0](https://github.com/yargs/yargs/releases/tag/v17.0.0 "Release yargs v17.0.0 · yargs/yargs") +

JavaScript node.js deno library ReleaseNote

+ +コマンドライン引数パーサーのyargs 17.0.0リリース。 +破壊的な変更として、Node.js 10のサポート終了、PrivateメソッドにPrivate Fieldsを使うように変更、`reset()`メソッドを非推奨化など。 +Node v14.8.0からTop-Level Awaitをサポートしたため、`yargs()`や`parseAsync`など色々な処理で非同期処理に対応するように変更など + + +---- + +## ECMAScript proposal updates @ 2021-04 | ECMAScript Daily +[ecmascript-daily.github.io/ecmascript/2021/05/04/ecmascript-proposal-update](https://ecmascript-daily.github.io/ecmascript/2021/05/04/ecmascript-proposal-update "ECMAScript proposal updates @ 2021-04 | ECMAScript Daily") +

ECMAScript proposal news

+ +2021年4月のTC39 MeetingsでStageが変わったProposalのまとめ。 +Class Field/Private MethodsがStage 4となり、ES2022に入ることが決まった + + +---- + +## Mantine +[mantine.dev/](https://mantine.dev/ "Mantine") +

React library UI

+ +ReactコンポーネントとHooksのフレームワーク。 +CSS-in-JSにはJSSを利用している。 + +- [cssinjs/jss: JSS is an authoring tool for CSS which uses JavaScript as a host language.](https://github.com/cssinjs/jss "cssinjs/jss: JSS is an authoring tool for CSS which uses JavaScript as a host language.") + +---- +

アーティクル

+ +---- + +## React17のevent delegationの破壊的変更を理解する +[zenn.dev/co9xs/articles/react17-event-delegation](https://zenn.dev/co9xs/articles/react17-event-delegation "React17のevent delegationの破壊的変更を理解する") +

React article

+ +React 17のevent delegationの変更についての記事。 +実際に動作が変わるサンプルを元に、React 17でのevent delegationの仕組みの変化について解説している + +- [React v17.0 Release Candidate: 新機能「なし」 – React Blog](https://ja.reactjs.org/blog/2020/08/10/react-v17-rc.html "React v17.0 Release Candidate: 新機能「なし」 – React Blog") + +---- + +## How to Use ECMAScript Modules in Node.js +[dmitripavlutin.com/ecmascript-modules-nodejs/](https://dmitripavlutin.com/ecmascript-modules-nodejs/ "How to Use ECMAScript Modules in Node.js") +

node.js article

+ +Node.jsでのECMAScript modulesの使い方についての記事。 +モジュールモード、モジュールのimportの方法、Dynamic Import、CommonJSなモジュールのimport、`import.meta`についてなど + + +---- + +## Build an HTTPS-intercepting JavaScript proxy in 30 seconds flat | HTTP Toolkit +[httptoolkit.tech/blog/javascript-mitm-proxy-mockttp/](https://httptoolkit.tech/blog/javascript-mitm-proxy-mockttp/ "Build an HTTPS-intercepting JavaScript proxy in 30 seconds flat | HTTP Toolkit") +

node.js library article

+ +mockttpを使ったhttpsのサイトをProxyで書き換える方法についての紹介記事 + +- [httptoolkit/mockttp: Powerful friendly HTTP mock server & proxy](https://github.com/httptoolkit/mockttp "httptoolkit/mockttp: Powerful friendly HTTP mock server &amp; proxy") + +---- + +## Node.js 10がサポート終了したので、Node.js 12以降だとできるようになることをまとめる +[zenn.dev/azu/scraps/bb1106a04ed9e6](https://zenn.dev/azu/scraps/bb1106a04ed9e6 "Node.js 10がサポート終了したので、Node.js 12以降だとできるようになることをまとめる") +

node.js article

+ +Node.js 12から利用できるようになったNode.jsのAPIや機能、V8アップデートによるECMAScriptサポートについてまとめた記事。 + + +---- + +## Hosting SQLite databases on Github Pages - (or any static file hoster) - phiresky's blog +[phiresky.github.io/blog/2021/hosting-sqlite-databases-on-github-pages/](https://phiresky.github.io/blog/2021/hosting-sqlite-databases-on-github-pages/ "Hosting SQLite databases on Github Pages - (or any static file hoster) - phiresky's blog") +

SQLite JavaScript WebAssembly article

+ +WebAssemblyにコンパイルしたSQLiteと参照用のSQLiteファイルを用意し、必要な部分だけを取得できる仕組みを作ったという話。 +DBファイルをすべてメモリへ載せないで使うために、HTTP Rangeリクエストを使って必要なchunkだけを取得するHTTPベースの仮想ファイルシステムを作っている。 +SQLiteのDBのページサイズやスキーマ情報から必要な部分だけをRangeリクエストで取得している。 + + +---- + +## Introducing CloudFront Functions – Run Your Code at the Edge with Low Latency at Any Scale | AWS News Blog +[aws.amazon.com/jp/blogs/aws/introducing-cloudfront-functions-run-your-code-at-the-edge-with-low-latency-at-any-scale/](https://aws.amazon.com/jp/blogs/aws/introducing-cloudfront-functions-run-your-code-at-the-edge-with-low-latency-at-any-scale/ "Introducing CloudFront Functions – Run Your Code at the Edge with Low Latency at Any Scale | AWS News Blog") +

aws JavaScript webservice cdn article

+ +AWS CloudFrontでCDNエッジな処理をJavaScriptでかけるサービス。 +ECMAScript 5.1互換なJavaScript、処理時間が1ms以内、メモリは2MB以内、パッケージサイズは10kb以下のファイルサイズ、Network/File IOなし + + +---- +

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

+ +---- + +## itsjavi/jsx-runtime: Extremely lightweight JSX runtime (<2KB) to write JSX without React in TypeScript or JavaScript. +[github.com/itsjavi/jsx-runtime](https://github.com/itsjavi/jsx-runtime "itsjavi/jsx-runtime: Extremely lightweight JSX runtime (<2KB) to write JSX without React in TypeScript or JavaScript.") +

jsx babel Tools TypeScript

+ +JSXで書いて変換するとStandaloneで動作するコードを出力するJSX TransformerとRuntime + + +---- + +## Fower +[fower.vercel.app/](https://fower.vercel.app/ "Fower") +

JavaScript CSS library React Vue Svelte

+ +TailwindcssライクなUtility-firstのCSS in JSライブラリ。 +ReactやVue、またスタイルをJavaScriptで生成するためReact Nativeにも対応する。 +UtilityベースのスタイルをPropsとして指定し、TSXや各フレームワーク用のコード補完に対応している。 + +- [Fower v1.0. After half a year’s efforts, today… | by forsigner | Apr, 2021 | ITNEXT](https://itnext.io/fower-v1-0-8df48723de0b "Fower v1.0. After half a year’s efforts, today… | by forsigner | Apr, 2021 | ITNEXT") + +---- +

書籍関係

+ +---- + +## Multithreaded JavaScript +[learning.oreilly.com/library/view/multithreaded-javascript/9781098104429/](https://learning.oreilly.com/library/view/multithreaded-javascript/9781098104429/ "Multithreaded JavaScript") +

JavaScript webworker ServiceWorker book

+ +2021年11月発売 +JavaScriptでのマルチスレッドについての書籍。 +Web Worker、Service Worker、SharedWorkerなどについて + + +---- From e0ed91fc17d307002bf27dfe8272f278d4201921 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Tue, 4 May 2021 12:54:29 +0000 Subject: [PATCH 23/25] Delete _i18n/ja/_posts/2021/2021-05-04-538draft.md --- _i18n/ja/_posts/2021/2021-05-04-538draft.md | 201 -------------------- 1 file changed, 201 deletions(-) delete mode 100644 _i18n/ja/_posts/2021/2021-05-04-538draft.md diff --git a/_i18n/ja/_posts/2021/2021-05-04-538draft.md b/_i18n/ja/_posts/2021/2021-05-04-538draft.md deleted file mode 100644 index 0d6c72a0dd5..00000000000 --- a/_i18n/ja/_posts/2021/2021-05-04-538draft.md +++ /dev/null @@ -1,201 +0,0 @@ ---- -title: "2021-05-04のJS: " -author: "azu" -layout: post -date : 2021-05-04T12:44:24.309Z -category: JSer -tags: -- node.js -- React -- babel -- Angular -- E2E - ---- - -JSer.info #538 - ----- - -

ヘッドライン

- ----- - -## Future of Angular E2E & Plans for Protractor · Issue #5502 · angular/protractor -[github.com/angular/protractor/issues/5502](https://github.com/angular/protractor/issues/5502 "Future of Angular E2E & Plans for Protractor · Issue #5502 · angular/protractor") -

Angular E2E issue news testing

- -AngularでのE2EテストフレームワークであるProtractorの開発終了のスケジュールについて。 -他のテストフレームワークが充実してきているので、2021年5月にDprecatedとし、2020年末に開発終了とするスケジュールについて。 - - ----- - -## 7.14.0 Released: New class features enabled by default, TypeScript 4.3, and better CommonJS interop · Babel -[babeljs.io/blog/2021/04/29/7.14.0](https://babeljs.io/blog/2021/04/29/7.14.0 "7.14.0 Released: New class features enabled by default, TypeScript 4.3, and better CommonJS interop · Babel") -

babel ReleaseNote

- -Babel 7.14.0リリース。 -Stage 4となったclass fieldsをpreset-envがデフォルトでサポート、`importInterop: "node"`オプションの追加、TypeScript 4.3のサポート。 -また、Stage 1のES Proposalである`async do` expressionのサポートなど - -- [Release v7.14.0 · babel/babel](https://github.com/babel/babel/releases/tag/v7.14.0 "Release v7.14.0 · babel/babel") - ----- - -## rxjs/CHANGELOG.md at master · ReactiveX/rxjs -[github.com/ReactiveX/rxjs/blob/master/CHANGELOG.md#700-2021-04-29](https://github.com/ReactiveX/rxjs/blob/master/CHANGELOG.md#700-2021-04-29 "rxjs/CHANGELOG.md at master · ReactiveX/rxjs") -

JavaScript Rx library ReleaseNote

- -RxJS 7.0.0リリース。 -TypeScript 4.2未満のサポート終了、`rxjs-compat`の削除、`lift`をexposeしないように、各種演算子のAPI変更など - -- [RxJS - Breaking Changes in Version 7](https://rxjs.dev/deprecations/breaking-changes "RxJS - Breaking Changes in Version 7") - ----- - -## New WebKit Features in Safari 14.1 | WebKit -[webkit.org/blog/11648/new-webkit-features-in-safari-14-1/](https://webkit.org/blog/11648/new-webkit-features-in-safari-14-1/ "New WebKit Features in Safari 14.1 | WebKit") -

safari ReleaseNote

- -Safari 14.1の変更点について。 -Flexbox Gap、macOSでDate&Time input、Web Speech API、MediaRecorder API、WeMのサポートなど。 -JavaScriptのClass Fields、WekRefのサポート、i18n APIのサポート改善、WebAssemblyのThreadingのサポートなど。 -また、Private Click Measurementをデフォルトで有効化、Storage AccessAPIの更新など。 - - ----- - -## Release yargs v17.0.0 · yargs/yargs -[github.com/yargs/yargs/releases/tag/v17.0.0](https://github.com/yargs/yargs/releases/tag/v17.0.0 "Release yargs v17.0.0 · yargs/yargs") -

JavaScript node.js deno library ReleaseNote

- -コマンドライン引数パーサーのyargs 17.0.0リリース。 -破壊的な変更として、Node.js 10のサポート終了、PrivateメソッドにPrivate Fieldsを使うように変更、`reset()`メソッドを非推奨化など。 -Node v14.8.0からTop-Level Awaitをサポートしたため、`yargs()`や`parseAsync`など色々な処理で非同期処理に対応するように変更など - - ----- - -## ECMAScript proposal updates @ 2021-04 | ECMAScript Daily -[ecmascript-daily.github.io/ecmascript/2021/05/04/ecmascript-proposal-update](https://ecmascript-daily.github.io/ecmascript/2021/05/04/ecmascript-proposal-update "ECMAScript proposal updates @ 2021-04 | ECMAScript Daily") -

ECMAScript proposal news

- -2021年4月のTC39 MeetingsでStageが変わったProposalのまとめ。 -Class Field/Private MethodsがStage 4となり、ES2022に入ることが決まった - - ----- - -## Mantine -[mantine.dev/](https://mantine.dev/ "Mantine") -

React library UI

- -ReactコンポーネントとHooksのフレームワーク。 -CSS-in-JSにはJSSを利用している。 - -- [cssinjs/jss: JSS is an authoring tool for CSS which uses JavaScript as a host language.](https://github.com/cssinjs/jss "cssinjs/jss: JSS is an authoring tool for CSS which uses JavaScript as a host language.") - ----- -

アーティクル

- ----- - -## React17のevent delegationの破壊的変更を理解する -[zenn.dev/co9xs/articles/react17-event-delegation](https://zenn.dev/co9xs/articles/react17-event-delegation "React17のevent delegationの破壊的変更を理解する") -

React article

- -React 17のevent delegationの変更についての記事。 -実際に動作が変わるサンプルを元に、React 17でのevent delegationの仕組みの変化について解説している - -- [React v17.0 Release Candidate: 新機能「なし」 – React Blog](https://ja.reactjs.org/blog/2020/08/10/react-v17-rc.html "React v17.0 Release Candidate: 新機能「なし」 – React Blog") - ----- - -## How to Use ECMAScript Modules in Node.js -[dmitripavlutin.com/ecmascript-modules-nodejs/](https://dmitripavlutin.com/ecmascript-modules-nodejs/ "How to Use ECMAScript Modules in Node.js") -

node.js article

- -Node.jsでのECMAScript modulesの使い方についての記事。 -モジュールモード、モジュールのimportの方法、Dynamic Import、CommonJSなモジュールのimport、`import.meta`についてなど - - ----- - -## Build an HTTPS-intercepting JavaScript proxy in 30 seconds flat | HTTP Toolkit -[httptoolkit.tech/blog/javascript-mitm-proxy-mockttp/](https://httptoolkit.tech/blog/javascript-mitm-proxy-mockttp/ "Build an HTTPS-intercepting JavaScript proxy in 30 seconds flat | HTTP Toolkit") -

node.js library article

- -mockttpを使ったhttpsのサイトをProxyで書き換える方法についての紹介記事 - -- [httptoolkit/mockttp: Powerful friendly HTTP mock server & proxy](https://github.com/httptoolkit/mockttp "httptoolkit/mockttp: Powerful friendly HTTP mock server &amp; proxy") - ----- - -## Node.js 10がサポート終了したので、Node.js 12以降だとできるようになることをまとめる -[zenn.dev/azu/scraps/bb1106a04ed9e6](https://zenn.dev/azu/scraps/bb1106a04ed9e6 "Node.js 10がサポート終了したので、Node.js 12以降だとできるようになることをまとめる") -

node.js article

- -Node.js 12から利用できるようになったNode.jsのAPIや機能、V8アップデートによるECMAScriptサポートについてまとめた記事。 - - ----- - -## Hosting SQLite databases on Github Pages - (or any static file hoster) - phiresky's blog -[phiresky.github.io/blog/2021/hosting-sqlite-databases-on-github-pages/](https://phiresky.github.io/blog/2021/hosting-sqlite-databases-on-github-pages/ "Hosting SQLite databases on Github Pages - (or any static file hoster) - phiresky's blog") -

SQLite JavaScript WebAssembly article

- -WebAssemblyにコンパイルしたSQLiteと参照用のSQLiteファイルを用意し、必要な部分だけを取得できる仕組みを作ったという話。 -DBファイルをすべてメモリへ載せないで使うために、HTTP Rangeリクエストを使って必要なchunkだけを取得するHTTPベースの仮想ファイルシステムを作っている。 -SQLiteのDBのページサイズやスキーマ情報から必要な部分だけをRangeリクエストで取得している。 - - ----- - -## Introducing CloudFront Functions – Run Your Code at the Edge with Low Latency at Any Scale | AWS News Blog -[aws.amazon.com/jp/blogs/aws/introducing-cloudfront-functions-run-your-code-at-the-edge-with-low-latency-at-any-scale/](https://aws.amazon.com/jp/blogs/aws/introducing-cloudfront-functions-run-your-code-at-the-edge-with-low-latency-at-any-scale/ "Introducing CloudFront Functions – Run Your Code at the Edge with Low Latency at Any Scale | AWS News Blog") -

aws JavaScript webservice cdn article

- -AWS CloudFrontでCDNエッジな処理をJavaScriptでかけるサービス。 -ECMAScript 5.1互換なJavaScript、処理時間が1ms以内、メモリは2MB以内、パッケージサイズは10kb以下のファイルサイズ、Network/File IOなし - - ----- -

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

- ----- - -## itsjavi/jsx-runtime: Extremely lightweight JSX runtime (<2KB) to write JSX without React in TypeScript or JavaScript. -[github.com/itsjavi/jsx-runtime](https://github.com/itsjavi/jsx-runtime "itsjavi/jsx-runtime: Extremely lightweight JSX runtime (<2KB) to write JSX without React in TypeScript or JavaScript.") -

jsx babel Tools TypeScript

- -JSXで書いて変換するとStandaloneで動作するコードを出力するJSX TransformerとRuntime - - ----- - -## Fower -[fower.vercel.app/](https://fower.vercel.app/ "Fower") -

JavaScript CSS library React Vue Svelte

- -TailwindcssライクなUtility-firstのCSS in JSライブラリ。 -ReactやVue、またスタイルをJavaScriptで生成するためReact Nativeにも対応する。 -UtilityベースのスタイルをPropsとして指定し、TSXや各フレームワーク用のコード補完に対応している。 - -- [Fower v1.0. After half a year’s efforts, today… | by forsigner | Apr, 2021 | ITNEXT](https://itnext.io/fower-v1-0-8df48723de0b "Fower v1.0. After half a year’s efforts, today… | by forsigner | Apr, 2021 | ITNEXT") - ----- -

書籍関係

- ----- - -## Multithreaded JavaScript -[learning.oreilly.com/library/view/multithreaded-javascript/9781098104429/](https://learning.oreilly.com/library/view/multithreaded-javascript/9781098104429/ "Multithreaded JavaScript") -

JavaScript webworker ServiceWorker book

- -2021年11月発売 -JavaScriptでのマルチスレッドについての書籍。 -Web Worker、Service Worker、SharedWorkerなどについて - - ----- From dfb873170684f5377ced4e6d68b4e2281015598d Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Tue, 4 May 2021 13:29:08 +0000 Subject: [PATCH 24/25] Update _i18n/ja/_posts/2021/2021-05-04-babel-7.14.0-rxjs-7.0.0-safari-14.1.md --- ...-04-babel-7.14.0-rxjs-7.0.0-safari-14.1.md | 30 +++++++++++++++++-- 1 file changed, 28 insertions(+), 2 deletions(-) diff --git a/_i18n/ja/_posts/2021/2021-05-04-babel-7.14.0-rxjs-7.0.0-safari-14.1.md b/_i18n/ja/_posts/2021/2021-05-04-babel-7.14.0-rxjs-7.0.0-safari-14.1.md index 9653a5e8f33..ae5684fcffe 100644 --- a/_i18n/ja/_posts/2021/2021-05-04-babel-7.14.0-rxjs-7.0.0-safari-14.1.md +++ b/_i18n/ja/_posts/2021/2021-05-04-babel-7.14.0-rxjs-7.0.0-safari-14.1.md @@ -13,19 +13,45 @@ tags: --- -JSer.info #538 - - [7.14.0 Released: New class features enabled by default, TypeScript 4.3, and better CommonJS interop · Babel](https://babeljs.io/blog/2021/04/29/7.14.0) +JSer.info #538 - Babel 7.14.0がリリースされています。 + +- [7.14.0 Released: New class features enabled by default, TypeScript 4.3, and better CommonJS interop · Babel](https://babeljs.io/blog/2021/04/29/7.14.0) - [Release v7.14.0 · babel/babel](https://github.com/babel/babel/releases/tag/v7.14.0) +[2021-04のTC39ミーティング](https://ecmascript-daily.github.io/ecmascript/2021/05/04/ecmascript-proposal-update)でStage 4となったclass fields/private methodsなどを`@babel/preset-env`がデフォルトでサポートするようになりました。 +そのため、`@babel/plugin-proposal-class-properties`と`@babel/plugin-proposal-private-methods`を個別のプラグインとして入れる必要はなくなっています。 + +また、Node.jsのESMからCommonJSのモジュールをインポートする際の相互運用性を向上させるオプションとして、`importInterop: "node"`オプションの追加されています。 + +- [Implement `importInterop: "node"` option for module transforms by nicolo-ribaudo · Pull Request #12838 · babel/babel](https://github.com/babel/babel/pull/12838) +- [@babel/plugin-transform-modules-commonjs · Babel](https://babeljs.io/docs/en/babel-plugin-transform-modules-commonjs#importinterop) + +またTypeScript 4.3のサポート、Stage 1のES Proposalである`async do` expressionのサポートなども含まれています。 + --- +RxJS 7.0.0がリリースされています。 + - [rxjs/CHANGELOG.md at master · ReactiveX/rxjs](https://github.com/ReactiveX/rxjs/blob/master/CHANGELOG.md#700-2021-04-29) - [RxJS - Breaking Changes in Version 7](https://rxjs.dev/deprecations/breaking-changes) + +RxJS 7.0.0ではファイルサイズが6.xに対して53%程度に小さくなっています。 +また、TypeScriptの型の修正やAPIの一貫性の修正などが含まれています。 +機能追加として、Async IteratorやReadable Streamの対応、`animationFrames`、`share(config)`の追加などが含まれています。 + +次のスライドと動画でも詳しく紹介されています。 + - [RxJS Live Asia 2021 - Google スライド](https://docs.google.com/presentation/d/1-LU7YE3NWw8jHeAgdmLu4CBfG7osCx6MsSIeFs16k60/edit#slide=id.g389cbad6b8_0_36) - [RxJS Live! ASIA - YouTube](https://www.youtube.com/watch?v=0S5ISwDaFHI) --- -- [New WebKit Features in Safari 14.1 | WebKit](https://webkit.org/blog/11648/new-webkit-features-in-safari-14-1/) +[New WebKit Features in Safari 14.1 | WebKit](https://webkit.org/blog/11648/new-webkit-features-in-safari-14-1/)では、Safari 14.1の変更点について書かれています。 + +Flexbox Gapのサポート、macOSで`input`要素の`type`属性で`date`と`time`と`datetime-local`のサポートが追加されています。また、speech recognitionを含むWeb Speech API、MediaRecorder API、WebMのサポートなども追加されています。 +JavaScriptではClass Fields、WekRefのサポート、i18n APIのサポート改善、WebAssemblyのThreadingのサポートなどが含まれています。 +また、Private Click Measurementをデフォルトで有効化、Storage AccessAPIの更新やWeb Inspectorのアップデートなども含まれています。 + ---- From de483f99d4709d5f203336978695413ff757b39d Mon Sep 17 00:00:00 2001 From: azu Date: Tue, 4 May 2021 22:29:31 +0900 Subject: [PATCH 25/25] Update 2021-05-04-babel-7.14.0-rxjs-7.0.0-safari-14.1.md --- .../2021/2021-05-04-babel-7.14.0-rxjs-7.0.0-safari-14.1.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2021/2021-05-04-babel-7.14.0-rxjs-7.0.0-safari-14.1.md b/_i18n/ja/_posts/2021/2021-05-04-babel-7.14.0-rxjs-7.0.0-safari-14.1.md index ae5684fcffe..a7d2186ef9b 100644 --- a/_i18n/ja/_posts/2021/2021-05-04-babel-7.14.0-rxjs-7.0.0-safari-14.1.md +++ b/_i18n/ja/_posts/2021/2021-05-04-babel-7.14.0-rxjs-7.0.0-safari-14.1.md @@ -98,7 +98,7 @@ TypeScript 4.2未満のサポート終了、`rxjs-compat`の削除、`lift`をex

safari ReleaseNote

Safari 14.1の変更点について。 -Flexbox Gap、macOSでDate&Time input、Web Speech API、MediaRecorder API、WeMのサポートなど。 +Flexbox Gap、macOSでDate&Time input、Web Speech API、MediaRecorder API、WebMのサポートなど。 JavaScriptのClass Fields、WekRefのサポート、i18n APIのサポート改善、WebAssemblyのThreadingのサポートなど。 また、Private Click Measurementをデフォルトで有効化、Storage AccessAPIの更新など。