From 2716e2b4dde9477fc85615724a35539c54125d50 Mon Sep 17 00:00:00 2001 From: azu Date: Wed, 1 Aug 2018 23:34:23 +0000 Subject: [PATCH 01/25] Update 395 draft --- _i18n/ja/_posts/2018/2018-08-01-395draft.md | 28 +++++++++++++++++++++ 1 file changed, 28 insertions(+) create mode 100644 _i18n/ja/_posts/2018/2018-08-01-395draft.md diff --git a/_i18n/ja/_posts/2018/2018-08-01-395draft.md b/_i18n/ja/_posts/2018/2018-08-01-395draft.md new file mode 100644 index 00000000000..0a039a70674 --- /dev/null +++ b/_i18n/ja/_posts/2018/2018-08-01-395draft.md @@ -0,0 +1,28 @@ +--- +title: "2018-08-01のJS: " +author: "azu" +layout: post +date : 2018-08-01T23:34:23.227Z +category: JSer +tags: +- + +--- + +JSer.info #395 + +---- + +

ヘッドライン

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

node.js npm ReleaseNote

+ +Node v10.8.0リリース。 +npm 6.2.0が同梱されるようになった。 + + +---- From 5eb0f8099728494cf4d2522c63e34f04c4c0bd8f Mon Sep 17 00:00:00 2001 From: azu Date: Wed, 1 Aug 2018 23:58:27 +0000 Subject: [PATCH 02/25] Update 395 draft --- _i18n/ja/_posts/2018/2018-08-01-395draft.md | 15 ++++++++++++++- 1 file changed, 14 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2018/2018-08-01-395draft.md b/_i18n/ja/_posts/2018/2018-08-01-395draft.md index 0a039a70674..43612711845 100644 --- a/_i18n/ja/_posts/2018/2018-08-01-395draft.md +++ b/_i18n/ja/_posts/2018/2018-08-01-395draft.md @@ -2,7 +2,7 @@ title: "2018-08-01のJS: " author: "azu" layout: post -date : 2018-08-01T23:34:23.227Z +date : 2018-08-01T23:58:27.720Z category: JSer tags: - @@ -25,4 +25,17 @@ Node v10.8.0リリース。 npm 6.2.0が同梱されるようになった。 +---- +

アーティクル

+ +---- + +## Vue.js で XSS を作り込まないために気を付けること - SSTエンジニアブログ +[techblog.securesky-tech.com/entry/2018/08/01/110000](https://techblog.securesky-tech.com/entry/2018/08/01/110000 "Vue.js で XSS を作り込まないために気を付けること - SSTエンジニアブログ") +

Vue security article XSS

+ +Vue.jsでXSSが発生するポイントについての解説。 +`v-html`、`href`のバインディグ、サーバサイドのテンプレートとCSRでのエスケープ漏れなどについて + + ---- From 4b5f6bf7c35858107167540ef81d9bbc2eb47b2b Mon Sep 17 00:00:00 2001 From: azu Date: Thu, 2 Aug 2018 01:59:13 +0000 Subject: [PATCH 03/25] Update 395 draft --- ...8-08-01-395draft.md => 2018-08-02-395draft.md} | 15 +++++++++++++-- 1 file changed, 13 insertions(+), 2 deletions(-) rename _i18n/ja/_posts/2018/{2018-08-01-395draft.md => 2018-08-02-395draft.md} (64%) diff --git a/_i18n/ja/_posts/2018/2018-08-01-395draft.md b/_i18n/ja/_posts/2018/2018-08-02-395draft.md similarity index 64% rename from _i18n/ja/_posts/2018/2018-08-01-395draft.md rename to _i18n/ja/_posts/2018/2018-08-02-395draft.md index 43612711845..ec94af81940 100644 --- a/_i18n/ja/_posts/2018/2018-08-01-395draft.md +++ b/_i18n/ja/_posts/2018/2018-08-02-395draft.md @@ -1,8 +1,8 @@ --- -title: "2018-08-01のJS: " +title: "2018-08-02のJS: " author: "azu" layout: post -date : 2018-08-01T23:58:27.720Z +date : 2018-08-02T01:59:13.421Z category: JSer tags: - @@ -25,6 +25,17 @@ Node v10.8.0リリース。 npm 6.2.0が同梱されるようになった。 +---- + +## React v16.4.2: Server-side vulnerability fix - React Blog +[reactjs.org/blog/2018/08/01/react-v-16-4-2.html](https://reactjs.org/blog/2018/08/01/react-v-16-4-2.html "React v16.4.2: Server-side vulnerability fix - React Blog") +

React ReleaseNote security

+ +React 16.4.2リリース。 +SSRにおいてユーザー入力をコンポーネントの属性名に渡せるとXSSが発生する問題を修正。 +VueとPreactも同様の問題があり、合わせてsecurity fixがリリースされた。 + + ----

アーティクル

From b0cb3e3d1aade9ad4ed33af27ddefbfcf9d9e69a Mon Sep 17 00:00:00 2001 From: azu Date: Thu, 2 Aug 2018 02:00:04 +0000 Subject: [PATCH 04/25] Update 395 draft --- _i18n/ja/_posts/2018/2018-08-02-395draft.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2018/2018-08-02-395draft.md b/_i18n/ja/_posts/2018/2018-08-02-395draft.md index ec94af81940..563988eea23 100644 --- a/_i18n/ja/_posts/2018/2018-08-02-395draft.md +++ b/_i18n/ja/_posts/2018/2018-08-02-395draft.md @@ -2,7 +2,7 @@ title: "2018-08-02のJS: " author: "azu" layout: post -date : 2018-08-02T01:59:13.421Z +date : 2018-08-02T02:00:04.635Z category: JSer tags: - @@ -33,6 +33,7 @@ npm 6.2.0が同梱されるようになった。 React 16.4.2リリース。 SSRにおいてユーザー入力をコンポーネントの属性名に渡せるとXSSが発生する問題を修正。 +minorごとに同様のpatchリリースが公開されている。 VueとPreactも同様の問題があり、合わせてsecurity fixがリリースされた。 From 1a256913fb772e6bba47867f5090ea199e808b66 Mon Sep 17 00:00:00 2001 From: azu Date: Thu, 2 Aug 2018 02:42:45 +0000 Subject: [PATCH 05/25] Update 395 draft --- _i18n/ja/_posts/2018/2018-08-02-395draft.md | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2018/2018-08-02-395draft.md b/_i18n/ja/_posts/2018/2018-08-02-395draft.md index 563988eea23..9bcb3600fb3 100644 --- a/_i18n/ja/_posts/2018/2018-08-02-395draft.md +++ b/_i18n/ja/_posts/2018/2018-08-02-395draft.md @@ -2,7 +2,7 @@ title: "2018-08-02のJS: " author: "azu" layout: post -date : 2018-08-02T02:00:04.635Z +date : 2018-08-02T02:42:45.542Z category: JSer tags: - @@ -37,6 +37,16 @@ minorごとに同様のpatchリリースが公開されている。 VueとPreactも同様の問題があり、合わせてsecurity fixがリリースされた。 +---- + +## Release Notes for Safari Technology Preview 62 | WebKit +[webkit.org/blog/8384/release-notes-for-safari-technology-preview-62/](https://webkit.org/blog/8384/release-notes-for-safari-technology-preview-62/ "Release Notes for Safari Technology Preview 62 | WebKit") +

safari ReleaseNote

+ +Safari Technology Preview 62リリース。 +ITPデバッグモードの試験的追加、`JSON.stringify`の修正、HLSストリームのキャッシュを無効化、CSS Gridの`gap`プロパティにおける`calc`が動くように修正など + + ----

アーティクル

From 3208e3550ed67f8f204532f67571a3630331ab4a Mon Sep 17 00:00:00 2001 From: azu Date: Thu, 2 Aug 2018 15:14:25 +0000 Subject: [PATCH 06/25] Update 395 draft --- _i18n/ja/_posts/2018/2018-08-02-395draft.md | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2018/2018-08-02-395draft.md b/_i18n/ja/_posts/2018/2018-08-02-395draft.md index 9bcb3600fb3..988978d1afd 100644 --- a/_i18n/ja/_posts/2018/2018-08-02-395draft.md +++ b/_i18n/ja/_posts/2018/2018-08-02-395draft.md @@ -2,7 +2,7 @@ title: "2018-08-02のJS: " author: "azu" layout: post -date : 2018-08-02T02:42:45.542Z +date : 2018-08-02T15:14:25.439Z category: JSer tags: - @@ -60,4 +60,14 @@ Vue.jsでXSSが発生するポイントについての解説。 `v-html`、`href`のバインディグ、サーバサイドのテンプレートとCSRでのエスケープ漏れなどについて +---- + +## JSDocで型チェックする - Qiita +[qiita.com/shisama/items/016288d38165d542fffd](https://qiita.com/shisama/items/016288d38165d542fffd "JSDocで型チェックする - Qiita") +

