From 9c1e8788a2e2c371c818b2724ed46a3a08421b66 Mon Sep 17 00:00:00 2001 From: azu Date: Tue, 16 Mar 2021 19:20:56 +0000 Subject: [PATCH 01/23] Update 532 draft --- _i18n/ja/_posts/2021/2021-03-16-532draft.md | 29 +++++++++++++++++++++ 1 file changed, 29 insertions(+) create mode 100644 _i18n/ja/_posts/2021/2021-03-16-532draft.md diff --git a/_i18n/ja/_posts/2021/2021-03-16-532draft.md b/_i18n/ja/_posts/2021/2021-03-16-532draft.md new file mode 100644 index 00000000000..28b9b097842 --- /dev/null +++ b/_i18n/ja/_posts/2021/2021-03-16-532draft.md @@ -0,0 +1,29 @@ +--- +title: "2021-03-16のJS: " +author: "azu" +layout: post +date : 2021-03-16T19:20:56.661Z +category: JSer +tags: +- CSP +- security + +--- + +JSer.info #532 + +---- + +

アーティクル

+ +---- + +## Mitigate cross-site scripting (XSS) with a strict Content Security Policy (CSP) +[web.dev/strict-csp/](https://web.dev/strict-csp/ "Mitigate cross-site scripting (XSS) with a strict Content Security Policy (CSP)") +

CSP article security

+ +ドメインの許可リストのCSPよりも、strict設定のCSPを推奨するという話。 +nonceとstrict-dynamicベースのCSP設定で防げるXSS、nonceベースとhashベースのCSPの設定、CSPの導入手順について + + +---- From 24ec35772ef5ebe7a0ebc4c2f51fe10fbc1be436 Mon Sep 17 00:00:00 2001 From: azu Date: Thu, 18 Mar 2021 14:20:50 +0000 Subject: [PATCH 02/23] Update 532 draft --- _i18n/ja/_posts/2021/2021-03-16-532draft.md | 29 ------------- _i18n/ja/_posts/2021/2021-03-18-532draft.md | 45 +++++++++++++++++++++ 2 files changed, 45 insertions(+), 29 deletions(-) delete mode 100644 _i18n/ja/_posts/2021/2021-03-16-532draft.md create mode 100644 _i18n/ja/_posts/2021/2021-03-18-532draft.md diff --git a/_i18n/ja/_posts/2021/2021-03-16-532draft.md b/_i18n/ja/_posts/2021/2021-03-16-532draft.md deleted file mode 100644 index 28b9b097842..00000000000 --- a/_i18n/ja/_posts/2021/2021-03-16-532draft.md +++ /dev/null @@ -1,29 +0,0 @@ ---- -title: "2021-03-16のJS: " -author: "azu" -layout: post -date : 2021-03-16T19:20:56.661Z -category: JSer -tags: -- CSP -- security - ---- - -JSer.info #532 - ----- - -

アーティクル

- ----- - -## Mitigate cross-site scripting (XSS) with a strict Content Security Policy (CSP) -[web.dev/strict-csp/](https://web.dev/strict-csp/ "Mitigate cross-site scripting (XSS) with a strict Content Security Policy (CSP)") -

CSP article security

- -ドメインの許可リストのCSPよりも、strict設定のCSPを推奨するという話。 -nonceとstrict-dynamicベースのCSP設定で防げるXSS、nonceベースとhashベースのCSPの設定、CSPの導入手順について - - ----- diff --git a/_i18n/ja/_posts/2021/2021-03-18-532draft.md b/_i18n/ja/_posts/2021/2021-03-18-532draft.md new file mode 100644 index 00000000000..07f61296982 --- /dev/null +++ b/_i18n/ja/_posts/2021/2021-03-18-532draft.md @@ -0,0 +1,45 @@ +--- +title: "2021-03-18のJS: " +author: "azu" +layout: post +date : 2021-03-18T14:20:32.081Z +category: JSer +tags: +- CSP +- security +- node.js + +--- + +JSer.info #532 + +---- + +

ヘッドライン

+ +---- + +## Node v15.12.0 (Current) | Node.js +[nodejs.org/en/blog/release/v15.12.0/](https://nodejs.org/en/blog/release/v15.12.0/ "Node v15.12.0 (Current) | Node.js") +

node.js ReleaseNote