TypeScript article

+ +TypeScriptの`allowJs`と`checkJs`を使ったJavaScriptでの型チェックについて。 +JSDocで書いた型アノテーションや型定義ファイルを元に型チェックを行う方法について + + ---- From e2371b285eab3b36a935d0079fa6c3e7a2be3dd6 Mon Sep 17 00:00:00 2001 From: azu Date: Fri, 3 Aug 2018 01:17:43 +0000 Subject: [PATCH 07/25] Update 395 draft --- ...8-08-02-395draft.md => 2018-08-03-395draft.md} | 15 +++++++++++++-- 1 file changed, 13 insertions(+), 2 deletions(-) rename _i18n/ja/_posts/2018/{2018-08-02-395draft.md => 2018-08-03-395draft.md} (83%) diff --git a/_i18n/ja/_posts/2018/2018-08-02-395draft.md b/_i18n/ja/_posts/2018/2018-08-03-395draft.md similarity index 83% rename from _i18n/ja/_posts/2018/2018-08-02-395draft.md rename to _i18n/ja/_posts/2018/2018-08-03-395draft.md index 988978d1afd..4f7465153a2 100644 --- a/_i18n/ja/_posts/2018/2018-08-02-395draft.md +++ b/_i18n/ja/_posts/2018/2018-08-03-395draft.md @@ -1,8 +1,8 @@ --- -title: "2018-08-02のJS: " +title: "2018-08-03のJS: " author: "azu" layout: post -date : 2018-08-02T15:14:25.439Z +date : 2018-08-03T01:17:42.963Z category: JSer tags: - @@ -47,6 +47,17 @@ Safari Technology Preview 62リリース。 ITPデバッグモードの試験的追加、`JSON.stringify`の修正、HLSストリームのキャッシュを無効化、CSS Gridの`gap`プロパティにおける`calc`が動くように修正など +---- + +## Chromium Blog: Chrome 69 Beta: CSS tricks, and more +[blog.chromium.org/2018/08/chrome-69-beta-av1-video-decoder-css.html](https://blog.chromium.org/2018/08/chrome-69-beta-av1-video-decoder-css.html "Chromium Blog: Chrome 69 Beta: CSS tricks, and more") +

Chrome ReleaseNote

+ +Chrome 69βリリース。 +CSS conic gradients、CSS scroll snap、CSS `env()` function。 +またReportingObserver API、Keyboard Map APIのサポートなど + + ----

アーティクル

From 56c809bd804246b4012175907804438ea1d5f291 Mon Sep 17 00:00:00 2001 From: azu Date: Fri, 3 Aug 2018 10:32:05 +0000 Subject: [PATCH 08/25] Update 395 draft --- _i18n/ja/_posts/2018/2018-08-03-395draft.md | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2018/2018-08-03-395draft.md b/_i18n/ja/_posts/2018/2018-08-03-395draft.md index 4f7465153a2..036cfb432d0 100644 --- a/_i18n/ja/_posts/2018/2018-08-03-395draft.md +++ b/_i18n/ja/_posts/2018/2018-08-03-395draft.md @@ -2,7 +2,7 @@ title: "2018-08-03のJS: " author: "azu" layout: post -date : 2018-08-03T01:17:42.963Z +date : 2018-08-03T10:32:04.815Z category: JSer tags: - @@ -81,4 +81,15 @@ TypeScriptの`allowJs`と`checkJs`を使ったJavaScriptでの型チェックに JSDocで書いた型アノテーションや型定義ファイルを元に型チェックを行う方法について +---- + +## The Cost Of JavaScript In 2018 – Addy Osmani – Medium +[medium.com/@addyosmani/the-cost-of-javascript-in-2018-7d8950fbb5d4](https://medium.com/@addyosmani/the-cost-of-javascript-in-2018-7d8950fbb5d4 "The Cost Of JavaScript In 2018 – Addy Osmani – Medium") +

JavaScript article performance

+ +JavaScriptのパフォーマンスコストについての記事。 +ファイルサイズ、ロード時間、インタラクティブになるまでの時間、モバイルや低スペックマシンでのコスト。 +またパフォーマンスを改善するパターンなどについて + + ---- From 6fc1c5bd98efe244439d9580635b2e60a13d0d74 Mon Sep 17 00:00:00 2001 From: azu Date: Fri, 3 Aug 2018 12:52:53 +0000 Subject: [PATCH 09/25] Update 395 draft --- _i18n/ja/_posts/2018/2018-08-03-395draft.md | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2018/2018-08-03-395draft.md b/_i18n/ja/_posts/2018/2018-08-03-395draft.md index 036cfb432d0..7a68491349f 100644 --- a/_i18n/ja/_posts/2018/2018-08-03-395draft.md +++ b/_i18n/ja/_posts/2018/2018-08-03-395draft.md @@ -2,7 +2,7 @@ title: "2018-08-03のJS: " author: "azu" layout: post -date : 2018-08-03T10:32:04.815Z +date : 2018-08-03T12:52:53.360Z category: JSer tags: - @@ -58,6 +58,16 @@ CSS conic gradients、CSS scroll snap、CSS `env()` function。 またReportingObserver API、Keyboard Map APIのサポートなど +---- + +## TestCafe v0.21.0 Released | TestCafe +[devexpress.github.io/testcafe/blog/testcafe-v0-21-0-released.html](http://devexpress.github.io/testcafe/blog/testcafe-v0-21-0-released.html "TestCafe v0.21.0 Released | TestCafe") +

browser testing E2E ReleaseNote

+ +TestCafe v0.21.0リリース。 +テストページをHTTPSでアクセスできるように、スクリーンショットのパスに変数を使えるようになるなど + + ----

アーティクル

From 490b57c95abe9dfd427b86cf876928c381d471e2 Mon Sep 17 00:00:00 2001 From: azu Date: Sat, 4 Aug 2018 11:12:30 +0000 Subject: [PATCH 10/25] Update 395 draft --- ...8-08-03-395draft.md => 2018-08-04-395draft.md} | 15 +++++++++++++-- 1 file changed, 13 insertions(+), 2 deletions(-) rename _i18n/ja/_posts/2018/{2018-08-03-395draft.md => 2018-08-04-395draft.md} (85%) diff --git a/_i18n/ja/_posts/2018/2018-08-03-395draft.md b/_i18n/ja/_posts/2018/2018-08-04-395draft.md similarity index 85% rename from _i18n/ja/_posts/2018/2018-08-03-395draft.md rename to _i18n/ja/_posts/2018/2018-08-04-395draft.md index 7a68491349f..0a8e95bcf67 100644 --- a/_i18n/ja/_posts/2018/2018-08-03-395draft.md +++ b/_i18n/ja/_posts/2018/2018-08-04-395draft.md @@ -1,8 +1,8 @@ --- -title: "2018-08-03のJS: " +title: "2018-08-04のJS: " author: "azu" layout: post -date : 2018-08-03T12:52:53.360Z +date : 2018-08-04T11:12:30.301Z category: JSer tags: - @@ -68,6 +68,17 @@ TestCafe v0.21.0リリース。 テストページをHTTPSでアクセスできるように、スクリーンショットのパスに変数を使えるようになるなど +---- + +## Dojo Version 3.0 | Dojo +[dojo.io/blog/2018/07/27/2018-07-27-Dojo-version-3-release/](https://dojo.io/blog/2018/07/27/2018-07-27-Dojo-version-3-release/ "Dojo Version 3.0 | Dojo") +

JavaScript library ReleaseNote

+ +Dojo 3.0リリース。 +パッケージが細かく別れていたものを`@dojo/framework`に統合して利用できるように変更。マイグレーションスクリプトも公開されている。 + +- [framework/V3-Migration-Guide.md at master · dojo/framework](https://github.com/dojo/framework/blob/master/docs/V3-Migration-Guide.md "framework/V3-Migration-Guide.md at master · dojo/framework") + ----

アーティクル

From d95da0bb06a305827cafa82fef911197b283b3cd Mon Sep 17 00:00:00 2001 From: azu Date: Mon, 6 Aug 2018 02:19:33 +0000 Subject: [PATCH 11/25] Update 395 draft --- ...18-08-04-395draft.md => 2018-08-06-395draft.md} | 14 ++++++++++++-- 1 file changed, 12 insertions(+), 2 deletions(-) rename _i18n/ja/_posts/2018/{2018-08-04-395draft.md => 2018-08-06-395draft.md} (88%) diff --git a/_i18n/ja/_posts/2018/2018-08-04-395draft.md b/_i18n/ja/_posts/2018/2018-08-06-395draft.md similarity index 88% rename from _i18n/ja/_posts/2018/2018-08-04-395draft.md rename to _i18n/ja/_posts/2018/2018-08-06-395draft.md index 0a8e95bcf67..808c33151ae 100644 --- a/_i18n/ja/_posts/2018/2018-08-04-395draft.md +++ b/_i18n/ja/_posts/2018/2018-08-06-395draft.md @@ -1,8 +1,8 @@ --- -title: "2018-08-04のJS: " +title: "2018-08-06のJS: " author: "azu" layout: post -date : 2018-08-04T11:12:30.301Z +date : 2018-08-06T02:19:33.756Z category: JSer tags: - @@ -113,4 +113,14 @@ JavaScriptのパフォーマンスコストについての記事。 またパフォーマンスを改善するパターンなどについて +---- + +## I created the exact same app in React and Vue. Here are the differences. +[medium.com/javascript-in-plain-english/i-created-the-exact-same-app-in-react-and-vue-here-are-the-differences-e9a1ae8077fd](https://medium.com/javascript-in-plain-english/i-created-the-exact-same-app-in-react-and-vue-here-are-the-differences-e9a1ae8077fd "I created the exact same app in React and Vue. Here are the differences.") +

Vue React article

+ +VueとReactで同じTodoアプリを作って比較する記事。 +処理ごとにそれぞれのやり方を比較して紹介している。 + + ---- From 40f7a3b3fb3bab5960959c4ddd02741fb170fa28 Mon Sep 17 00:00:00 2001 From: azu Date: Mon, 6 Aug 2018 02:37:56 +0000 Subject: [PATCH 12/25] Update 395 draft --- _i18n/ja/_posts/2018/2018-08-06-395draft.md | 16 +++++++++++++++- 1 file changed, 15 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2018/2018-08-06-395draft.md b/_i18n/ja/_posts/2018/2018-08-06-395draft.md index 808c33151ae..682c721aaa4 100644 --- a/_i18n/ja/_posts/2018/2018-08-06-395draft.md +++ b/_i18n/ja/_posts/2018/2018-08-06-395draft.md @@ -2,7 +2,7 @@ title: "2018-08-06のJS: " author: "azu" layout: post -date : 2018-08-06T02:19:33.756Z +date : 2018-08-06T02:37:56.364Z category: JSer tags: - @@ -123,4 +123,18 @@ VueとReactで同じTodoアプリを作って比較する記事。 処理ごとにそれぞれのやり方を比較して紹介している。 +---- +

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

+ +---- + +## Fusion.js Documentation +[fusionjs.com/](https://fusionjs.com/ "Fusion.js Documentation") +

JavaScript library plugin browser node.js