+ +Node.js 15.12.0リリース。 +`crypto.create{Public,Private}Key`がJWKオブジェクトをサポート、`fs.promises`のwriteFileとreadFileのパフォーマンス改善。 +`AbortSignal.abort()`の実装、`worker`モジュールに`{get,set}EnvironmentData`を追加など + +- [fs.promises.readFile is 40% slower than fs.readFile · Issue #37583 · nodejs/node](https://github.com/nodejs/node/issues/37583 "fs.promises.readFile is 40% slower than fs.readFile · Issue #37583 · nodejs/node") + +---- +

アーティクル

+ +---- + +## Mitigate cross-site scripting (XSS) with a strict Content Security Policy (CSP) +[web.dev/strict-csp/](https://web.dev/strict-csp/ "Mitigate cross-site scripting (XSS) with a strict Content Security Policy (CSP)") +

CSP article security

+ +ドメインの許可リストのCSPよりも、strict設定のCSPを推奨するという話。 +nonceとstrict-dynamicベースのCSP設定で防げるXSS、nonceベースとhashベースのCSPの設定、CSPの導入手順について + + +---- From 4767fdeb5a7394881a04f0fcafc1b16d05c125c6 Mon Sep 17 00:00:00 2001 From: azu Date: Thu, 18 Mar 2021 14:50:18 +0000 Subject: [PATCH 03/23] Update 532 draft --- _i18n/ja/_posts/2021/2021-03-18-532draft.md | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2021/2021-03-18-532draft.md b/_i18n/ja/_posts/2021/2021-03-18-532draft.md index 07f61296982..6dd9f9da031 100644 --- a/_i18n/ja/_posts/2021/2021-03-18-532draft.md +++ b/_i18n/ja/_posts/2021/2021-03-18-532draft.md @@ -2,12 +2,13 @@ title: "2021-03-18のJS: " author: "azu" layout: post -date : 2021-03-18T14:20:32.081Z +date : 2021-03-18T14:50:18.380Z category: JSer tags: - CSP - security - node.js +- V8 --- @@ -29,6 +30,16 @@ Node.js 15.12.0リリース。 - [fs.promises.readFile is 40% slower than fs.readFile · Issue #37583 · nodejs/node](https://github.com/nodejs/node/issues/37583 "fs.promises.readFile is 40% slower than fs.readFile · Issue #37583 · nodejs/node") +---- + +## V8 release v9.0 · V8 +[v8.dev/blog/v8-release-90](https://v8.dev/blog/v8-release-90 "V8 release v9.0 · V8") +

V8 ReleaseNote

+ +V8 v9.0リリース。 +`RegExp#insices`の実装、`super`のプロパティアクセスのパフォーマンス改善、JavaScriptからWasmの関数を呼ぶときのパフォーマンスを改善など + + ----

アーティクル

From 0bdfba9300c6eeaadd3531c857fbb12dea20cb99 Mon Sep 17 00:00:00 2001 From: azu Date: Fri, 19 Mar 2021 02:48:51 +0000 Subject: [PATCH 04/23] Update 532 draft --- ...-03-18-532draft.md => 2021-03-19-532draft.md} | 16 ++++++++++++++-- 1 file changed, 14 insertions(+), 2 deletions(-) rename _i18n/ja/_posts/2021/{2021-03-18-532draft.md => 2021-03-19-532draft.md} (71%) diff --git a/_i18n/ja/_posts/2021/2021-03-18-532draft.md b/_i18n/ja/_posts/2021/2021-03-19-532draft.md similarity index 71% rename from _i18n/ja/_posts/2021/2021-03-18-532draft.md rename to _i18n/ja/_posts/2021/2021-03-19-532draft.md index 6dd9f9da031..ec0d232c55f 100644 --- a/_i18n/ja/_posts/2021/2021-03-18-532draft.md +++ b/_i18n/ja/_posts/2021/2021-03-19-532draft.md @@ -1,14 +1,15 @@ --- -title: "2021-03-18のJS: " +title: "2021-03-19のJS: " author: "azu" layout: post -date : 2021-03-18T14:50:18.380Z +date : 2021-03-19T02:48:51.485Z category: JSer tags: - CSP - security - node.js - V8 +- performance --- @@ -40,6 +41,17 @@ V8 v9.0リリース。 `RegExp#insices`の実装、`super`のプロパティアクセスのパフォーマンス改善、JavaScriptからWasmの関数を呼ぶときのパフォーマンスを改善など +---- + +## Release v7.3.0 · GoogleChrome/lighthouse +[github.com/GoogleChrome/lighthouse/releases/tag/v7.3.0](https://github.com/GoogleChrome/lighthouse/releases/tag/v7.3.0 "Release v7.3.0 · GoogleChrome/lighthouse") +

performance Tools ReleaseNote Chrome

+ +Lightouse 7.3.0リリース。 +新しいauditとしてcsp-xssを試験的に追加。 + +- [new\_audit: csp-xss by adamraine · Pull Request #12044 · GoogleChrome/lighthouse](https://github.com/GoogleChrome/lighthouse/pull/12044 "new\_audit: csp-xss by adamraine · Pull Request #12044 · GoogleChrome/lighthouse") + ----

アーティクル

From 90b86ad2f827d9473dd4148850db4debc3aa58b6 Mon Sep 17 00:00:00 2001 From: azu Date: Fri, 19 Mar 2021 03:28:35 +0000 Subject: [PATCH 05/23] Update 532 draft --- _i18n/ja/_posts/2021/2021-03-19-532draft.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/_i18n/ja/_posts/2021/2021-03-19-532draft.md b/_i18n/ja/_posts/2021/2021-03-19-532draft.md index ec0d232c55f..a0feac02a50 100644 --- a/_i18n/ja/_posts/2021/2021-03-19-532draft.md +++ b/_i18n/ja/_posts/2021/2021-03-19-532draft.md @@ -2,7 +2,7 @@ title: "2021-03-19のJS: " author: "azu" layout: post -date : 2021-03-19T02:48:51.485Z +date : 2021-03-19T03:28:20.232Z category: JSer tags: - CSP @@ -47,7 +47,7 @@ V8 v9.0リリース。 [github.com/GoogleChrome/lighthouse/releases/tag/v7.3.0](https://github.com/GoogleChrome/lighthouse/releases/tag/v7.3.0 "Release v7.3.0 · GoogleChrome/lighthouse")

performance Tools ReleaseNote Chrome

-Lightouse 7.3.0リリース。 +Lighthouse 7.3.0リリース。 新しいauditとしてcsp-xssを試験的に追加。 - [new\_audit: csp-xss by adamraine · Pull Request #12044 · GoogleChrome/lighthouse](https://github.com/GoogleChrome/lighthouse/pull/12044 "new\_audit: csp-xss by adamraine · Pull Request #12044 · GoogleChrome/lighthouse") From 1cef0a4c86e85b26f17b02f068ebbabe5e6b7af5 Mon Sep 17 00:00:00 2001 From: azu Date: Sat, 20 Mar 2021 13:12:28 +0000 Subject: [PATCH 06/23] Update 532 draft --- ...1-03-19-532draft.md => 2021-03-20-532draft.md} | 15 +++++++++++++-- 1 file changed, 13 insertions(+), 2 deletions(-) rename _i18n/ja/_posts/2021/{2021-03-19-532draft.md => 2021-03-20-532draft.md} (75%) diff --git a/_i18n/ja/_posts/2021/2021-03-19-532draft.md b/_i18n/ja/_posts/2021/2021-03-20-532draft.md similarity index 75% rename from _i18n/ja/_posts/2021/2021-03-19-532draft.md rename to _i18n/ja/_posts/2021/2021-03-20-532draft.md index a0feac02a50..6825324e0f6 100644 --- a/_i18n/ja/_posts/2021/2021-03-19-532draft.md +++ b/_i18n/ja/_posts/2021/2021-03-20-532draft.md @@ -1,8 +1,8 @@ --- -title: "2021-03-19のJS: " +title: "2021-03-20のJS: " author: "azu" layout: post -date : 2021-03-19T03:28:20.232Z +date : 2021-03-20T13:12:28.299Z category: JSer tags: - CSP @@ -52,6 +52,17 @@ Lighthouse 7.3.0リリース。 - [new\_audit: csp-xss by adamraine · Pull Request #12044 · GoogleChrome/lighthouse](https://github.com/GoogleChrome/lighthouse/pull/12044 "new\_audit: csp-xss by adamraine · Pull Request #12044 · GoogleChrome/lighthouse") +---- + +## jasmine/3.7.0.md at main · jasmine/jasmine +[github.com/jasmine/jasmine/blob/main/release\_notes/3.7.0.md](https://github.com/jasmine/jasmine/blob/main/release_notes/3.7.0.md "jasmine/3.7.0.md at main · jasmine/jasmine") +

JavaScript library ReleaseNote testing

+ +Jasmine 3.7リリース。 +Node.jsのSource Mapsに対応、Array.prototypeを拡張している際にテストが一部落ちる問題の修正、`.and.callFake`がGenerator関数をサポートなど + +- [Source maps in Node.js. Supporting the many flavors of… | by Node.js | Medium](https://nodejs.medium.com/source-maps-in-node-js-482872b56116 "Source maps in Node.js. Supporting the many flavors of… | by Node.js | Medium") + ----

アーティクル

From 4a26a5673296791406c7218c417e76f3b1ca6db5 Mon Sep 17 00:00:00 2001 From: azu Date: Mon, 22 Mar 2021 01:13:13 +0000 Subject: [PATCH 07/23] Update 532 draft --- ...1-03-20-532draft.md => 2021-03-22-532draft.md} | 15 +++++++++++++-- 1 file changed, 13 insertions(+), 2 deletions(-) rename _i18n/ja/_posts/2021/{2021-03-20-532draft.md => 2021-03-22-532draft.md} (82%) diff --git a/_i18n/ja/_posts/2021/2021-03-20-532draft.md b/_i18n/ja/_posts/2021/2021-03-22-532draft.md similarity index 82% rename from _i18n/ja/_posts/2021/2021-03-20-532draft.md rename to _i18n/ja/_posts/2021/2021-03-22-532draft.md index 6825324e0f6..56a8acfc809 100644 --- a/_i18n/ja/_posts/2021/2021-03-20-532draft.md +++ b/_i18n/ja/_posts/2021/2021-03-22-532draft.md @@ -1,8 +1,8 @@ --- -title: "2021-03-20のJS: " +title: "2021-03-22のJS: " author: "azu" layout: post -date : 2021-03-20T13:12:28.299Z +date : 2021-03-22T01:13:13.508Z category: JSer tags: - CSP @@ -63,6 +63,17 @@ Node.jsのSource Mapsに対応、Array.prototypeを拡張している際にテ - [Source maps in Node.js. Supporting the many flavors of… | by Node.js | Medium](https://nodejs.medium.com/source-maps-in-node-js-482872b56116 "Source maps in Node.js. Supporting the many flavors of… | by Node.js | Medium") +---- + +## ECMAScript proposal updates @ 2021-03 | ECMAScript Daily +[ecmascript-daily.github.io/ecmascript/2021/03/22/ecmascript-proposal-update](https://ecmascript-daily.github.io/ecmascript/2021/03/22/ecmascript-proposal-update "ECMAScript proposal updates @ 2021-03 | ECMAScript Daily") +

ECMAScript news

+ +2021年3月のTC39でECMAScript Proposalのステータス変更のまとめ。 +Module FragmentsがStage 1へ、`Array#findLast`がStage2へ、TemporalがStage 3へ更新など + +- [JavaScript の Module Fragments について](https://sosukesuzuki.dev/posts/stage-0-module-fragments/ "JavaScript の Module Fragments について") + ----

アーティクル

From c9f491264fef812eba7705c7fb0fc3e982b9a83a Mon Sep 17 00:00:00 2001 From: azu Date: Mon, 22 Mar 2021 02:10:56 +0000 Subject: [PATCH 08/23] Update 532 draft --- _i18n/ja/_posts/2021/2021-03-22-532draft.md | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2021/2021-03-22-532draft.md b/_i18n/ja/_posts/2021/2021-03-22-532draft.md index 56a8acfc809..9658ee21f8d 100644 --- a/_i18n/ja/_posts/2021/2021-03-22-532draft.md +++ b/_i18n/ja/_posts/2021/2021-03-22-532draft.md @@ -2,7 +2,7 @@ title: "2021-03-22のJS: " author: "azu" layout: post -date : 2021-03-22T01:13:13.508Z +date : 2021-03-22T02:10:36.039Z category: JSer tags: - CSP @@ -74,6 +74,16 @@ Module FragmentsがStage 1へ、`Array#findLast`がStage2へ、TemporalがStage - [JavaScript の Module Fragments について](https://sosukesuzuki.dev/posts/stage-0-module-fragments/ "JavaScript の Module Fragments について") +---- + +## Learning TensorFlow.js +[learning.oreilly.com/library/view/learning-tensorflowjs/9781492090786/](https://learning.oreilly.com/library/view/learning-tensorflowjs/9781492090786/ "Learning TensorFlow.js") +

JavaScript ReleaseNote MachineLearning

+ +2021年7月発売 +TensorFlow.jsの入門書 + + ----

アーティクル

From 608939f1e3300c730c214d56b5a088e7527b18a1 Mon Sep 17 00:00:00 2001 From: azu Date: Mon, 22 Mar 2021 12:53:44 +0000 Subject: [PATCH 09/23] Update 532 draft --- _i18n/ja/_posts/2021/2021-03-22-532draft.md | 17 +++++++++++++++-- 1 file changed, 15 insertions(+), 2 deletions(-) diff --git a/_i18n/ja/_posts/2021/2021-03-22-532draft.md b/_i18n/ja/_posts/2021/2021-03-22-532draft.md index 9658ee21f8d..2938624b9bc 100644 --- a/_i18n/ja/_posts/2021/2021-03-22-532draft.md +++ b/_i18n/ja/_posts/2021/2021-03-22-532draft.md @@ -2,12 +2,12 @@ title: "2021-03-22のJS: " author: "azu" layout: post -date : 2021-03-22T02:10:36.039Z +date : 2021-03-22T12:53:27.316Z category: JSer tags: +- node.js - CSP - security -- node.js - V8 - performance @@ -97,4 +97,17 @@ TensorFlow.jsの入門書 nonceとstrict-dynamicベースのCSP設定で防げるXSS、nonceベースとhashベースのCSPの設定、CSPの導入手順について +---- +

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

+ +---- + +## 101arrowz/isoworker: Isomorphic workerization with context support +[github.com/101arrowz/isoworker](https://github.com/101arrowz/isoworker "101arrowz/isoworker: Isomorphic workerization with context support") +

browser node.js library

+ +WebWorkerと`worker_threds`に対応したWorkerライブラリ。 +Inline CodeをWorkerコードを作成し、Workerに対してクラスや関数を含めたデータを渡して実行した結果を取得できる + + ---- From 04c96c073a3d28635b8fa7e81f031e90337db98a Mon Sep 17 00:00:00 2001 From: azu Date: Mon, 22 Mar 2021 13:05:38 +0000 Subject: [PATCH 10/23] Update 532 draft --- _i18n/ja/_posts/2021/2021-03-22-532draft.md | 15 +++++++++++++-- 1 file changed, 13 insertions(+), 2 deletions(-) diff --git a/_i18n/ja/_posts/2021/2021-03-22-532draft.md b/_i18n/ja/_posts/2021/2021-03-22-532draft.md index 2938624b9bc..8bc2b231216 100644 --- a/_i18n/ja/_posts/2021/2021-03-22-532draft.md +++ b/_i18n/ja/_posts/2021/2021-03-22-532draft.md @@ -2,14 +2,14 @@ title: "2021-03-22のJS: " author: "azu" layout: post -date : 2021-03-22T12:53:27.316Z +date : 2021-03-22T13:05:37.951Z category: JSer tags: - node.js +- performance - CSP - security - V8 -- performance --- @@ -97,6 +97,17 @@ TensorFlow.jsの入門書 nonceとstrict-dynamicベースのCSP設定で防げるXSS、nonceベースとhashベースのCSPの設定、CSPの導入手順について +---- + +## Supabseチームはどのようにフロントエンドの高速化に成功したのか - バンクーバーで考え中 +[jp.taishikato.com/posts/making-the-supabase-dashboard-supa-fast](https://jp.taishikato.com/posts/making-the-supabase-dashboard-supa-fast "Supabseチームはどのようにフロントエンドの高速化に成功したのか - バンクーバーで考え中") +

performance article

+ +Making the Supabase Dashboard Supa-fastの翻訳記事。 +ベースラインと目標設定、バンドルサイズの改善、パフォーマンス文化について + +- [Making the Supabase Dashboard Supa-fast](https://supabase.io/blog/2020/12/13/supabase-dashboard-performance "Making the Supabase Dashboard Supa-fast") + ----

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

From df59c814cfdd3ec3abcbbd82c27a0370ffc0e331 Mon Sep 17 00:00:00 2001 From: azu Date: Mon, 22 Mar 2021 13:14:09 +0000 Subject: [PATCH 11/23] Update 532 draft --- _i18n/ja/_posts/2021/2021-03-22-532draft.md | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2021/2021-03-22-532draft.md b/_i18n/ja/_posts/2021/2021-03-22-532draft.md index 8bc2b231216..1a8495327f5 100644 --- a/_i18n/ja/_posts/2021/2021-03-22-532draft.md +++ b/_i18n/ja/_posts/2021/2021-03-22-532draft.md @@ -2,7 +2,7 @@ title: "2021-03-22のJS: " author: "azu" layout: post -date : 2021-03-22T13:05:37.951Z +date : 2021-03-22T13:13:51.223Z category: JSer tags: - node.js @@ -84,6 +84,16 @@ Module FragmentsがStage 1へ、`Array#findLast`がStage2へ、TemporalがStage TensorFlow.jsの入門書 +---- + +## Charts.css +[chartscss.org/](https://chartscss.org/ "Charts.css") +

CSS library

+ +CSSを使ったグラフライブラリ。 +様々な種類のチャートの表示に対応している。 + + ----

アーティクル

From 33dcf8e7359679fc20252c49cd4d0ce5f1d18b3d Mon Sep 17 00:00:00 2001 From: azu Date: Mon, 22 Mar 2021 13:34:12 +0000 Subject: [PATCH 12/23] Update 532 draft --- _i18n/ja/_posts/2021/2021-03-22-532draft.md | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2021/2021-03-22-532draft.md b/_i18n/ja/_posts/2021/2021-03-22-532draft.md index 1a8495327f5..34c3f312d86 100644 --- a/_i18n/ja/_posts/2021/2021-03-22-532draft.md +++ b/_i18n/ja/_posts/2021/2021-03-22-532draft.md @@ -2,7 +2,7 @@ title: "2021-03-22のJS: " author: "azu" layout: post -date : 2021-03-22T13:13:51.223Z +date : 2021-03-22T13:33:53.516Z category: JSer tags: - node.js @@ -118,6 +118,17 @@ Making the Supabase Dashboard Supa-fastの翻訳記事。 - [Making the Supabase Dashboard Supa-fast](https://supabase.io/blog/2020/12/13/supabase-dashboard-performance "Making the Supabase Dashboard Supa-fast") +---- + +## The #1 tip to familiarize with new JavaScript Codebases +[www.kevinpeters.net/the-fastest-way-to-understand-new-code-bases](https://www.kevinpeters.net/the-fastest-way-to-understand-new-code-bases "The #1 tip to familiarize with new JavaScript Codebases") +

JavaScript article

+ +`code-complexity`を使ったコードの複雑度分析について。 +ComplexityとChurnについて + +- [simonrenoult/code-complexity: Measure the churn/complexity ratio. Higher values mean hotspots where refactorings should happen.](https://github.com/simonrenoult/code-complexity "simonrenoult/code-complexity: Measure the churn/complexity ratio. Higher values mean hotspots where refactorings should happen.") + ----

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

From 74dd4ad980b174806120d9f34118fd06315b03a4 Mon Sep 17 00:00:00 2001 From: azu Date: Mon, 22 Mar 2021 13:49:38 +0000 Subject: [PATCH 13/23] Update 532 draft --- _i18n/ja/_posts/2021/2021-03-22-532draft.md | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2021/2021-03-22-532draft.md b/_i18n/ja/_posts/2021/2021-03-22-532draft.md index 34c3f312d86..5561d5db329 100644 --- a/_i18n/ja/_posts/2021/2021-03-22-532draft.md +++ b/_i18n/ja/_posts/2021/2021-03-22-532draft.md @@ -2,7 +2,7 @@ title: "2021-03-22のJS: " author: "azu" layout: post -date : 2021-03-22T13:33:53.516Z +date : 2021-03-22T13:49:19.724Z category: JSer tags: - node.js @@ -142,4 +142,14 @@ WebWorkerと`worker_threds`に対応したWorkerライブラリ。 Inline CodeをWorkerコードを作成し、Workerに対してクラスや関数を含めたデータを渡して実行した結果を取得できる +---- + +## taoqf/node-html-parser: A very fast HTML parser, generating a simplified DOM, with basic element query support. +[github.com/taoqf/node-html-parser](https://github.com/taoqf/node-html-parser "taoqf/node-html-parser: A very fast HTML parser, generating a simplified DOM, with basic element query support.") +

HTML DOM library

+ +HTMLパーサとDOM APIライブラリ。 +パースした結果のオブジェクトでDOM APIライクな操作ができる。 + + ---- From b567c079ecb4dc359e3f8f0f8c0c5eec5f1d660b Mon Sep 17 00:00:00 2001 From: azu Date: Mon, 22 Mar 2021 14:04:31 +0000 Subject: [PATCH 14/23] Update 532 draft --- _i18n/ja/_posts/2021/2021-03-22-532draft.md | 16 +++++++++++++--- 1 file changed, 13 insertions(+), 3 deletions(-) diff --git a/_i18n/ja/_posts/2021/2021-03-22-532draft.md b/_i18n/ja/_posts/2021/2021-03-22-532draft.md index 5561d5db329..4034fba559d 100644 --- a/_i18n/ja/_posts/2021/2021-03-22-532draft.md +++ b/_i18n/ja/_posts/2021/2021-03-22-532draft.md @@ -2,14 +2,14 @@ title: "2021-03-22のJS: " author: "azu" layout: post -date : 2021-03-22T13:49:19.724Z +date : 2021-03-22T14:04:31.600Z category: JSer tags: - node.js - performance +- Tools +- CSS - CSP -- security -- V8 --- @@ -129,6 +129,16 @@ ComplexityとChurnについて - [simonrenoult/code-complexity: Measure the churn/complexity ratio. Higher values mean hotspots where refactorings should happen.](https://github.com/simonrenoult/code-complexity "simonrenoult/code-complexity: Measure the churn/complexity ratio. Higher values mean hotspots where refactorings should happen.") +---- + +## CSS Auditing Tools — Smashing Magazine +[www.smashingmagazine.com/2021/03/css-auditing-tools/](https://www.smashingmagazine.com/2021/03/css-auditing-tools/ "CSS Auditing Tools — Smashing Magazine") +

CSS article Tools

+ +CSSのAuditツールについての記事。 +CSSセレクタの詳細度、複雑度の測定、Code Coverage、継続的な分析など + + ----

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

From 83b54ec8051276fcf29132983e193d635fa1b054 Mon Sep 17 00:00:00 2001 From: azu Date: Mon, 22 Mar 2021 14:21:59 +0000 Subject: [PATCH 15/23] Update 532 draft --- _i18n/ja/_posts/2021/2021-03-22-532draft.md | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2021/2021-03-22-532draft.md b/_i18n/ja/_posts/2021/2021-03-22-532draft.md index 4034fba559d..44b0a0234b0 100644 --- a/_i18n/ja/_posts/2021/2021-03-22-532draft.md +++ b/_i18n/ja/_posts/2021/2021-03-22-532draft.md @@ -2,7 +2,7 @@ title: "2021-03-22のJS: " author: "azu" layout: post -date : 2021-03-22T14:04:31.600Z +date : 2021-03-22T14:21:58.994Z category: JSer tags: - node.js @@ -139,6 +139,16 @@ CSSのAuditツールについての記事。 CSSセレクタの詳細度、複雑度の測定、Code Coverage、継続的な分析など +---- + +## Next 10 years of Node.js — Understanding the needs of the Node.js constituencies | by Node.js | Mar, 2021 | Medium +[nodejs.medium.com/next-10-years-of-node-js-understanding-the-needs-of-the-node-js-constituencies-2f95a1df6a6f](https://nodejs.medium.com/next-10-years-of-node-js-understanding-the-needs-of-the-node-js-constituencies-2f95a1df6a6f "Next 10 years of Node.js — Understanding the needs of the Node.js constituencies | by Node.js | Mar, 2021 | Medium") +

node.js article

+ +Node.jsの次の10年について + +- [nodejs/next-10: Repository for discussion on strategic directions for next 10 years of Node.js](https://github.com/nodejs/next-10 "nodejs/next-10: Repository for discussion on strategic directions for next 10 years of Node.js") + ----

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

From c9ab8ae4abca9892bfbda5afb2ceff005b3d6ae9 Mon Sep 17 00:00:00 2001 From: azu Date: Tue, 23 Mar 2021 02:49:19 +0000 Subject: [PATCH 16/23] Update 532 draft --- ...-03-22-532draft.md => 2021-03-23-532draft.md} | 16 +++++++++++++--- 1 file changed, 13 insertions(+), 3 deletions(-) rename _i18n/ja/_posts/2021/{2021-03-22-532draft.md => 2021-03-23-532draft.md} (93%) diff --git a/_i18n/ja/_posts/2021/2021-03-22-532draft.md b/_i18n/ja/_posts/2021/2021-03-23-532draft.md similarity index 93% rename from _i18n/ja/_posts/2021/2021-03-22-532draft.md rename to _i18n/ja/_posts/2021/2021-03-23-532draft.md index 44b0a0234b0..e2edc133243 100644 --- a/_i18n/ja/_posts/2021/2021-03-22-532draft.md +++ b/_i18n/ja/_posts/2021/2021-03-23-532draft.md @@ -1,15 +1,15 @@ --- -title: "2021-03-22のJS: " +title: "2021-03-23のJS: " author: "azu" layout: post -date : 2021-03-22T14:21:58.994Z +date : 2021-03-23T02:48:59.570Z category: JSer tags: - node.js - performance - Tools +- testing - CSS -- CSP --- @@ -94,6 +94,16 @@ CSSを使ったグラフライブラリ。 様々な種類のチャートの表示に対応している。 +---- + +## sinon/CHANGELOG.md at master · sinonjs/sinon +[github.com/sinonjs/sinon/blob/master/CHANGELOG.md#1000--2021-03-22](https://github.com/sinonjs/sinon/blob/master/CHANGELOG.md#1000--2021-03-22 "sinon/CHANGELOG.md at master · sinonjs/sinon") +

JavaScript testing library ReleaseNote

+ +Sinon.js 10.0.0リリース。 +IE 11、Legacy Edge、Legacy Safariのサポートを終了。 + + ----

アーティクル

From c8679a2ae8d26993a45ca43044def09bbf912736 Mon Sep 17 00:00:00 2001 From: azu Date: Tue, 23 Mar 2021 03:27:28 +0000 Subject: [PATCH 17/23] Update 532 draft --- _i18n/ja/_posts/2021/2021-03-23-532draft.md | 15 +++++++++++++-- 1 file changed, 13 insertions(+), 2 deletions(-) diff --git a/_i18n/ja/_posts/2021/2021-03-23-532draft.md b/_i18n/ja/_posts/2021/2021-03-23-532draft.md index e2edc133243..2ca95874a7a 100644 --- a/_i18n/ja/_posts/2021/2021-03-23-532draft.md +++ b/_i18n/ja/_posts/2021/2021-03-23-532draft.md @@ -2,14 +2,14 @@ title: "2021-03-23のJS: " author: "azu" layout: post -date : 2021-03-23T02:48:59.570Z +date : 2021-03-23T03:27:28.730Z category: JSer tags: - node.js - performance - Tools - testing -- CSS +- browser --- @@ -182,4 +182,15 @@ HTMLパーサとDOM APIライブラリ。 パースした結果のオブジェクトでDOM APIライクな操作ができる。 +---- + +## Hello from tRPC | tRPC +[trpc.io/](https://trpc.io/ "Hello from tRPC | tRPC") +

JavaScript browser node.js library TypeScript React Next.js

+ +HTTP通信のデータレイヤーライブラリ。 +TypeScriptとyup/zodなどのバリデーターを使ったサーバ側のAPIエンドポイントを定義し、その型をクライアントからも利用できる。 +React向けのHooks/SSR対応のクライアントライブラリも公開されている。 + + ---- From 5569d1a5c68a88a302e598d36f218c871debe652 Mon Sep 17 00:00:00 2001 From: azu Date: Tue, 23 Mar 2021 03:32:29 +0000 Subject: [PATCH 18/23] Update 532 draft --- _i18n/ja/_posts/2021/2021-03-23-532draft.md | 25 ++++++++++++--------- 1 file changed, 14 insertions(+), 11 deletions(-) diff --git a/_i18n/ja/_posts/2021/2021-03-23-532draft.md b/_i18n/ja/_posts/2021/2021-03-23-532draft.md index 2ca95874a7a..88c21690753 100644 --- a/_i18n/ja/_posts/2021/2021-03-23-532draft.md +++ b/_i18n/ja/_posts/2021/2021-03-23-532draft.md @@ -2,7 +2,7 @@ title: "2021-03-23のJS: " author: "azu" layout: post -date : 2021-03-23T03:27:28.730Z +date : 2021-03-23T03:32:29.241Z category: JSer tags: - node.js @@ -74,16 +74,6 @@ Module FragmentsがStage 1へ、`Array#findLast`がStage2へ、TemporalがStage - [JavaScript の Module Fragments について](https://sosukesuzuki.dev/posts/stage-0-module-fragments/ "JavaScript の Module Fragments について") ----- - -## Learning TensorFlow.js -[learning.oreilly.com/library/view/learning-tensorflowjs/9781492090786/](https://learning.oreilly.com/library/view/learning-tensorflowjs/9781492090786/ "Learning TensorFlow.js") -

JavaScript ReleaseNote MachineLearning

- -2021年7月発売 -TensorFlow.jsの入門書 - - ---- ## Charts.css @@ -193,4 +183,17 @@ TypeScriptとyup/zodなどのバリデーターを使ったサーバ側のAPIエ React向けのHooks/SSR対応のクライアントライブラリも公開されている。 +---- +

書籍関係

+ +---- + +## Learning TensorFlow.js +[learning.oreilly.com/library/view/learning-tensorflowjs/9781492090786/](https://learning.oreilly.com/library/view/learning-tensorflowjs/9781492090786/ "Learning TensorFlow.js") +

JavaScript MachineLearning book

+ +2021年7月発売 +TensorFlow.jsの入門書 + + ---- From ceb7648f7e55d0f37e8fafed9e903a976611dec2 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Tue, 23 Mar 2021 03:37:42 +0000 Subject: [PATCH 19/23] Update _i18n/ja/_posts/2021/2021-03-23-node.js-15.12.0fs.promises-strict-csp-css-auditing-tools.md --- ....promises-strict-csp-css-auditing-tools.md | 212 ++++++++++++++++++ 1 file changed, 212 insertions(+) create mode 100644 _i18n/ja/_posts/2021/2021-03-23-node.js-15.12.0fs.promises-strict-csp-css-auditing-tools.md diff --git a/_i18n/ja/_posts/2021/2021-03-23-node.js-15.12.0fs.promises-strict-csp-css-auditing-tools.md b/_i18n/ja/_posts/2021/2021-03-23-node.js-15.12.0fs.promises-strict-csp-css-auditing-tools.md new file mode 100644 index 00000000000..ab92a3561a5 --- /dev/null +++ b/_i18n/ja/_posts/2021/2021-03-23-node.js-15.12.0fs.promises-strict-csp-css-auditing-tools.md @@ -0,0 +1,212 @@ +--- +title: "2021-03-23のJS: Node.js 15.12.0(fs.promisesのパフォーマンス改善)、strict CSP、CSS Auditing Tools" +author: "azu" +layout: post +date : 2021-03-23T03:32:29.241Z +category: JSer +tags: +- node.js +- performance +- Tools +- testing +- browser + +--- + +JSer.info #532 - - [Node v15.12.0 (Current) | Node.js](https://nodejs.org/en/blog/release/v15.12.0/) +- [fs.promises.readFile is 40% slower than fs.readFile · Issue #37583 · nodejs/node](https://github.com/nodejs/node/issues/37583) + - [[v14.x backport] fs: improve fsPromises readFile performance by Linkgoron · Pull Request #37703 · nodejs/node](https://github.com/nodejs/node/pull/37703) + +--- + +- [Mitigate cross-site scripting (XSS) with a strict Content Security Policy (CSP)](https://web.dev/strict-csp/) + - [CSP Is Dead, Long Live Strict CSP! - DeepSec 2016 - Speaker Deck](https://speakerdeck.com/lweichselbaum/csp-is-dead-long-live-strict-csp-deepsec-2016?slide=15) + - [Content Security Policy: A successful mess between hardening and mitigation - Speaker Deck](https://speakerdeck.com/mikispag/content-security-policy-a-successful-mess-between-hardening-and-mitigation) + +--- + +- [CSS Auditing Tools — Smashing Magazine](https://www.smashingmagazine.com/2021/03/css-auditing-tools/) + + +---- + +

ヘッドライン

+ +---- + +## Node v15.12.0 (Current) | Node.js +[nodejs.org/en/blog/release/v15.12.0/](https://nodejs.org/en/blog/release/v15.12.0/ "Node v15.12.0 (Current) | Node.js") +

node.js ReleaseNote

+ +Node.js 15.12.0リリース。 +`crypto.create{Public,Private}Key`がJWKオブジェクトをサポート、`fs.promises`のwriteFileとreadFileのパフォーマンス改善。 +`AbortSignal.abort()`の実装、`worker`モジュールに`{get,set}EnvironmentData`を追加など + +- [fs.promises.readFile is 40% slower than fs.readFile · Issue #37583 · nodejs/node](https://github.com/nodejs/node/issues/37583 "fs.promises.readFile is 40% slower than fs.readFile · Issue #37583 · nodejs/node") + +---- + +## V8 release v9.0 · V8 +[v8.dev/blog/v8-release-90](https://v8.dev/blog/v8-release-90 "V8 release v9.0 · V8") +

V8 ReleaseNote

+ +V8 v9.0リリース。 +`RegExp#insices`の実装、`super`のプロパティアクセスのパフォーマンス改善、JavaScriptからWasmの関数を呼ぶときのパフォーマンスを改善など + + +---- + +## Release v7.3.0 · GoogleChrome/lighthouse +[github.com/GoogleChrome/lighthouse/releases/tag/v7.3.0](https://github.com/GoogleChrome/lighthouse/releases/tag/v7.3.0 "Release v7.3.0 · GoogleChrome/lighthouse") +

performance Tools ReleaseNote Chrome

+ +Lighthouse 7.3.0リリース。 +新しいauditとしてcsp-xssを試験的に追加。 + +- [new\_audit: csp-xss by adamraine · Pull Request #12044 · GoogleChrome/lighthouse](https://github.com/GoogleChrome/lighthouse/pull/12044 "new\_audit: csp-xss by adamraine · Pull Request #12044 · GoogleChrome/lighthouse") + +---- + +## jasmine/3.7.0.md at main · jasmine/jasmine +[github.com/jasmine/jasmine/blob/main/release\_notes/3.7.0.md](https://github.com/jasmine/jasmine/blob/main/release_notes/3.7.0.md "jasmine/3.7.0.md at main · jasmine/jasmine") +

JavaScript library ReleaseNote testing

+ +Jasmine 3.7リリース。 +Node.jsのSource Mapsに対応、Array.prototypeを拡張している際にテストが一部落ちる問題の修正、`.and.callFake`がGenerator関数をサポートなど + +- [Source maps in Node.js. Supporting the many flavors of… | by Node.js | Medium](https://nodejs.medium.com/source-maps-in-node-js-482872b56116 "Source maps in Node.js. Supporting the many flavors of… | by Node.js | Medium") + +---- + +## ECMAScript proposal updates @ 2021-03 | ECMAScript Daily +[ecmascript-daily.github.io/ecmascript/2021/03/22/ecmascript-proposal-update](https://ecmascript-daily.github.io/ecmascript/2021/03/22/ecmascript-proposal-update "ECMAScript proposal updates @ 2021-03 | ECMAScript Daily") +

ECMAScript news

+ +2021年3月のTC39でECMAScript Proposalのステータス変更のまとめ。 +Module FragmentsがStage 1へ、`Array#findLast`がStage2へ、TemporalがStage 3へ更新など + +- [JavaScript の Module Fragments について](https://sosukesuzuki.dev/posts/stage-0-module-fragments/ "JavaScript の Module Fragments について") + +---- + +## Charts.css +[chartscss.org/](https://chartscss.org/ "Charts.css") +

CSS library

+ +CSSを使ったグラフライブラリ。 +様々な種類のチャートの表示に対応している。 + + +---- + +## sinon/CHANGELOG.md at master · sinonjs/sinon +[github.com/sinonjs/sinon/blob/master/CHANGELOG.md#1000--2021-03-22](https://github.com/sinonjs/sinon/blob/master/CHANGELOG.md#1000--2021-03-22 "sinon/CHANGELOG.md at master · sinonjs/sinon") +

JavaScript testing library ReleaseNote

+ +Sinon.js 10.0.0リリース。 +IE 11、Legacy Edge、Legacy Safariのサポートを終了。 + + +---- +

アーティクル

+ +---- + +## Mitigate cross-site scripting (XSS) with a strict Content Security Policy (CSP) +[web.dev/strict-csp/](https://web.dev/strict-csp/ "Mitigate cross-site scripting (XSS) with a strict Content Security Policy (CSP)") +

CSP article security

+ +ドメインの許可リストのCSPよりも、strict設定のCSPを推奨するという話。 +nonceとstrict-dynamicベースのCSP設定で防げるXSS、nonceベースとhashベースのCSPの設定、CSPの導入手順について + + +---- + +## Supabseチームはどのようにフロントエンドの高速化に成功したのか - バンクーバーで考え中 +[jp.taishikato.com/posts/making-the-supabase-dashboard-supa-fast](https://jp.taishikato.com/posts/making-the-supabase-dashboard-supa-fast "Supabseチームはどのようにフロントエンドの高速化に成功したのか - バンクーバーで考え中") +

performance article

+ +Making the Supabase Dashboard Supa-fastの翻訳記事。 +ベースラインと目標設定、バンドルサイズの改善、パフォーマンス文化について + +- [Making the Supabase Dashboard Supa-fast](https://supabase.io/blog/2020/12/13/supabase-dashboard-performance "Making the Supabase Dashboard Supa-fast") + +---- + +## The #1 tip to familiarize with new JavaScript Codebases +[www.kevinpeters.net/the-fastest-way-to-understand-new-code-bases](https://www.kevinpeters.net/the-fastest-way-to-understand-new-code-bases "The #1 tip to familiarize with new JavaScript Codebases") +

JavaScript article

+ +`code-complexity`を使ったコードの複雑度分析について。 +ComplexityとChurnについて + +- [simonrenoult/code-complexity: Measure the churn/complexity ratio. Higher values mean hotspots where refactorings should happen.](https://github.com/simonrenoult/code-complexity "simonrenoult/code-complexity: Measure the churn/complexity ratio. Higher values mean hotspots where refactorings should happen.") + +---- + +## CSS Auditing Tools — Smashing Magazine +[www.smashingmagazine.com/2021/03/css-auditing-tools/](https://www.smashingmagazine.com/2021/03/css-auditing-tools/ "CSS Auditing Tools — Smashing Magazine") +

CSS article Tools

+ +CSSのAuditツールについての記事。 +CSSセレクタの詳細度、複雑度の測定、Code Coverage、継続的な分析など + + +---- + +## Next 10 years of Node.js — Understanding the needs of the Node.js constituencies | by Node.js | Mar, 2021 | Medium +[nodejs.medium.com/next-10-years-of-node-js-understanding-the-needs-of-the-node-js-constituencies-2f95a1df6a6f](https://nodejs.medium.com/next-10-years-of-node-js-understanding-the-needs-of-the-node-js-constituencies-2f95a1df6a6f "Next 10 years of Node.js — Understanding the needs of the Node.js constituencies | by Node.js | Mar, 2021 | Medium") +

node.js article

+ +Node.jsの次の10年について + +- [nodejs/next-10: Repository for discussion on strategic directions for next 10 years of Node.js](https://github.com/nodejs/next-10 "nodejs/next-10: Repository for discussion on strategic directions for next 10 years of Node.js") + +---- +

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

+ +---- + +## 101arrowz/isoworker: Isomorphic workerization with context support +[github.com/101arrowz/isoworker](https://github.com/101arrowz/isoworker "101arrowz/isoworker: Isomorphic workerization with context support") +

browser node.js library

+ +WebWorkerと`worker_threds`に対応したWorkerライブラリ。 +Inline CodeをWorkerコードを作成し、Workerに対してクラスや関数を含めたデータを渡して実行した結果を取得できる + + +---- + +## taoqf/node-html-parser: A very fast HTML parser, generating a simplified DOM, with basic element query support. +[github.com/taoqf/node-html-parser](https://github.com/taoqf/node-html-parser "taoqf/node-html-parser: A very fast HTML parser, generating a simplified DOM, with basic element query support.") +

HTML DOM library

+ +HTMLパーサとDOM APIライブラリ。 +パースした結果のオブジェクトでDOM APIライクな操作ができる。 + + +---- + +## Hello from tRPC | tRPC +[trpc.io/](https://trpc.io/ "Hello from tRPC | tRPC") +

JavaScript browser node.js library TypeScript React Next.js

+ +HTTP通信のデータレイヤーライブラリ。 +TypeScriptとyup/zodなどのバリデーターを使ったサーバ側のAPIエンドポイントを定義し、その型をクライアントからも利用できる。 +React向けのHooks/SSR対応のクライアントライブラリも公開されている。 + + +---- +

書籍関係

+ +---- + +## Learning TensorFlow.js +[learning.oreilly.com/library/view/learning-tensorflowjs/9781492090786/](https://learning.oreilly.com/library/view/learning-tensorflowjs/9781492090786/ "Learning TensorFlow.js") +

JavaScript MachineLearning book

+ +2021年7月発売 +TensorFlow.jsの入門書 + + +---- From f888f47c90f07df186cdb787b5e68ba49ad55cc7 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Tue, 23 Mar 2021 03:37:43 +0000 Subject: [PATCH 20/23] Delete _i18n/ja/_posts/2021/2021-03-23-532draft.md --- _i18n/ja/_posts/2021/2021-03-23-532draft.md | 199 -------------------- 1 file changed, 199 deletions(-) delete mode 100644 _i18n/ja/_posts/2021/2021-03-23-532draft.md diff --git a/_i18n/ja/_posts/2021/2021-03-23-532draft.md b/_i18n/ja/_posts/2021/2021-03-23-532draft.md deleted file mode 100644 index 88c21690753..00000000000 --- a/_i18n/ja/_posts/2021/2021-03-23-532draft.md +++ /dev/null @@ -1,199 +0,0 @@ ---- -title: "2021-03-23のJS: " -author: "azu" -layout: post -date : 2021-03-23T03:32:29.241Z -category: JSer -tags: -- node.js -- performance -- Tools -- testing -- browser - ---- - -JSer.info #532 - ----- - -

ヘッドライン

- ----- - -## Node v15.12.0 (Current) | Node.js -[nodejs.org/en/blog/release/v15.12.0/](https://nodejs.org/en/blog/release/v15.12.0/ "Node v15.12.0 (Current) | Node.js") -

node.js ReleaseNote

- -Node.js 15.12.0リリース。 -`crypto.create{Public,Private}Key`がJWKオブジェクトをサポート、`fs.promises`のwriteFileとreadFileのパフォーマンス改善。 -`AbortSignal.abort()`の実装、`worker`モジュールに`{get,set}EnvironmentData`を追加など - -- [fs.promises.readFile is 40% slower than fs.readFile · Issue #37583 · nodejs/node](https://github.com/nodejs/node/issues/37583 "fs.promises.readFile is 40% slower than fs.readFile · Issue #37583 · nodejs/node") - ----- - -## V8 release v9.0 · V8 -[v8.dev/blog/v8-release-90](https://v8.dev/blog/v8-release-90 "V8 release v9.0 · V8") -

V8 ReleaseNote

- -V8 v9.0リリース。 -`RegExp#insices`の実装、`super`のプロパティアクセスのパフォーマンス改善、JavaScriptからWasmの関数を呼ぶときのパフォーマンスを改善など - - ----- - -## Release v7.3.0 · GoogleChrome/lighthouse -[github.com/GoogleChrome/lighthouse/releases/tag/v7.3.0](https://github.com/GoogleChrome/lighthouse/releases/tag/v7.3.0 "Release v7.3.0 · GoogleChrome/lighthouse") -

performance Tools ReleaseNote Chrome

- -Lighthouse 7.3.0リリース。 -新しいauditとしてcsp-xssを試験的に追加。 - -- [new\_audit: csp-xss by adamraine · Pull Request #12044 · GoogleChrome/lighthouse](https://github.com/GoogleChrome/lighthouse/pull/12044 "new\_audit: csp-xss by adamraine · Pull Request #12044 · GoogleChrome/lighthouse") - ----- - -## jasmine/3.7.0.md at main · jasmine/jasmine -[github.com/jasmine/jasmine/blob/main/release\_notes/3.7.0.md](https://github.com/jasmine/jasmine/blob/main/release_notes/3.7.0.md "jasmine/3.7.0.md at main · jasmine/jasmine") -

JavaScript library ReleaseNote testing

- -Jasmine 3.7リリース。 -Node.jsのSource Mapsに対応、Array.prototypeを拡張している際にテストが一部落ちる問題の修正、`.and.callFake`がGenerator関数をサポートなど - -- [Source maps in Node.js. Supporting the many flavors of… | by Node.js | Medium](https://nodejs.medium.com/source-maps-in-node-js-482872b56116 "Source maps in Node.js. Supporting the many flavors of… | by Node.js | Medium") - ----- - -## ECMAScript proposal updates @ 2021-03 | ECMAScript Daily -[ecmascript-daily.github.io/ecmascript/2021/03/22/ecmascript-proposal-update](https://ecmascript-daily.github.io/ecmascript/2021/03/22/ecmascript-proposal-update "ECMAScript proposal updates @ 2021-03 | ECMAScript Daily") -

ECMAScript news

- -2021年3月のTC39でECMAScript Proposalのステータス変更のまとめ。 -Module FragmentsがStage 1へ、`Array#findLast`がStage2へ、TemporalがStage 3へ更新など - -- [JavaScript の Module Fragments について](https://sosukesuzuki.dev/posts/stage-0-module-fragments/ "JavaScript の Module Fragments について") - ----- - -## Charts.css -[chartscss.org/](https://chartscss.org/ "Charts.css") -

CSS library

- -CSSを使ったグラフライブラリ。 -様々な種類のチャートの表示に対応している。 - - ----- - -## sinon/CHANGELOG.md at master · sinonjs/sinon -[github.com/sinonjs/sinon/blob/master/CHANGELOG.md#1000--2021-03-22](https://github.com/sinonjs/sinon/blob/master/CHANGELOG.md#1000--2021-03-22 "sinon/CHANGELOG.md at master · sinonjs/sinon") -

JavaScript testing library ReleaseNote

- -Sinon.js 10.0.0リリース。 -IE 11、Legacy Edge、Legacy Safariのサポートを終了。 - - ----- -

アーティクル

- ----- - -## Mitigate cross-site scripting (XSS) with a strict Content Security Policy (CSP) -[web.dev/strict-csp/](https://web.dev/strict-csp/ "Mitigate cross-site scripting (XSS) with a strict Content Security Policy (CSP)") -

CSP article security

- -ドメインの許可リストのCSPよりも、strict設定のCSPを推奨するという話。 -nonceとstrict-dynamicベースのCSP設定で防げるXSS、nonceベースとhashベースのCSPの設定、CSPの導入手順について - - ----- - -## Supabseチームはどのようにフロントエンドの高速化に成功したのか - バンクーバーで考え中 -[jp.taishikato.com/posts/making-the-supabase-dashboard-supa-fast](https://jp.taishikato.com/posts/making-the-supabase-dashboard-supa-fast "Supabseチームはどのようにフロントエンドの高速化に成功したのか - バンクーバーで考え中") -

performance article

- -Making the Supabase Dashboard Supa-fastの翻訳記事。 -ベースラインと目標設定、バンドルサイズの改善、パフォーマンス文化について - -- [Making the Supabase Dashboard Supa-fast](https://supabase.io/blog/2020/12/13/supabase-dashboard-performance "Making the Supabase Dashboard Supa-fast") - ----- - -## The #1 tip to familiarize with new JavaScript Codebases -[www.kevinpeters.net/the-fastest-way-to-understand-new-code-bases](https://www.kevinpeters.net/the-fastest-way-to-understand-new-code-bases "The #1 tip to familiarize with new JavaScript Codebases") -

JavaScript article

- -`code-complexity`を使ったコードの複雑度分析について。 -ComplexityとChurnについて - -- [simonrenoult/code-complexity: Measure the churn/complexity ratio. Higher values mean hotspots where refactorings should happen.](https://github.com/simonrenoult/code-complexity "simonrenoult/code-complexity: Measure the churn/complexity ratio. Higher values mean hotspots where refactorings should happen.") - ----- - -## CSS Auditing Tools — Smashing Magazine -[www.smashingmagazine.com/2021/03/css-auditing-tools/](https://www.smashingmagazine.com/2021/03/css-auditing-tools/ "CSS Auditing Tools — Smashing Magazine") -

CSS article Tools

- -CSSのAuditツールについての記事。 -CSSセレクタの詳細度、複雑度の測定、Code Coverage、継続的な分析など - - ----- - -## Next 10 years of Node.js — Understanding the needs of the Node.js constituencies | by Node.js | Mar, 2021 | Medium -[nodejs.medium.com/next-10-years-of-node-js-understanding-the-needs-of-the-node-js-constituencies-2f95a1df6a6f](https://nodejs.medium.com/next-10-years-of-node-js-understanding-the-needs-of-the-node-js-constituencies-2f95a1df6a6f "Next 10 years of Node.js — Understanding the needs of the Node.js constituencies | by Node.js | Mar, 2021 | Medium") -

node.js article

- -Node.jsの次の10年について - -- [nodejs/next-10: Repository for discussion on strategic directions for next 10 years of Node.js](https://github.com/nodejs/next-10 "nodejs/next-10: Repository for discussion on strategic directions for next 10 years of Node.js") - ----- -

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

- ----- - -## 101arrowz/isoworker: Isomorphic workerization with context support -[github.com/101arrowz/isoworker](https://github.com/101arrowz/isoworker "101arrowz/isoworker: Isomorphic workerization with context support") -

browser node.js library

- -WebWorkerと`worker_threds`に対応したWorkerライブラリ。 -Inline CodeをWorkerコードを作成し、Workerに対してクラスや関数を含めたデータを渡して実行した結果を取得できる - - ----- - -## taoqf/node-html-parser: A very fast HTML parser, generating a simplified DOM, with basic element query support. -[github.com/taoqf/node-html-parser](https://github.com/taoqf/node-html-parser "taoqf/node-html-parser: A very fast HTML parser, generating a simplified DOM, with basic element query support.") -

HTML DOM library

- -HTMLパーサとDOM APIライブラリ。 -パースした結果のオブジェクトでDOM APIライクな操作ができる。 - - ----- - -## Hello from tRPC | tRPC -[trpc.io/](https://trpc.io/ "Hello from tRPC | tRPC") -

JavaScript browser node.js library TypeScript React Next.js

- -HTTP通信のデータレイヤーライブラリ。 -TypeScriptとyup/zodなどのバリデーターを使ったサーバ側のAPIエンドポイントを定義し、その型をクライアントからも利用できる。 -React向けのHooks/SSR対応のクライアントライブラリも公開されている。 - - ----- -

書籍関係

- ----- - -## Learning TensorFlow.js -[learning.oreilly.com/library/view/learning-tensorflowjs/9781492090786/](https://learning.oreilly.com/library/view/learning-tensorflowjs/9781492090786/ "Learning TensorFlow.js") -

JavaScript MachineLearning book

- -2021年7月発売 -TensorFlow.jsの入門書 - - ----- From 69e558b37ae26d3f5885aa9d3eb387f1ec48ecda Mon Sep 17 00:00:00 2001 From: azu Date: Tue, 23 Mar 2021 12:38:27 +0900 Subject: [PATCH 21/23] Update 2021-03-23-node.js-15.12.0fs.promises-strict-csp-css-auditing-tools.md --- ....promises-strict-csp-css-auditing-tools.md | 20 +++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) diff --git a/_i18n/ja/_posts/2021/2021-03-23-node.js-15.12.0fs.promises-strict-csp-css-auditing-tools.md b/_i18n/ja/_posts/2021/2021-03-23-node.js-15.12.0fs.promises-strict-csp-css-auditing-tools.md index ab92a3561a5..03f8f011630 100644 --- a/_i18n/ja/_posts/2021/2021-03-23-node.js-15.12.0fs.promises-strict-csp-css-auditing-tools.md +++ b/_i18n/ja/_posts/2021/2021-03-23-node.js-15.12.0fs.promises-strict-csp-css-auditing-tools.md @@ -87,16 +87,6 @@ Module FragmentsがStage 1へ、`Array#findLast`がStage2へ、TemporalがStage - [JavaScript の Module Fragments について](https://sosukesuzuki.dev/posts/stage-0-module-fragments/ "JavaScript の Module Fragments について") ----- - -## Charts.css -[chartscss.org/](https://chartscss.org/ "Charts.css") -

CSS library

- -CSSを使ったグラフライブラリ。 -様々な種類のチャートの表示に対応している。 - - ---- ## sinon/CHANGELOG.md at master · sinonjs/sinon @@ -196,7 +186,17 @@ TypeScriptとyup/zodなどのバリデーターを使ったサーバ側のAPIエ React向けのHooks/SSR対応のクライアントライブラリも公開されている。 + ---- + +## Charts.css +[chartscss.org/](https://chartscss.org/ "Charts.css") +

CSS library

+ +CSSを使ったグラフライブラリ。 +様々な種類のチャートの表示に対応している。 + +

書籍関係

---- From b1705ccf2104522277e2f1358fffdcbe3299a1f3 Mon Sep 17 00:00:00 2001 From: azu Date: Tue, 23 Mar 2021 12:39:11 +0900 Subject: [PATCH 22/23] Update 2021-03-23-node.js-15.12.0fs.promises-strict-csp-css-auditing-tools.md --- ...-node.js-15.12.0fs.promises-strict-csp-css-auditing-tools.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2021/2021-03-23-node.js-15.12.0fs.promises-strict-csp-css-auditing-tools.md b/_i18n/ja/_posts/2021/2021-03-23-node.js-15.12.0fs.promises-strict-csp-css-auditing-tools.md index 03f8f011630..61fc7d20677 100644 --- a/_i18n/ja/_posts/2021/2021-03-23-node.js-15.12.0fs.promises-strict-csp-css-auditing-tools.md +++ b/_i18n/ja/_posts/2021/2021-03-23-node.js-15.12.0fs.promises-strict-csp-css-auditing-tools.md @@ -196,7 +196,7 @@ React向けのHooks/SSR対応のクライアントライブラリも公開され CSSを使ったグラフライブラリ。 様々な種類のチャートの表示に対応している。 - +----

書籍関係

---- From 4eb92d97d99f67fba8bbae9789a563387794c4d2 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Tue, 23 Mar 2021 03:55:09 +0000 Subject: [PATCH 23/23] Update _i18n/ja/_posts/2021/2021-03-23-node.js-15.12.0fs.promises-strict-csp-css-auditing-tools.md --- ....promises-strict-csp-css-auditing-tools.md | 40 ++++++++++++++++--- 1 file changed, 34 insertions(+), 6 deletions(-) diff --git a/_i18n/ja/_posts/2021/2021-03-23-node.js-15.12.0fs.promises-strict-csp-css-auditing-tools.md b/_i18n/ja/_posts/2021/2021-03-23-node.js-15.12.0fs.promises-strict-csp-css-auditing-tools.md index 61fc7d20677..cb422fd7cbe 100644 --- a/_i18n/ja/_posts/2021/2021-03-23-node.js-15.12.0fs.promises-strict-csp-css-auditing-tools.md +++ b/_i18n/ja/_posts/2021/2021-03-23-node.js-15.12.0fs.promises-strict-csp-css-auditing-tools.md @@ -13,20 +13,48 @@ tags: --- -JSer.info #532 - - [Node v15.12.0 (Current) | Node.js](https://nodejs.org/en/blog/release/v15.12.0/) +JSer.info #532 - Node.js 15.12.0がリリースされました。 + +- [Node v15.12.0 (Current) | Node.js](https://nodejs.org/en/blog/release/v15.12.0/) + +`fs`の`readFile`/`writeFile`に対してPromise版の`fs.promises`の`readFile`/`writeFile`が遅くなるというIssueがあります。 + - [fs.promises.readFile is 40% slower than fs.readFile · Issue #37583 · nodejs/node](https://github.com/nodejs/node/issues/37583) - - [[v14.x backport] fs: improve fsPromises readFile performance by Linkgoron · Pull Request #37703 · nodejs/node](https://github.com/nodejs/node/pull/37703) + +Node.js 15.12.0ではこのパフォーマンス問題の改善が含まれています。 + +- [fs: improve fsPromises readFile performance by Linkgoron · Pull Request #37608 · nodejs/node](https://github.com/nodejs/node/pull/37608) +- [fs: improve fsPromises writeFile performance by Linkgoron · Pull Request #37610 · nodejs/node](https://github.com/nodejs/node/pull/37610) + - writeに関してはコールバック版とほぼ同等になっている + +その他には`crypto.create{Public,Private}Key`がJWKオブジェクトをサポート、`AbortSignal.abort()`の実装、`worker`モジュールに`{get,set}EnvironmentData`が追加されています。 --- -- [Mitigate cross-site scripting (XSS) with a strict Content Security Policy (CSP)](https://web.dev/strict-csp/) - - [CSP Is Dead, Long Live Strict CSP! - DeepSec 2016 - Speaker Deck](https://speakerdeck.com/lweichselbaum/csp-is-dead-long-live-strict-csp-deepsec-2016?slide=15) - - [Content Security Policy: A successful mess between hardening and mitigation - Speaker Deck](https://speakerdeck.com/mikispag/content-security-policy-a-successful-mess-between-hardening-and-mitigation) +[Mitigate cross-site scripting (XSS) with a strict Content Security Policy (CSP)](https://web.dev/strict-csp/)という記事では、Content Security Policy (CSP)を使ったXSSの影響を軽減するアプローチについて書かれています。 + +CSPには、特定のURLを許可リスト方式で扱う設定がありますが、許可したURLにJSONPなどのエンドポイントがあるとバイパスされる問題が知られています。 + +- [CSP Is Dead, Long Live Strict CSP! - DeepSec 2016 - Speaker Deck](https://speakerdeck.com/lweichselbaum/csp-is-dead-long-live-strict-csp-deepsec-2016?slide=15) +- [Content Security Policy: A successful mess between hardening and mitigation - Speaker Deck](https://speakerdeck.com/mikispag/content-security-policy-a-successful-mess-between-hardening-and-mitigation) + +そのため、nonceベースかhashベースのstrictなCSP設定をすることで、CSPがバイパスされる可能性は低くなります。 +この記事では、nonceベースとhashベースのstrict CSP設定をどのようにするかについて書かれています。 --- -- [CSS Auditing Tools — Smashing Magazine](https://www.smashingmagazine.com/2021/03/css-auditing-tools/) +[CSS Auditing Tools — Smashing Magazine](https://www.smashingmagazine.com/2021/03/css-auditing-tools/)という記事では、CSSのAuditツールについてまとめられています。 + +- [CSS Stats](https://cssstats.com/) +- [Yellow Lab Tools - Page Speed audit](https://yellowlab.tools/) +- [Specificity Visualizer](https://isellsoap.github.io/specificity-visualizer/) +- [CSS Analytics - Project Wallace](https://www.projectwallace.com/) +- [katiefenn/parker: Stylesheet analysis tool.](https://github.com/katiefenn/parker) +- Chrome DevTools + - [CSS Overview Panel - Chrome DevTools - Dev Tips](https://umaar.com/dev-tips/209-css-overview/) + - [Find Unused JavaScript And CSS Code With The Coverage Tab In Chrome DevTools](https://developers.google.com/web/tools/chrome-devtools/coverage) +それぞれのツールの紹介やどのような項目を調べられるのかについてまとめられています。 ----