+ +UberのプラグインベースなBrowser/Node.jsウェブフレームワーク。コアにプラグインの仕組みとDIの仕組みを持ち、ReactやRedux、KoaなどUberがよく利用しているものをプラグインとして導入できる。 +webpackやbabelなどをラップするcliがあり、create-react-appのように設定ファイルを触らずに開発ができる。 + +- [Introducing Fusion.js: A Plugin-based Universal Web Framework](https://eng.uber.com/fusionjs/ "Introducing Fusion.js: A Plugin-based Universal Web Framework") + ---- From 81cca2ace961b824d4bc50ee52d55872c145c297 Mon Sep 17 00:00:00 2001 From: azu Date: Mon, 6 Aug 2018 10:27:26 +0000 Subject: [PATCH 13/25] Update 395 draft --- _i18n/ja/_posts/2018/2018-08-06-395draft.md | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2018/2018-08-06-395draft.md b/_i18n/ja/_posts/2018/2018-08-06-395draft.md index 682c721aaa4..819d9ac2745 100644 --- a/_i18n/ja/_posts/2018/2018-08-06-395draft.md +++ b/_i18n/ja/_posts/2018/2018-08-06-395draft.md @@ -2,7 +2,7 @@ title: "2018-08-06のJS: " author: "azu" layout: post -date : 2018-08-06T02:37:56.364Z +date : 2018-08-06T10:27:26.177Z category: JSer tags: - @@ -123,6 +123,16 @@ VueとReactで同じTodoアプリを作って比較する記事。 処理ごとにそれぞれのやり方を比較して紹介している。 +---- + +## ちゃんと理解するCode Splitting - Qiita +[qiita.com/seya/items/06b160adb7801ae9e66f](https://qiita.com/seya/items/06b160adb7801ae9e66f "ちゃんと理解するCode Splitting - Qiita") +

webpack article JavaScript

+ +webpackにおけるCode Splittingの動作の解説。Code Splittingのメリットとデメリット。 +Code SplittingするUIのパターンやDynamic Import、`webpackPrefetch`オプション、VueやReactでの対応についてなど + + ----

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

From 41dfa00742671322133ac703998acf1698a57fbb Mon Sep 17 00:00:00 2001 From: azu Date: Mon, 6 Aug 2018 13:02:20 +0000 Subject: [PATCH 14/25] Update 395 draft --- _i18n/ja/_posts/2018/2018-08-06-395draft.md | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2018/2018-08-06-395draft.md b/_i18n/ja/_posts/2018/2018-08-06-395draft.md index 819d9ac2745..987549f226c 100644 --- a/_i18n/ja/_posts/2018/2018-08-06-395draft.md +++ b/_i18n/ja/_posts/2018/2018-08-06-395draft.md @@ -2,7 +2,7 @@ title: "2018-08-06のJS: " author: "azu" layout: post -date : 2018-08-06T10:27:26.177Z +date : 2018-08-06T13:02:20.367Z category: JSer tags: - @@ -133,6 +133,18 @@ webpackにおけるCode Splittingの動作の解説。Code Splittingのメリッ Code SplittingするUIのパターンやDynamic Import、`webpackPrefetch`オプション、VueやReactでの対応についてなど +---- +

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

+ +---- + +## Frontend News +[frontendnews.io/](https://frontendnews.io/ "Frontend News") +

CSS DOM JavaScript mail web

+ +フロントエンドに関する1週間に1つのTipsについてを更新するサイト + + ----

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

From c1c0f8fb88cde389ac83877155c8ff6cb36cc474 Mon Sep 17 00:00:00 2001 From: azu Date: Mon, 6 Aug 2018 13:11:27 +0000 Subject: [PATCH 15/25] Update 395 draft --- _i18n/ja/_posts/2018/2018-08-06-395draft.md | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2018/2018-08-06-395draft.md b/_i18n/ja/_posts/2018/2018-08-06-395draft.md index 987549f226c..a61ed77dabb 100644 --- a/_i18n/ja/_posts/2018/2018-08-06-395draft.md +++ b/_i18n/ja/_posts/2018/2018-08-06-395draft.md @@ -2,7 +2,7 @@ title: "2018-08-06のJS: " author: "azu" layout: post -date : 2018-08-06T13:02:20.367Z +date : 2018-08-06T13:11:27.016Z category: JSer tags: - @@ -159,4 +159,14 @@ webpackやbabelなどをラップするcliがあり、create-react-appのよう - [Introducing Fusion.js: A Plugin-based Universal Web Framework](https://eng.uber.com/fusionjs/ "Introducing Fusion.js: A Plugin-based Universal Web Framework") +---- + +## sasha240100/between.js: Lightweight JavaScript (ES6) tweening engine +[github.com/sasha240100/between.js](https://github.com/sasha240100/between.js "sasha240100/between.js: Lightweight JavaScript (ES6) tweening engine") +

JavaScript library

+ +AからBへ値の変化を扱えるライブラリ。 +Tweening animationのような特定のイージングやループでの値の変化を扱う。 + + ---- From 7cfa3c471f19a688392965e83e113a9fdb1d6d36 Mon Sep 17 00:00:00 2001 From: azu Date: Mon, 6 Aug 2018 13:30:32 +0000 Subject: [PATCH 16/25] Update 395 draft --- _i18n/ja/_posts/2018/2018-08-06-395draft.md | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2018/2018-08-06-395draft.md b/_i18n/ja/_posts/2018/2018-08-06-395draft.md index a61ed77dabb..48146daf263 100644 --- a/_i18n/ja/_posts/2018/2018-08-06-395draft.md +++ b/_i18n/ja/_posts/2018/2018-08-06-395draft.md @@ -2,7 +2,7 @@ title: "2018-08-06のJS: " author: "azu" layout: post -date : 2018-08-06T13:11:27.016Z +date : 2018-08-06T13:30:32.220Z category: JSer tags: - @@ -79,6 +79,18 @@ Dojo 3.0リリース。 - [framework/V3-Migration-Guide.md at master · dojo/framework](https://github.com/dojo/framework/blob/master/docs/V3-Migration-Guide.md "framework/V3-Migration-Guide.md at master · dojo/framework") +---- + +## ESLint v5.3.0 released - ESLint - Pluggable JavaScript linter +[eslint.org/blog/2018/08/eslint-v5.3.0-released](https://eslint.org/blog/2018/08/eslint-v5.3.0-released "ESLint v5.3.0 released - ESLint - Pluggable JavaScript linter") +

ESLint ReleaseNote

+ +ESLint 5.3.0リリース。 +正規表現に関するルールが2つ、Async Functionに関するルールが2つ追加された。 + +- [ESLint v5.3.0 - Qiita](https://qiita.com/mysticatea/items/eb99e18d6cc7c3bf9317 "ESLint v5.3.0 - Qiita") +- [Promise のコンストラクタに渡した async function 内で throw しても rejected な Promise は作られない（常に fulfilled になる） - Humanity](http://tyru.hatenablog.com/entry/2018/08/04/220530 "Promise のコンストラクタに渡した async function 内で throw しても rejected な Promise は作られない（常に fulfilled になる） - Humanity") + ----

アーティクル

From 2bb27e6a1faa073a40fae81e90239eb0706a7862 Mon Sep 17 00:00:00 2001 From: azu Date: Mon, 6 Aug 2018 23:07:27 +0000 Subject: [PATCH 17/25] Update 395 draft --- _i18n/ja/_posts/2018/2018-08-06-395draft.md | 16 +++++++++++++++- 1 file changed, 15 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2018/2018-08-06-395draft.md b/_i18n/ja/_posts/2018/2018-08-06-395draft.md index 48146daf263..6cfcfe6c652 100644 --- a/_i18n/ja/_posts/2018/2018-08-06-395draft.md +++ b/_i18n/ja/_posts/2018/2018-08-06-395draft.md @@ -2,7 +2,7 @@ title: "2018-08-06のJS: " author: "azu" layout: post -date : 2018-08-06T13:30:32.220Z +date : 2018-08-06T23:07:27.837Z category: JSer tags: - @@ -145,6 +145,20 @@ webpackにおけるCode Splittingの動作の解説。Code Splittingのメリッ Code SplittingするUIのパターンやDynamic Import、`webpackPrefetch`オプション、VueやReactでの対応についてなど +---- +

スライド、動画関係

+ +---- + +## Storybook Tutorial +[www.learnstorybook.com/](https://www.learnstorybook.com/ "Storybook Tutorial") +

React Angular Vue tutorial

+ +Storybookのチュートリアル。 +React、Angular、Vueに対応したStirybookでのコンポーネント開発やChromaticを使ったビジュアルテストなどについて書かれている + +- [Chromatic visual testing for React](https://www.chromaticqa.com/ "Chromatic visual testing for React") + ----

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

From de08795102a53d8274f9e30b8da4e76d8f196627 Mon Sep 17 00:00:00 2001 From: azu Date: Mon, 6 Aug 2018 23:30:43 +0000 Subject: [PATCH 18/25] Update 395 draft --- _i18n/ja/_posts/2018/2018-08-06-395draft.md | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2018/2018-08-06-395draft.md b/_i18n/ja/_posts/2018/2018-08-06-395draft.md index 6cfcfe6c652..e65957433be 100644 --- a/_i18n/ja/_posts/2018/2018-08-06-395draft.md +++ b/_i18n/ja/_posts/2018/2018-08-06-395draft.md @@ -2,7 +2,7 @@ title: "2018-08-06のJS: " author: "azu" layout: post -date : 2018-08-06T23:07:27.837Z +date : 2018-08-06T23:30:42.758Z category: JSer tags: - @@ -91,6 +91,16 @@ ESLint 5.3.0リリース。 - [ESLint v5.3.0 - Qiita](https://qiita.com/mysticatea/items/eb99e18d6cc7c3bf9317 "ESLint v5.3.0 - Qiita") - [Promise のコンストラクタに渡した async function 内で throw しても rejected な Promise は作られない（常に fulfilled になる） - Humanity](http://tyru.hatenablog.com/entry/2018/08/04/220530 "Promise のコンストラクタに渡した async function 内で throw しても rejected な Promise は作られない（常に fulfilled になる） - Humanity") +---- + +## Release 8.3.0 · developit/preact +[github.com/developit/preact/releases/tag/8.3.0](https://github.com/developit/preact/releases/tag/8.3.0 "Release 8.3.0 · developit/preact") +

React library ReleaseNote

+ +Preact 8.3.0リリース。 +`getDerivedStateFromProps`と`getSnapshotBeforeUpdate`に対応。moduleを`.mjs`で出力するように、`setState`の挙動をReactに近づけるように修正など + + ----

アーティクル

From 23c606e9a4946c9a4bbe4e9c3e87d8e26e2ccadb Mon Sep 17 00:00:00 2001 From: azu Date: Tue, 7 Aug 2018 00:48:17 +0000 Subject: [PATCH 19/25] Update 395 draft --- ...-06-395draft.md => 2018-08-07-395draft.md} | 25 +++++++++---------- 1 file changed, 12 insertions(+), 13 deletions(-) rename _i18n/ja/_posts/2018/{2018-08-06-395draft.md => 2018-08-07-395draft.md} (97%) diff --git a/_i18n/ja/_posts/2018/2018-08-06-395draft.md b/_i18n/ja/_posts/2018/2018-08-07-395draft.md similarity index 97% rename from _i18n/ja/_posts/2018/2018-08-06-395draft.md rename to _i18n/ja/_posts/2018/2018-08-07-395draft.md index e65957433be..7604759eaf3 100644 --- a/_i18n/ja/_posts/2018/2018-08-06-395draft.md +++ b/_i18n/ja/_posts/2018/2018-08-07-395draft.md @@ -1,8 +1,8 @@ --- -title: "2018-08-06のJS: " +title: "2018-08-07のJS: " author: "azu" layout: post -date : 2018-08-06T23:30:42.758Z +date : 2018-08-07T00:48:17.784Z category: JSer tags: - @@ -47,17 +47,6 @@ Safari Technology Preview 62リリース。 ITPデバッグモードの試験的追加、`JSON.stringify`の修正、HLSストリームのキャッシュを無効化、CSS Gridの`gap`プロパティにおける`calc`が動くように修正など ----- - -## Chromium Blog: Chrome 69 Beta: CSS tricks, and more -[blog.chromium.org/2018/08/chrome-69-beta-av1-video-decoder-css.html](https://blog.chromium.org/2018/08/chrome-69-beta-av1-video-decoder-css.html "Chromium Blog: Chrome 69 Beta: CSS tricks, and more") -

Chrome ReleaseNote

- -Chrome 69βリリース。 -CSS conic gradients、CSS scroll snap、CSS `env()` function。 -またReportingObserver API、Keyboard Map APIのサポートなど - - ---- ## TestCafe v0.21.0 Released | TestCafe @@ -101,6 +90,16 @@ Preact 8.3.0リリース。 `getDerivedStateFromProps`と`getSnapshotBeforeUpdate`に対応。moduleを`.mjs`で出力するように、`setState`の挙動をReactに近づけるように修正など +---- + +## Chromium Blog: Chrome 69 Beta: CSS tricks, and more +[blog.chromium.org/2018/08/chrome-69-beta-av1-video-decoder-css.html](https://blog.chromium.org/2018/08/chrome-69-beta-av1-video-decoder-css.html "Chromium Blog: Chrome 69 Beta: CSS tricks, and more") +

Chrome ReleaseNote

+ +Chrome 69βリリース。 CSS conic gradients、CSS scroll snap、CSS `env()` functionのサポート。 +ReportingObserver API、Keyboard Map APIのサポートなど + + ----

アーティクル

From a7dd30f8f4162e22e0f0f29d2cbac9b814b8b1ae Mon Sep 17 00:00:00 2001 From: azu Date: Tue, 7 Aug 2018 00:52:16 +0000 Subject: [PATCH 20/25] Update 395 draft --- _i18n/ja/_posts/2018/2018-08-07-395draft.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2018/2018-08-07-395draft.md b/_i18n/ja/_posts/2018/2018-08-07-395draft.md index 7604759eaf3..0a2a686c859 100644 --- a/_i18n/ja/_posts/2018/2018-08-07-395draft.md +++ b/_i18n/ja/_posts/2018/2018-08-07-395draft.md @@ -2,7 +2,7 @@ title: "2018-08-07のJS: " author: "azu" layout: post -date : 2018-08-07T00:48:17.784Z +date : 2018-08-07T00:52:16.856Z category: JSer tags: - @@ -99,6 +99,8 @@ Preact 8.3.0リリース。 Chrome 69βリリース。 CSS conic gradients、CSS scroll snap、CSS `env()` functionのサポート。 ReportingObserver API、Keyboard Map APIのサポートなど +- [Audio/Video Updates in Chrome 69  |  Web  |  Google Developers](https://developers.google.com/web/updates/2018/08/chrome-69-media-updates "Audio/Video Updates in Chrome 69  |  Web  |  Google Developers") +- [Deprecations and removals in Chrome 69  |  Web  |  Google Developers](https://developers.google.com/web/updates/2018/08/chrome-69-deps-rems "Deprecations and removals in Chrome 69  |  Web  |  Google Developers") ----

アーティクル

From 2aa10284fca114ae6d14b18055d39ce24db15b78 Mon Sep 17 00:00:00 2001 From: azu Date: Tue, 7 Aug 2018 00:52:37 +0000 Subject: [PATCH 21/25] Update 395 draft --- _i18n/ja/_posts/2018/2018-08-07-395draft.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2018/2018-08-07-395draft.md b/_i18n/ja/_posts/2018/2018-08-07-395draft.md index 0a2a686c859..d19865db966 100644 --- a/_i18n/ja/_posts/2018/2018-08-07-395draft.md +++ b/_i18n/ja/_posts/2018/2018-08-07-395draft.md @@ -2,7 +2,7 @@ title: "2018-08-07のJS: " author: "azu" layout: post -date : 2018-08-07T00:52:16.856Z +date : 2018-08-07T00:52:37.711Z category: JSer tags: - @@ -101,6 +101,7 @@ ReportingObserver API、Keyboard Map APIのサポートなど - [Audio/Video Updates in Chrome 69  |  Web  |  Google Developers](https://developers.google.com/web/updates/2018/08/chrome-69-media-updates "Audio/Video Updates in Chrome 69  |  Web  |  Google Developers") - [Deprecations and removals in Chrome 69  |  Web  |  Google Developers](https://developers.google.com/web/updates/2018/08/chrome-69-deps-rems "Deprecations and removals in Chrome 69  |  Web  |  Google Developers") +- [Chrome Platform Status](https://www.chromestatus.com/features#browsers.chrome.desktop%3D69 "Chrome Platform Status") ----

アーティクル

From f6dfef1d0c8b69f0cab92c87ddd20d63ef164045 Mon Sep 17 00:00:00 2001 From: azu Date: Tue, 7 Aug 2018 10:17:29 +0900 Subject: [PATCH 22/25] Update 2018-08-07-395draft.md --- _i18n/ja/_posts/2018/2018-08-07-395draft.md | 56 +++++++++++++++++++-- 1 file changed, 53 insertions(+), 3 deletions(-) diff --git a/_i18n/ja/_posts/2018/2018-08-07-395draft.md b/_i18n/ja/_posts/2018/2018-08-07-395draft.md index d19865db966..7a0d12566b2 100644 --- a/_i18n/ja/_posts/2018/2018-08-07-395draft.md +++ b/_i18n/ja/_posts/2018/2018-08-07-395draft.md @@ -1,15 +1,65 @@ --- -title: "2018-08-07のJS: " +title: "2018-08-07のJS: Chrome 69 Beta、React/Vue/PreactのSSR XSSの修正、Preact 8.3.0" author: "azu" layout: post date : 2018-08-07T00:52:37.711Z category: JSer tags: -- +- chrome +- react +- vue +- preact --- -JSer.info #395 +JSer.info #395 - Chrome 69 Betaがリリースされました。 + +- [Chromium Blog: Chrome 69 Beta: CSS tricks, and more](https://blog.chromium.org/2018/08/chrome-69-beta-av1-video-decoder-css.html) +- [Audio/Video Updates in Chrome 69  |  Web  |  Google Developers](https://developers.google.com/web/updates/2018/08/chrome-69-media-updates "Audio/Video Updates in Chrome 69  |  Web  |  Google Developers") +- [Deprecations and removals in Chrome 69  |  Web  |  Google Developers](https://developers.google.com/web/updates/2018/08/chrome-69-deps-rems "Deprecations and removals in Chrome 69  |  Web  |  Google Developers") +- [Chrome Platform Status](https://www.chromestatus.com/features#browsers.chrome.desktop%3D69 "Chrome Platform Status") + +CSS conic gradients、CSS scroll snap、CSS `env()` functionのサポートなどCSSの変更が多く行われています。 +またOffscreenCanvasや +[ReportingObserver API](https://developers.google.com/web/updates/2018/07/reportingobserver)、[Keyboard Map API](https://github.com/WICG/keyboard-map)のサポートなどが行われています。 + +WebRTCやメディア系のアップデートは[Audio/Video Updates in Chrome 69  |  Web  |  Google Developers](https://developers.google.com/web/updates/2018/08/chrome-69-media-updates "Audio/Video Updates in Chrome 69  |  Web  |  Google Developers")にまとめられています。 + +--- + +React 16.4.2でSSR（サーバサイドレンダリング）時に発生するXSSが修正されています。 + +- [React v16.4.2: Server-side vulnerability fix - React Blog](https://reactjs.org/blog/2018/08/01/react-v-16-4-2.html) + +あまりないパターンだと思いますが任意の値を属性値として使っている場合に、SSR時にその属性値がタグとして出力されてしまう問題が修正されています。 + +```js +let userProvidedData = '>'; +let props = {}; +props[userProvidedData] = "hello"; +let element =
; +let html = ReactDOMServer.renderToString(element); +//
+``` + +VueとPreactに同様の問題があることが[Reactチームによって報告](https://github.com/facebook/react/pull/13302)されていたため、あわせて修正がリリースされています。 + + + + + + + +---- + +Preact 8.3.0がリリースされました。 + +- [Release 8.3.0 · developit/preact](https://github.com/developit/preact/releases/tag/8.3.0) + +[React v16.3.0](https://reactjs.org/blog/2018/03/29/react-v-16-3.html)で追加された +`getDerivedStateFromProps`と`getSnapshotBeforeUpdate`に対応しています。 +またmoduleを`.mjs`で出力するように、`setState`の挙動をReactに近づけるように修正などが行われています。 + ---- From 6b4d45415add4aec9c4cd28ba07cf035aee72462 Mon Sep 17 00:00:00 2001 From: "probot-for-jser-info[bot]" Date: Tue, 7 Aug 2018 01:17:33 +0000 Subject: [PATCH 23/25] Move _i18n/ja/_posts/2018/2018-08-07-395draft.md to _i18n/ja/_posts/2018/2018-08-07-chrome-69-betareactvuepreactssr-xsspreact-8.3.0.md --- ...9-betareactvuepreactssr-xsspreact-8.3.0.md | 260 ++++++++++++++++++ 1 file changed, 260 insertions(+) create mode 100644 _i18n/ja/_posts/2018/2018-08-07-chrome-69-betareactvuepreactssr-xsspreact-8.3.0.md diff --git a/_i18n/ja/_posts/2018/2018-08-07-chrome-69-betareactvuepreactssr-xsspreact-8.3.0.md b/_i18n/ja/_posts/2018/2018-08-07-chrome-69-betareactvuepreactssr-xsspreact-8.3.0.md new file mode 100644 index 00000000000..7a0d12566b2 --- /dev/null +++ b/_i18n/ja/_posts/2018/2018-08-07-chrome-69-betareactvuepreactssr-xsspreact-8.3.0.md @@ -0,0 +1,260 @@ +--- +title: "2018-08-07のJS: Chrome 69 Beta、React/Vue/PreactのSSR XSSの修正、Preact 8.3.0" +author: "azu" +layout: post +date : 2018-08-07T00:52:37.711Z +category: JSer +tags: +- chrome +- react +- vue +- preact + +--- + +JSer.info #395 - Chrome 69 Betaがリリースされました。 + +- [Chromium Blog: Chrome 69 Beta: CSS tricks, and more](https://blog.chromium.org/2018/08/chrome-69-beta-av1-video-decoder-css.html) +- [Audio/Video Updates in Chrome 69  |  Web  |  Google Developers](https://developers.google.com/web/updates/2018/08/chrome-69-media-updates "Audio/Video Updates in Chrome 69  |  Web  |  Google Developers") +- [Deprecations and removals in Chrome 69  |  Web  |  Google Developers](https://developers.google.com/web/updates/2018/08/chrome-69-deps-rems "Deprecations and removals in Chrome 69  |  Web  |  Google Developers") +- [Chrome Platform Status](https://www.chromestatus.com/features#browsers.chrome.desktop%3D69 "Chrome Platform Status") + +CSS conic gradients、CSS scroll snap、CSS `env()` functionのサポートなどCSSの変更が多く行われています。 +またOffscreenCanvasや +[ReportingObserver API](https://developers.google.com/web/updates/2018/07/reportingobserver)、[Keyboard Map API](https://github.com/WICG/keyboard-map)のサポートなどが行われています。 + +WebRTCやメディア系のアップデートは[Audio/Video Updates in Chrome 69  |  Web  |  Google Developers](https://developers.google.com/web/updates/2018/08/chrome-69-media-updates "Audio/Video Updates in Chrome 69  |  Web  |  Google Developers")にまとめられています。 + +--- + +React 16.4.2でSSR（サーバサイドレンダリング）時に発生するXSSが修正されています。 + +- [React v16.4.2: Server-side vulnerability fix - React Blog](https://reactjs.org/blog/2018/08/01/react-v-16-4-2.html) + +あまりないパターンだと思いますが任意の値を属性値として使っている場合に、SSR時にその属性値がタグとして出力されてしまう問題が修正されています。 + +```js +let userProvidedData = '>
'; +let props = {}; +props[userProvidedData] = "hello"; +let element =
; +let html = ReactDOMServer.renderToString(element); +//
+``` + +VueとPreactに同様の問題があることが[Reactチームによって報告](https://github.com/facebook/react/pull/13302)されていたため、あわせて修正がリリースされています。 + + + + + + + +---- + +Preact 8.3.0がリリースされました。 + +- [Release 8.3.0 · developit/preact](https://github.com/developit/preact/releases/tag/8.3.0) + +[React v16.3.0](https://reactjs.org/blog/2018/03/29/react-v-16-3.html)で追加された +`getDerivedStateFromProps`と`getSnapshotBeforeUpdate`に対応しています。 +またmoduleを`.mjs`で出力するように、`setState`の挙動をReactに近づけるように修正などが行われています。 + + +---- + +

ヘッドライン

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

node.js npm ReleaseNote

+ +Node v10.8.0リリース。 +npm 6.2.0が同梱されるようになった。 + + +---- + +## React v16.4.2: Server-side vulnerability fix - React Blog +[reactjs.org/blog/2018/08/01/react-v-16-4-2.html](https://reactjs.org/blog/2018/08/01/react-v-16-4-2.html "React v16.4.2: Server-side vulnerability fix - React Blog") +

React ReleaseNote security

+ +React 16.4.2リリース。 +SSRにおいてユーザー入力をコンポーネントの属性名に渡せるとXSSが発生する問題を修正。 +minorごとに同様のpatchリリースが公開されている。 +VueとPreactも同様の問題があり、合わせてsecurity fixがリリースされた。 + + +---- + +## Release Notes for Safari Technology Preview 62 | WebKit +[webkit.org/blog/8384/release-notes-for-safari-technology-preview-62/](https://webkit.org/blog/8384/release-notes-for-safari-technology-preview-62/ "Release Notes for Safari Technology Preview 62 | WebKit") +

safari ReleaseNote

+ +Safari Technology Preview 62リリース。 +ITPデバッグモードの試験的追加、`JSON.stringify`の修正、HLSストリームのキャッシュを無効化、CSS Gridの`gap`プロパティにおける`calc`が動くように修正など + + +---- + +## TestCafe v0.21.0 Released | TestCafe +[devexpress.github.io/testcafe/blog/testcafe-v0-21-0-released.html](http://devexpress.github.io/testcafe/blog/testcafe-v0-21-0-released.html "TestCafe v0.21.0 Released | TestCafe") +

browser testing E2E ReleaseNote

+ +TestCafe v0.21.0リリース。 +テストページをHTTPSでアクセスできるように、スクリーンショットのパスに変数を使えるようになるなど + + +---- + +## Dojo Version 3.0 | Dojo +[dojo.io/blog/2018/07/27/2018-07-27-Dojo-version-3-release/](https://dojo.io/blog/2018/07/27/2018-07-27-Dojo-version-3-release/ "Dojo Version 3.0 | Dojo") +

JavaScript library ReleaseNote

+ +Dojo 3.0リリース。 +パッケージが細かく別れていたものを`@dojo/framework`に統合して利用できるように変更。マイグレーションスクリプトも公開されている。 + +- [framework/V3-Migration-Guide.md at master · dojo/framework](https://github.com/dojo/framework/blob/master/docs/V3-Migration-Guide.md "framework/V3-Migration-Guide.md at master · dojo/framework") + +---- + +## ESLint v5.3.0 released - ESLint - Pluggable JavaScript linter +[eslint.org/blog/2018/08/eslint-v5.3.0-released](https://eslint.org/blog/2018/08/eslint-v5.3.0-released "ESLint v5.3.0 released - ESLint - Pluggable JavaScript linter") +

ESLint ReleaseNote

+ +ESLint 5.3.0リリース。 +正規表現に関するルールが2つ、Async Functionに関するルールが2つ追加された。 + +- [ESLint v5.3.0 - Qiita](https://qiita.com/mysticatea/items/eb99e18d6cc7c3bf9317 "ESLint v5.3.0 - Qiita") +- [Promise のコンストラクタに渡した async function 内で throw しても rejected な Promise は作られない（常に fulfilled になる） - Humanity](http://tyru.hatenablog.com/entry/2018/08/04/220530 "Promise のコンストラクタに渡した async function 内で throw しても rejected な Promise は作られない（常に fulfilled になる） - Humanity") + +---- + +## Release 8.3.0 · developit/preact +[github.com/developit/preact/releases/tag/8.3.0](https://github.com/developit/preact/releases/tag/8.3.0 "Release 8.3.0 · developit/preact") +

React library ReleaseNote

+ +Preact 8.3.0リリース。 +`getDerivedStateFromProps`と`getSnapshotBeforeUpdate`に対応。moduleを`.mjs`で出力するように、`setState`の挙動をReactに近づけるように修正など + + +---- + +## Chromium Blog: Chrome 69 Beta: CSS tricks, and more +[blog.chromium.org/2018/08/chrome-69-beta-av1-video-decoder-css.html](https://blog.chromium.org/2018/08/chrome-69-beta-av1-video-decoder-css.html "Chromium Blog: Chrome 69 Beta: CSS tricks, and more") +

Chrome ReleaseNote

+ +Chrome 69βリリース。 CSS conic gradients、CSS scroll snap、CSS `env()` functionのサポート。 +ReportingObserver API、Keyboard Map APIのサポートなど + +- [Audio/Video Updates in Chrome 69  |  Web  |  Google Developers](https://developers.google.com/web/updates/2018/08/chrome-69-media-updates "Audio/Video Updates in Chrome 69  |  Web  |  Google Developers") +- [Deprecations and removals in Chrome 69  |  Web  |  Google Developers](https://developers.google.com/web/updates/2018/08/chrome-69-deps-rems "Deprecations and removals in Chrome 69  |  Web  |  Google Developers") +- [Chrome Platform Status](https://www.chromestatus.com/features#browsers.chrome.desktop%3D69 "Chrome Platform Status") + +---- +

アーティクル

+ +---- + +## Vue.js で XSS を作り込まないために気を付けること - SSTエンジニアブログ +[techblog.securesky-tech.com/entry/2018/08/01/110000](https://techblog.securesky-tech.com/entry/2018/08/01/110000 "Vue.js で XSS を作り込まないために気を付けること - SSTエンジニアブログ") +

Vue security article XSS

+ +Vue.jsでXSSが発生するポイントについての解説。 +`v-html`、`href`のバインディグ、サーバサイドのテンプレートとCSRでのエスケープ漏れなどについて + + +---- + +## JSDocで型チェックする - Qiita +[qiita.com/shisama/items/016288d38165d542fffd](https://qiita.com/shisama/items/016288d38165d542fffd "JSDocで型チェックする - Qiita") +

TypeScript article

+ +TypeScriptの`allowJs`と`checkJs`を使ったJavaScriptでの型チェックについて。 +JSDocで書いた型アノテーションや型定義ファイルを元に型チェックを行う方法について + + +---- + +## The Cost Of JavaScript In 2018 – Addy Osmani – Medium +[medium.com/@addyosmani/the-cost-of-javascript-in-2018-7d8950fbb5d4](https://medium.com/@addyosmani/the-cost-of-javascript-in-2018-7d8950fbb5d4 "The Cost Of JavaScript In 2018 – Addy Osmani – Medium") +

JavaScript article performance

+ +JavaScriptのパフォーマンスコストについての記事。 +ファイルサイズ、ロード時間、インタラクティブになるまでの時間、モバイルや低スペックマシンでのコスト。 +またパフォーマンスを改善するパターンなどについて + + +---- + +## I created the exact same app in React and Vue. Here are the differences. +[medium.com/javascript-in-plain-english/i-created-the-exact-same-app-in-react-and-vue-here-are-the-differences-e9a1ae8077fd](https://medium.com/javascript-in-plain-english/i-created-the-exact-same-app-in-react-and-vue-here-are-the-differences-e9a1ae8077fd "I created the exact same app in React and Vue. Here are the differences.") +

Vue React article

+ +VueとReactで同じTodoアプリを作って比較する記事。 +処理ごとにそれぞれのやり方を比較して紹介している。 + + +---- + +## ちゃんと理解するCode Splitting - Qiita +[qiita.com/seya/items/06b160adb7801ae9e66f](https://qiita.com/seya/items/06b160adb7801ae9e66f "ちゃんと理解するCode Splitting - Qiita") +

webpack article JavaScript

+ +webpackにおけるCode Splittingの動作の解説。Code Splittingのメリットとデメリット。 +Code SplittingするUIのパターンやDynamic Import、`webpackPrefetch`オプション、VueやReactでの対応についてなど + + +---- +

スライド、動画関係

+ +---- + +## Storybook Tutorial +[www.learnstorybook.com/](https://www.learnstorybook.com/ "Storybook Tutorial") +

React Angular Vue tutorial

+ +Storybookのチュートリアル。 +React、Angular、Vueに対応したStirybookでのコンポーネント開発やChromaticを使ったビジュアルテストなどについて書かれている + +- [Chromatic visual testing for React](https://www.chromaticqa.com/ "Chromatic visual testing for React") + +---- +

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

+ +---- + +## Frontend News +[frontendnews.io/](https://frontendnews.io/ "Frontend News") +

CSS DOM JavaScript mail web

+ +フロントエンドに関する1週間に1つのTipsについてを更新するサイト + + +---- +

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

+ +---- + +## Fusion.js Documentation +[fusionjs.com/](https://fusionjs.com/ "Fusion.js Documentation") +

JavaScript library plugin browser node.js

+ +UberのプラグインベースなBrowser/Node.jsウェブフレームワーク。コアにプラグインの仕組みとDIの仕組みを持ち、ReactやRedux、KoaなどUberがよく利用しているものをプラグインとして導入できる。 +webpackやbabelなどをラップするcliがあり、create-react-appのように設定ファイルを触らずに開発ができる。 + +- [Introducing Fusion.js: A Plugin-based Universal Web Framework](https://eng.uber.com/fusionjs/ "Introducing Fusion.js: A Plugin-based Universal Web Framework") + +---- + +## sasha240100/between.js: Lightweight JavaScript (ES6) tweening engine +[github.com/sasha240100/between.js](https://github.com/sasha240100/between.js "sasha240100/between.js: Lightweight JavaScript (ES6) tweening engine") +

JavaScript library

+ +AからBへ値の変化を扱えるライブラリ。 +Tweening animationのような特定のイージングやループでの値の変化を扱う。 + + +---- From 6a75ba60bcdde591749874f78948cb2d66bb87d8 Mon Sep 17 00:00:00 2001 From: "probot-for-jser-info[bot]" Date: Tue, 7 Aug 2018 01:17:34 +0000 Subject: [PATCH 24/25] Remove _i18n/ja/_posts/2018/2018-08-07-395draft.md --- _i18n/ja/_posts/2018/2018-08-07-395draft.md | 260 -------------------- 1 file changed, 260 deletions(-) delete mode 100644 _i18n/ja/_posts/2018/2018-08-07-395draft.md diff --git a/_i18n/ja/_posts/2018/2018-08-07-395draft.md b/_i18n/ja/_posts/2018/2018-08-07-395draft.md deleted file mode 100644 index 7a0d12566b2..00000000000 --- a/_i18n/ja/_posts/2018/2018-08-07-395draft.md +++ /dev/null @@ -1,260 +0,0 @@ ---- -title: "2018-08-07のJS: Chrome 69 Beta、React/Vue/PreactのSSR XSSの修正、Preact 8.3.0" -author: "azu" -layout: post -date : 2018-08-07T00:52:37.711Z -category: JSer -tags: -- chrome -- react -- vue -- preact - ---- - -JSer.info #395 - Chrome 69 Betaがリリースされました。 - -- [Chromium Blog: Chrome 69 Beta: CSS tricks, and more](https://blog.chromium.org/2018/08/chrome-69-beta-av1-video-decoder-css.html) -- [Audio/Video Updates in Chrome 69  |  Web  |  Google Developers](https://developers.google.com/web/updates/2018/08/chrome-69-media-updates "Audio/Video Updates in Chrome 69  |  Web  |  Google Developers") -- [Deprecations and removals in Chrome 69  |  Web  |  Google Developers](https://developers.google.com/web/updates/2018/08/chrome-69-deps-rems "Deprecations and removals in Chrome 69  |  Web  |  Google Developers") -- [Chrome Platform Status](https://www.chromestatus.com/features#browsers.chrome.desktop%3D69 "Chrome Platform Status") - -CSS conic gradients、CSS scroll snap、CSS `env()` functionのサポートなどCSSの変更が多く行われています。 -またOffscreenCanvasや -[ReportingObserver API](https://developers.google.com/web/updates/2018/07/reportingobserver)、[Keyboard Map API](https://github.com/WICG/keyboard-map)のサポートなどが行われています。 - -WebRTCやメディア系のアップデートは[Audio/Video Updates in Chrome 69  |  Web  |  Google Developers](https://developers.google.com/web/updates/2018/08/chrome-69-media-updates "Audio/Video Updates in Chrome 69  |  Web  |  Google Developers")にまとめられています。 - ---- - -React 16.4.2でSSR（サーバサイドレンダリング）時に発生するXSSが修正されています。 - -- [React v16.4.2: Server-side vulnerability fix - React Blog](https://reactjs.org/blog/2018/08/01/react-v-16-4-2.html) - -あまりないパターンだと思いますが任意の値を属性値として使っている場合に、SSR時にその属性値がタグとして出力されてしまう問題が修正されています。 - -```js -let userProvidedData = '>
'; -let props = {}; -props[userProvidedData] = "hello"; -let element =
; -let html = ReactDOMServer.renderToString(element); -//
-``` - -VueとPreactに同様の問題があることが[Reactチームによって報告](https://github.com/facebook/react/pull/13302)されていたため、あわせて修正がリリースされています。 - - - - - - - ----- - -Preact 8.3.0がリリースされました。 - -- [Release 8.3.0 · developit/preact](https://github.com/developit/preact/releases/tag/8.3.0) - -[React v16.3.0](https://reactjs.org/blog/2018/03/29/react-v-16-3.html)で追加された -`getDerivedStateFromProps`と`getSnapshotBeforeUpdate`に対応しています。 -またmoduleを`.mjs`で出力するように、`setState`の挙動をReactに近づけるように修正などが行われています。 - - ----- - -

ヘッドライン

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

node.js npm ReleaseNote

- -Node v10.8.0リリース。 -npm 6.2.0が同梱されるようになった。 - - ----- - -## React v16.4.2: Server-side vulnerability fix - React Blog -[reactjs.org/blog/2018/08/01/react-v-16-4-2.html](https://reactjs.org/blog/2018/08/01/react-v-16-4-2.html "React v16.4.2: Server-side vulnerability fix - React Blog") -

React ReleaseNote security

- -React 16.4.2リリース。 -SSRにおいてユーザー入力をコンポーネントの属性名に渡せるとXSSが発生する問題を修正。 -minorごとに同様のpatchリリースが公開されている。 -VueとPreactも同様の問題があり、合わせてsecurity fixがリリースされた。 - - ----- - -## Release Notes for Safari Technology Preview 62 | WebKit -[webkit.org/blog/8384/release-notes-for-safari-technology-preview-62/](https://webkit.org/blog/8384/release-notes-for-safari-technology-preview-62/ "Release Notes for Safari Technology Preview 62 | WebKit") -

safari ReleaseNote

- -Safari Technology Preview 62リリース。 -ITPデバッグモードの試験的追加、`JSON.stringify`の修正、HLSストリームのキャッシュを無効化、CSS Gridの`gap`プロパティにおける`calc`が動くように修正など - - ----- - -## TestCafe v0.21.0 Released | TestCafe -[devexpress.github.io/testcafe/blog/testcafe-v0-21-0-released.html](http://devexpress.github.io/testcafe/blog/testcafe-v0-21-0-released.html "TestCafe v0.21.0 Released | TestCafe") -

browser testing E2E ReleaseNote

- -TestCafe v0.21.0リリース。 -テストページをHTTPSでアクセスできるように、スクリーンショットのパスに変数を使えるようになるなど - - ----- - -## Dojo Version 3.0 | Dojo -[dojo.io/blog/2018/07/27/2018-07-27-Dojo-version-3-release/](https://dojo.io/blog/2018/07/27/2018-07-27-Dojo-version-3-release/ "Dojo Version 3.0 | Dojo") -

JavaScript library ReleaseNote

- -Dojo 3.0リリース。 -パッケージが細かく別れていたものを`@dojo/framework`に統合して利用できるように変更。マイグレーションスクリプトも公開されている。 - -- [framework/V3-Migration-Guide.md at master · dojo/framework](https://github.com/dojo/framework/blob/master/docs/V3-Migration-Guide.md "framework/V3-Migration-Guide.md at master · dojo/framework") - ----- - -## ESLint v5.3.0 released - ESLint - Pluggable JavaScript linter -[eslint.org/blog/2018/08/eslint-v5.3.0-released](https://eslint.org/blog/2018/08/eslint-v5.3.0-released "ESLint v5.3.0 released - ESLint - Pluggable JavaScript linter") -

ESLint ReleaseNote

- -ESLint 5.3.0リリース。 -正規表現に関するルールが2つ、Async Functionに関するルールが2つ追加された。 - -- [ESLint v5.3.0 - Qiita](https://qiita.com/mysticatea/items/eb99e18d6cc7c3bf9317 "ESLint v5.3.0 - Qiita") -- [Promise のコンストラクタに渡した async function 内で throw しても rejected な Promise は作られない（常に fulfilled になる） - Humanity](http://tyru.hatenablog.com/entry/2018/08/04/220530 "Promise のコンストラクタに渡した async function 内で throw しても rejected な Promise は作られない（常に fulfilled になる） - Humanity") - ----- - -## Release 8.3.0 · developit/preact -[github.com/developit/preact/releases/tag/8.3.0](https://github.com/developit/preact/releases/tag/8.3.0 "Release 8.3.0 · developit/preact") -

React library ReleaseNote

- -Preact 8.3.0リリース。 -`getDerivedStateFromProps`と`getSnapshotBeforeUpdate`に対応。moduleを`.mjs`で出力するように、`setState`の挙動をReactに近づけるように修正など - - ----- - -## Chromium Blog: Chrome 69 Beta: CSS tricks, and more -[blog.chromium.org/2018/08/chrome-69-beta-av1-video-decoder-css.html](https://blog.chromium.org/2018/08/chrome-69-beta-av1-video-decoder-css.html "Chromium Blog: Chrome 69 Beta: CSS tricks, and more") -

Chrome ReleaseNote

- -Chrome 69βリリース。 CSS conic gradients、CSS scroll snap、CSS `env()` functionのサポート。 -ReportingObserver API、Keyboard Map APIのサポートなど - -- [Audio/Video Updates in Chrome 69  |  Web  |  Google Developers](https://developers.google.com/web/updates/2018/08/chrome-69-media-updates "Audio/Video Updates in Chrome 69  |  Web  |  Google Developers") -- [Deprecations and removals in Chrome 69  |  Web  |  Google Developers](https://developers.google.com/web/updates/2018/08/chrome-69-deps-rems "Deprecations and removals in Chrome 69  |  Web  |  Google Developers") -- [Chrome Platform Status](https://www.chromestatus.com/features#browsers.chrome.desktop%3D69 "Chrome Platform Status") - ----- -

アーティクル

- ----- - -## Vue.js で XSS を作り込まないために気を付けること - SSTエンジニアブログ -[techblog.securesky-tech.com/entry/2018/08/01/110000](https://techblog.securesky-tech.com/entry/2018/08/01/110000 "Vue.js で XSS を作り込まないために気を付けること - SSTエンジニアブログ") -

Vue security article XSS

- -Vue.jsでXSSが発生するポイントについての解説。 -`v-html`、`href`のバインディグ、サーバサイドのテンプレートとCSRでのエスケープ漏れなどについて - - ----- - -## JSDocで型チェックする - Qiita -[qiita.com/shisama/items/016288d38165d542fffd](https://qiita.com/shisama/items/016288d38165d542fffd "JSDocで型チェックする - Qiita") -

TypeScript article

- -TypeScriptの`allowJs`と`checkJs`を使ったJavaScriptでの型チェックについて。 -JSDocで書いた型アノテーションや型定義ファイルを元に型チェックを行う方法について - - ----- - -## The Cost Of JavaScript In 2018 – Addy Osmani – Medium -[medium.com/@addyosmani/the-cost-of-javascript-in-2018-7d8950fbb5d4](https://medium.com/@addyosmani/the-cost-of-javascript-in-2018-7d8950fbb5d4 "The Cost Of JavaScript In 2018 – Addy Osmani – Medium") -

JavaScript article performance

- -JavaScriptのパフォーマンスコストについての記事。 -ファイルサイズ、ロード時間、インタラクティブになるまでの時間、モバイルや低スペックマシンでのコスト。 -またパフォーマンスを改善するパターンなどについて - - ----- - -## I created the exact same app in React and Vue. Here are the differences. -[medium.com/javascript-in-plain-english/i-created-the-exact-same-app-in-react-and-vue-here-are-the-differences-e9a1ae8077fd](https://medium.com/javascript-in-plain-english/i-created-the-exact-same-app-in-react-and-vue-here-are-the-differences-e9a1ae8077fd "I created the exact same app in React and Vue. Here are the differences.") -

Vue React article

- -VueとReactで同じTodoアプリを作って比較する記事。 -処理ごとにそれぞれのやり方を比較して紹介している。 - - ----- - -## ちゃんと理解するCode Splitting - Qiita -[qiita.com/seya/items/06b160adb7801ae9e66f](https://qiita.com/seya/items/06b160adb7801ae9e66f "ちゃんと理解するCode Splitting - Qiita") -

webpack article JavaScript

- -webpackにおけるCode Splittingの動作の解説。Code Splittingのメリットとデメリット。 -Code SplittingするUIのパターンやDynamic Import、`webpackPrefetch`オプション、VueやReactでの対応についてなど - - ----- -

スライド、動画関係

- ----- - -## Storybook Tutorial -[www.learnstorybook.com/](https://www.learnstorybook.com/ "Storybook Tutorial") -

React Angular Vue tutorial

- -Storybookのチュートリアル。 -React、Angular、Vueに対応したStirybookでのコンポーネント開発やChromaticを使ったビジュアルテストなどについて書かれている - -- [Chromatic visual testing for React](https://www.chromaticqa.com/ "Chromatic visual testing for React") - ----- -

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

- ----- - -## Frontend News -[frontendnews.io/](https://frontendnews.io/ "Frontend News") -

CSS DOM JavaScript mail web

- -フロントエンドに関する1週間に1つのTipsについてを更新するサイト - - ----- -

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

- ----- - -## Fusion.js Documentation -[fusionjs.com/](https://fusionjs.com/ "Fusion.js Documentation") -

JavaScript library plugin browser node.js

- -UberのプラグインベースなBrowser/Node.jsウェブフレームワーク。コアにプラグインの仕組みとDIの仕組みを持ち、ReactやRedux、KoaなどUberがよく利用しているものをプラグインとして導入できる。 -webpackやbabelなどをラップするcliがあり、create-react-appのように設定ファイルを触らずに開発ができる。 - -- [Introducing Fusion.js: A Plugin-based Universal Web Framework](https://eng.uber.com/fusionjs/ "Introducing Fusion.js: A Plugin-based Universal Web Framework") - ----- - -## sasha240100/between.js: Lightweight JavaScript (ES6) tweening engine -[github.com/sasha240100/between.js](https://github.com/sasha240100/between.js "sasha240100/between.js: Lightweight JavaScript (ES6) tweening engine") -

JavaScript library

- -AからBへ値の変化を扱えるライブラリ。 -Tweening animationのような特定のイージングやループでの値の変化を扱う。 - - ----- From 4ac845e2623562db56dc17a598393052b54223fd Mon Sep 17 00:00:00 2001 From: azu Date: Tue, 7 Aug 2018 10:19:41 +0900 Subject: [PATCH 25/25] Update 2018-08-07-chrome-69-betareactvuepreactssr-xsspreact-8.3.0.md --- ...8-08-07-chrome-69-betareactvuepreactssr-xsspreact-8.3.0.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/_i18n/ja/_posts/2018/2018-08-07-chrome-69-betareactvuepreactssr-xsspreact-8.3.0.md b/_i18n/ja/_posts/2018/2018-08-07-chrome-69-betareactvuepreactssr-xsspreact-8.3.0.md index 7a0d12566b2..1d5d93f7348 100644 --- a/_i18n/ja/_posts/2018/2018-08-07-chrome-69-betareactvuepreactssr-xsspreact-8.3.0.md +++ b/_i18n/ja/_posts/2018/2018-08-07-chrome-69-betareactvuepreactssr-xsspreact-8.3.0.md @@ -31,7 +31,7 @@ React 16.4.2でSSR（サーバサイドレンダリング）時に発生するXS - [React v16.4.2: Server-side vulnerability fix - React Blog](https://reactjs.org/blog/2018/08/01/react-v-16-4-2.html) -あまりないパターンだと思いますが任意の値を属性値として使っている場合に、SSR時にその属性値がタグとして出力されてしまう問題が修正されています。 +あまりないパターンだと思いますが、タグ文字列を含む任意の値を属性値として使っている場合に、SSR時にその属性値がタグとして出力されてしまう問題が修正されています。 ```js let userProvidedData = '>
'; @@ -42,7 +42,7 @@ let html = ReactDOMServer.renderToString(element); //
``` -VueとPreactに同様の問題があることが[Reactチームによって報告](https://github.com/facebook/react/pull/13302)されていたため、あわせて修正がリリースされています。 +VueとPreactの同様の問題が[Reactチームによって報告](https://github.com/facebook/react/pull/13302)されており、同時に修正がリリースされています。