From 739849e1ee06b870bdd6e3a6f69b3b999ed15e4c Mon Sep 17 00:00:00 2001 From: azu Date: Tue, 17 Apr 2018 15:42:42 +0000 Subject: [PATCH 01/21] Update 380 draft --- _i18n/ja/_posts/2018/2018-04-17-380draft.md | 27 +++++++++++++++++++++ 1 file changed, 27 insertions(+) create mode 100644 _i18n/ja/_posts/2018/2018-04-17-380draft.md diff --git a/_i18n/ja/_posts/2018/2018-04-17-380draft.md b/_i18n/ja/_posts/2018/2018-04-17-380draft.md new file mode 100644 index 00000000000..ce4c14fe845 --- /dev/null +++ b/_i18n/ja/_posts/2018/2018-04-17-380draft.md @@ -0,0 +1,27 @@ +--- +title: "2018-04-17のJS: " +author: "azu" +layout: post +date : 2018-04-17T15:42:42.386Z +category: JSer +tags: +- + +--- + +JSer.info #380 + +---- + +

スライド、動画関係

+ +---- + +## Progressive Web App Roadshow - YouTube - YouTube +[www.youtube.com/playlist?list=PLNYkxOF6rcICnIOm4cfylT0-cEfytBtYt](https://www.youtube.com/playlist?list=PLNYkxOF6rcICnIOm4cfylT0-cEfytBtYt "Progressive Web App Roadshow - YouTube - YouTube") +

PWA video google opinion

+ +Progressive Web App(PWA)の概要や何を解決しようとしているものなのか、実装にはなにが必要なのかなどを解説してるシリーズ動画。 + + +---- From ae6d6c705cae77d92bf631d256a48f1bb4c192b4 Mon Sep 17 00:00:00 2001 From: azu Date: Tue, 17 Apr 2018 23:13:07 +0000 Subject: [PATCH 02/21] Update 380 draft --- _i18n/ja/_posts/2018/2018-04-17-380draft.md | 17 ++++++++++++++++- 1 file changed, 16 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2018/2018-04-17-380draft.md b/_i18n/ja/_posts/2018/2018-04-17-380draft.md index ce4c14fe845..72278a4334d 100644 --- a/_i18n/ja/_posts/2018/2018-04-17-380draft.md +++ b/_i18n/ja/_posts/2018/2018-04-17-380draft.md @@ -2,7 +2,7 @@ title: "2018-04-17のJS: " author: "azu" layout: post -date : 2018-04-17T15:42:42.386Z +date : 2018-04-17T23:13:07.285Z category: JSer tags: - @@ -13,6 +13,21 @@ JSer.info #380 ---- +

ヘッドライン

+ +---- + +## NIC025 v2 FINAL - YouTube +[www.youtube.com/embed/hsfueop\_Hb8?autohide=1&showinfo=0&enablejsapi=1](https://www.youtube.com/embed/hsfueop_Hb8?autohide=1&showinfo=0&enablejsapi=1 "NIC025 v2 FINAL - YouTube") +

Chrome ReleaseNote

+ +Chrome 66リリース。 +JSがJSONのsupersetに、trimStart/trimEndのサポート、catch節の引数省略に対応。 +CSS Typed OM、CSS Paint API、AudioWorklet、Mediaの`autoplay`のpolicy変更、Fetch APIが`keepalive`オプションをサポートなど + +- [Chromium Blog: Chrome 66 Beta: CSS Typed Object Model, Async Clipboard API, AudioWorklet](https://blog.chromium.org/2018/03/chrome-66-beta-css-typed-object-model.html "Chromium Blog: Chrome 66 Beta: CSS Typed Object Model, Async Clipboard API, AudioWorklet") + +----

スライド、動画関係

---- From aaf56704a794ee8b152645fcda32a9ab6ca3e39d Mon Sep 17 00:00:00 2001 From: azu Date: Tue, 17 Apr 2018 23:17:43 +0000 Subject: [PATCH 03/21] Update 380 draft --- _i18n/ja/_posts/2018/2018-04-17-380draft.md | 15 ++++++++++++++- 1 file changed, 14 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2018/2018-04-17-380draft.md b/_i18n/ja/_posts/2018/2018-04-17-380draft.md index 72278a4334d..2aec802ec8b 100644 --- a/_i18n/ja/_posts/2018/2018-04-17-380draft.md +++ b/_i18n/ja/_posts/2018/2018-04-17-380draft.md @@ -2,7 +2,7 @@ title: "2018-04-17のJS: " author: "azu" layout: post -date : 2018-04-17T23:13:07.285Z +date : 2018-04-17T23:17:43.360Z category: JSer tags: - @@ -27,6 +27,19 @@ CSS Typed OM、CSS Paint API、AudioWorklet、Mediaの`autoplay`のpolicy変更 - [Chromium Blog: Chrome 66 Beta: CSS Typed Object Model, Async Clipboard API, AudioWorklet](https://blog.chromium.org/2018/03/chrome-66-beta-css-typed-object-model.html "Chromium Blog: Chrome 66 Beta: CSS Typed Object Model, Async Clipboard API, AudioWorklet") +---- + +## New in Chrome 66  |  Web  |  Google Developers +[developers.google.com/web/updates/2018/04/nic66](https://developers.google.com/web/updates/2018/04/nic66 "New in Chrome 66  |  Web  |  Google Developers") +

Chrome ReleaseNote

+ +Chrome 66リリース。 +JSがJSONのsupersetに、trimStart/trimEndのサポート、catch節の引数省略に対応。 +CSS Typed OM、CSS Paint API、AudioWorklet、Mediaの`autoplay`のpolicy変更、Fetch APIが`keepalive`オプションをサポートなど + +- [Chrome Platform Status](https://www.chromestatus.com/features#milestone%3D66 "Chrome Platform Status") +- [Chromium Blog: Chrome 66 Beta: CSS Typed Object Model, Async Clipboard API, AudioWorklet](https://blog.chromium.org/2018/03/chrome-66-beta-css-typed-object-model.html "Chromium Blog: Chrome 66 Beta: CSS Typed Object Model, Async Clipboard API, AudioWorklet") + ----

スライド、動画関係

From 279a6486710581b3c3c1b64e82e3c605e24de730 Mon Sep 17 00:00:00 2001 From: azu Date: Tue, 17 Apr 2018 23:19:23 +0000 Subject: [PATCH 04/21] Update 380 draft --- _i18n/ja/_posts/2018/2018-04-17-380draft.md | 14 +------------- 1 file changed, 1 insertion(+), 13 deletions(-) diff --git a/_i18n/ja/_posts/2018/2018-04-17-380draft.md b/_i18n/ja/_posts/2018/2018-04-17-380draft.md index 2aec802ec8b..89ccfcb7c1e 100644 --- a/_i18n/ja/_posts/2018/2018-04-17-380draft.md +++ b/_i18n/ja/_posts/2018/2018-04-17-380draft.md @@ -2,7 +2,7 @@ title: "2018-04-17のJS: " author: "azu" layout: post -date : 2018-04-17T23:17:43.360Z +date : 2018-04-17T23:19:23.301Z category: JSer tags: - @@ -17,18 +17,6 @@ JSer.info #380 ---- -## NIC025 v2 FINAL - YouTube -[www.youtube.com/embed/hsfueop\_Hb8?autohide=1&showinfo=0&enablejsapi=1](https://www.youtube.com/embed/hsfueop_Hb8?autohide=1&showinfo=0&enablejsapi=1 "NIC025 v2 FINAL - YouTube") -

Chrome ReleaseNote

- -Chrome 66リリース。 -JSがJSONのsupersetに、trimStart/trimEndのサポート、catch節の引数省略に対応。 -CSS Typed OM、CSS Paint API、AudioWorklet、Mediaの`autoplay`のpolicy変更、Fetch APIが`keepalive`オプションをサポートなど - -- [Chromium Blog: Chrome 66 Beta: CSS Typed Object Model, Async Clipboard API, AudioWorklet](https://blog.chromium.org/2018/03/chrome-66-beta-css-typed-object-model.html "Chromium Blog: Chrome 66 Beta: CSS Typed Object Model, Async Clipboard API, AudioWorklet") - ----- - ## New in Chrome 66  |  Web  |  Google Developers [developers.google.com/web/updates/2018/04/nic66](https://developers.google.com/web/updates/2018/04/nic66 "New in Chrome 66  |  Web  |  Google Developers")

Chrome ReleaseNote

From 992780a89ff8ab8a7fe47cba7b6c36550225f0a0 Mon Sep 17 00:00:00 2001 From: azu Date: Tue, 17 Apr 2018 23:23:45 +0000 Subject: [PATCH 05/21] Update 380 draft --- _i18n/ja/_posts/2018/2018-04-17-380draft.md | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2018/2018-04-17-380draft.md b/_i18n/ja/_posts/2018/2018-04-17-380draft.md index 89ccfcb7c1e..527fd889a2a 100644 --- a/_i18n/ja/_posts/2018/2018-04-17-380draft.md +++ b/_i18n/ja/_posts/2018/2018-04-17-380draft.md @@ -2,7 +2,7 @@ title: "2018-04-17のJS: " author: "azu" layout: post -date : 2018-04-17T23:19:23.301Z +date : 2018-04-17T23:23:45.914Z category: JSer tags: - @@ -28,6 +28,16 @@ CSS Typed OM、CSS Paint API、AudioWorklet、Mediaの`autoplay`のpolicy変更 - [Chrome Platform Status](https://www.chromestatus.com/features#milestone%3D66 "Chrome Platform Status") - [Chromium Blog: Chrome 66 Beta: CSS Typed Object Model, Async Clipboard API, AudioWorklet](https://blog.chromium.org/2018/03/chrome-66-beta-css-typed-object-model.html "Chromium Blog: Chrome 66 Beta: CSS Typed Object Model, Async Clipboard API, AudioWorklet") +---- + +## Release v4.0.0 · reactjs/redux +[github.com/reactjs/redux/releases/tag/v4.0.0](https://github.com/reactjs/redux/releases/tag/v4.0.0 "Release v4.0.0 · reactjs/redux") +

redux ReleaseNote TypeScript

+ +Redux 4.0.0リリース。 +TypeScriptの型改善、middlewareのdispatchが複数の引数に対応、パフォーマンス改善など + + ----

スライド、動画関係

From b0b24d5ab687251d456ab35f5111d5c7ab2e4494 Mon Sep 17 00:00:00 2001 From: azu Date: Tue, 17 Apr 2018 23:27:24 +0000 Subject: [PATCH 06/21] Update 380 draft --- _i18n/ja/_posts/2018/2018-04-17-380draft.md | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2018/2018-04-17-380draft.md b/_i18n/ja/_posts/2018/2018-04-17-380draft.md index 527fd889a2a..26492ceef81 100644 --- a/_i18n/ja/_posts/2018/2018-04-17-380draft.md +++ b/_i18n/ja/_posts/2018/2018-04-17-380draft.md @@ -2,7 +2,7 @@ title: "2018-04-17のJS: " author: "azu" layout: post -date : 2018-04-17T23:23:45.914Z +date : 2018-04-17T23:27:24.741Z category: JSer tags: - @@ -38,6 +38,18 @@ Redux 4.0.0リリース。 TypeScriptの型改善、middlewareのdispatchが複数の引数に対応、パフォーマンス改善など +---- + +## Release v4.6.0 · webpack/webpack +[github.com/webpack/webpack/releases/tag/v4.6.0](https://github.com/webpack/webpack/releases/tag/v4.6.0 "Release v4.6.0 · webpack/webpack") +

webpack ReleaseNote

+ +webpack 4.6.0リリース。 +`import`のコメントでpreloadとprefetchに対応、webpackのコアコードがTypeScriptの`allowJs`と`checkJs`で型チェックされるようになるなど + +- [add support for link preload/prefetch by sokra · Pull Request #7056 · webpack/webpack](https://github.com/webpack/webpack/pull/7056 "add support for link preload/prefetch by sokra · Pull Request #7056 · webpack/webpack") +- [Add TypeScript type checking by mohsen1 · Pull Request #6862 · webpack/webpack](https://github.com/webpack/webpack/pull/6862 "Add TypeScript type checking by mohsen1 · Pull Request #6862 · webpack/webpack") + ----

スライド、動画関係

From c6a9cbac4cdf6c0289084a403d1d86ff81f9072e Mon Sep 17 00:00:00 2001 From: azu Date: Thu, 19 Apr 2018 12:58:42 +0000 Subject: [PATCH 07/21] Update 380 draft --- ...-04-17-380draft.md => 2018-04-19-380draft.md} | 16 ++++++++++++++-- 1 file changed, 14 insertions(+), 2 deletions(-) rename _i18n/ja/_posts/2018/{2018-04-17-380draft.md => 2018-04-19-380draft.md} (84%) diff --git a/_i18n/ja/_posts/2018/2018-04-17-380draft.md b/_i18n/ja/_posts/2018/2018-04-19-380draft.md similarity index 84% rename from _i18n/ja/_posts/2018/2018-04-17-380draft.md rename to _i18n/ja/_posts/2018/2018-04-19-380draft.md index 26492ceef81..9c4bc135949 100644 --- a/_i18n/ja/_posts/2018/2018-04-17-380draft.md +++ b/_i18n/ja/_posts/2018/2018-04-19-380draft.md @@ -1,8 +1,8 @@ --- -title: "2018-04-17のJS: " +title: "2018-04-19のJS: " author: "azu" layout: post -date : 2018-04-17T23:27:24.741Z +date : 2018-04-19T12:58:42.631Z category: JSer tags: - @@ -50,6 +50,18 @@ webpack 4.6.0リリース。 - [add support for link preload/prefetch by sokra · Pull Request #7056 · webpack/webpack](https://github.com/webpack/webpack/pull/7056 "add support for link preload/prefetch by sokra · Pull Request #7056 · webpack/webpack") - [Add TypeScript type checking by mohsen1 · Pull Request #6862 · webpack/webpack](https://github.com/webpack/webpack/pull/6862 "Add TypeScript type checking by mohsen1 · Pull Request #6862 · webpack/webpack") +---- +

アーティクル

+ +---- + +## Hello wasm-pack! – Mozilla Hacks – the Web developer blog +[hacks.mozilla.org/2018/04/hello-wasm-pack/](https://hacks.mozilla.org/2018/04/hello-wasm-pack/ "Hello wasm-pack! – Mozilla Hacks – the Web developer blog") +

WebAssembly Rust console Tools

+ +RustでWebAssembly向けの開発するツールキット + + ----

スライド、動画関係

From 94f9ff65927887e83e785b5d47c12ce087df6a24 Mon Sep 17 00:00:00 2001 From: azu Date: Sat, 21 Apr 2018 04:27:42 +0000 Subject: [PATCH 08/21] Update 380 draft --- ...-04-19-380draft.md => 2018-04-21-380draft.md} | 16 ++++++++++++++-- 1 file changed, 14 insertions(+), 2 deletions(-) rename _i18n/ja/_posts/2018/{2018-04-19-380draft.md => 2018-04-21-380draft.md} (85%) diff --git a/_i18n/ja/_posts/2018/2018-04-19-380draft.md b/_i18n/ja/_posts/2018/2018-04-21-380draft.md similarity index 85% rename from _i18n/ja/_posts/2018/2018-04-19-380draft.md rename to _i18n/ja/_posts/2018/2018-04-21-380draft.md index 9c4bc135949..98c478b893a 100644 --- a/_i18n/ja/_posts/2018/2018-04-19-380draft.md +++ b/_i18n/ja/_posts/2018/2018-04-21-380draft.md @@ -1,8 +1,8 @@ --- -title: "2018-04-19のJS: " +title: "2018-04-21のJS: " author: "azu" layout: post -date : 2018-04-19T12:58:42.631Z +date : 2018-04-21T04:27:42.410Z category: JSer tags: - @@ -74,4 +74,16 @@ RustでWebAssembly向けの開発するツールキット Progressive Web App(PWA)の概要や何を解決しようとしているものなのか、実装にはなにが必要なのかなどを解説してるシリーズ動画。 +---- +

書籍関係

+ +---- + +## krasimir/react-in-patterns: A free book that talks about design patterns/techniques used while developing with React. +[github.com/krasimir/react-in-patterns](https://github.com/krasimir/react-in-patterns "krasimir/react-in-patterns: A free book that talks about design patterns/techniques used while developing with React.") +

React デザインパターン book

+ +Reactのパターンについての電子書籍 + + ---- From 234a314528047b127523fda17248ea27271807d9 Mon Sep 17 00:00:00 2001 From: azu Date: Sat, 21 Apr 2018 05:16:27 +0000 Subject: [PATCH 09/21] Update 380 draft --- _i18n/ja/_posts/2018/2018-04-21-380draft.md | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2018/2018-04-21-380draft.md b/_i18n/ja/_posts/2018/2018-04-21-380draft.md index 98c478b893a..77b732798f0 100644 --- a/_i18n/ja/_posts/2018/2018-04-21-380draft.md +++ b/_i18n/ja/_posts/2018/2018-04-21-380draft.md @@ -2,7 +2,7 @@ title: "2018-04-21のJS: " author: "azu" layout: post -date : 2018-04-21T04:27:42.410Z +date : 2018-04-21T05:16:27.854Z category: JSer tags: - @@ -86,4 +86,14 @@ Progressive Web App(PWA)の概要や何を解決しようとしているもの Reactのパターンについての電子書籍 +---- + +## React、Angular、Vue.js、React Nativeを使って学ぶ はじめてのフロントエンド開発 | 原 一浩, taisa, 小松 大輔, 永井 孝, 池内 孝啓, 新井 正貴, 橋本 安司, 日野 洋一郎 |本 | 通販 | Amazon +[www.amazon.co.jp/dp/4774197068/](https://www.amazon.co.jp/dp/4774197068/ "React、Angular、Vue.js、React Nativeを使って学ぶ はじめてのフロントエンド開発 | 原 一浩, taisa, 小松 大輔, 永井 孝, 池内 孝啓, 新井 正貴, 橋本 安司, 日野 洋一郎 |本 | 通販 | Amazon") +

JavaScript library book

+ +2018年5月10日発売。 +各フレームワークの紹介とSlackライクなサンプルをベースに解説する書籍 + + ---- From 221f4fb78ab3b9037328f32533ed80c7d92722b2 Mon Sep 17 00:00:00 2001 From: azu Date: Sat, 21 Apr 2018 07:07:07 +0000 Subject: [PATCH 10/21] Update 380 draft --- _i18n/ja/_posts/2018/2018-04-21-380draft.md | 21 ++++++++++++++++++++- 1 file changed, 20 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2018/2018-04-21-380draft.md b/_i18n/ja/_posts/2018/2018-04-21-380draft.md index 77b732798f0..916cd347697 100644 --- a/_i18n/ja/_posts/2018/2018-04-21-380draft.md +++ b/_i18n/ja/_posts/2018/2018-04-21-380draft.md @@ -2,7 +2,7 @@ title: "2018-04-21のJS: " author: "azu" layout: post -date : 2018-04-21T05:16:27.854Z +date : 2018-04-21T07:07:07.764Z category: JSer tags: - @@ -96,4 +96,23 @@ Reactのパターンについての電子書籍 各フレームワークの紹介とSlackライクなサンプルをベースに解説する書籍 +---- + +## Rediscovering JavaScript: Master ES6, ES7, and ES8: Venkat Subramaniam: 9781680505467: Amazon.com: Books +[www.amazon.com/dp/1680505467/](https://www.amazon.com/dp/1680505467/ "Rediscovering JavaScript: Master ES6, ES7, and ES8: Venkat Subramaniam: 9781680505467: Amazon.com: Books") +

JavaScript book

+ +2018年10月25日発売 ES2015以降についての扱う書籍 + + +---- + +## Amazon.com: Node.js Microservices - Second Edition: Develop, deploy, and scale microservices with Node 8 eBook: Diogo Resende: Kindle Store +[www.amazon.com/dp/B079SCMR6T/](https://www.amazon.com/dp/B079SCMR6T/ "Amazon.com: Node.js Microservices - Second Edition: Develop, deploy, and scale microservices with Node 8 eBook: Diogo Resende: Kindle Store") +

JavaScript node.js Microservices book

+ +2018年8月9日発売 +Node.jsのマイクロサービスについての書籍 + + ---- From f845b293bbf25c24d28aeb32dc1c39d3bbf5f18f Mon Sep 17 00:00:00 2001 From: azu Date: Sun, 22 Apr 2018 03:49:38 +0000 Subject: [PATCH 11/21] Update 380 draft --- ...8-04-21-380draft.md => 2018-04-22-380draft.md} | 15 +++++++++++++-- 1 file changed, 13 insertions(+), 2 deletions(-) rename _i18n/ja/_posts/2018/{2018-04-21-380draft.md => 2018-04-22-380draft.md} (91%) diff --git a/_i18n/ja/_posts/2018/2018-04-21-380draft.md b/_i18n/ja/_posts/2018/2018-04-22-380draft.md similarity index 91% rename from _i18n/ja/_posts/2018/2018-04-21-380draft.md rename to _i18n/ja/_posts/2018/2018-04-22-380draft.md index 916cd347697..a8e7be174ba 100644 --- a/_i18n/ja/_posts/2018/2018-04-21-380draft.md +++ b/_i18n/ja/_posts/2018/2018-04-22-380draft.md @@ -1,8 +1,8 @@ --- -title: "2018-04-21のJS: " +title: "2018-04-22のJS: " author: "azu" layout: post -date : 2018-04-21T07:07:07.764Z +date : 2018-04-22T03:49:38.645Z category: JSer tags: - @@ -50,6 +50,17 @@ webpack 4.6.0リリース。 - [add support for link preload/prefetch by sokra · Pull Request #7056 · webpack/webpack](https://github.com/webpack/webpack/pull/7056 "add support for link preload/prefetch by sokra · Pull Request #7056 · webpack/webpack") - [Add TypeScript type checking by mohsen1 · Pull Request #6862 · webpack/webpack](https://github.com/webpack/webpack/pull/6862 "Add TypeScript type checking by mohsen1 · Pull Request #6862 · webpack/webpack") +---- + +## Svelte v2 is out! +[svelte.technology/blog/version-2](https://svelte.technology/blog/version-2 "Svelte v2 is out!") +

JavaScript ReleaseNote

+ +Svelte 2リリース。 +テンプレートで`{{}}`ではなく`{}`を採用、マイグレーションツールの公開、Computed propertiesの引数がオブジェクトに、`component.get`の返り値の変更。 +また`oncreate`/`ondestroy`のライフサイクルを追加など + + ----

アーティクル

From e1b1bf4dc627db5ee48840a723648de17af1f20f Mon Sep 17 00:00:00 2001 From: azu Date: Sun, 22 Apr 2018 04:04:53 +0000 Subject: [PATCH 12/21] Update 380 draft --- _i18n/ja/_posts/2018/2018-04-22-380draft.md | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2018/2018-04-22-380draft.md b/_i18n/ja/_posts/2018/2018-04-22-380draft.md index a8e7be174ba..4f2bc08ed7c 100644 --- a/_i18n/ja/_posts/2018/2018-04-22-380draft.md +++ b/_i18n/ja/_posts/2018/2018-04-22-380draft.md @@ -2,7 +2,7 @@ title: "2018-04-22のJS: " author: "azu" layout: post -date : 2018-04-22T03:49:38.645Z +date : 2018-04-22T04:04:53.441Z category: JSer tags: - @@ -61,6 +61,15 @@ Svelte 2リリース。 また`oncreate`/`ondestroy`のライフサイクルを追加など +---- + +## sonarwhal is v1 🎉 – sonarwhal – Medium +[medium.com/sonarwhal/sonarwhal-is-v1-4262a2f887c9](https://medium.com/sonarwhal/sonarwhal-is-v1-4262a2f887c9 "sonarwhal is v1 🎉 – sonarwhal – Medium") +

JavaScript Tools ReleaseNote

+ +ウェブサイトのLintツールであるsonarwhal 1.0リリース。 + + ----

アーティクル

From 18b4270ea2da22df64eacdc4820e4ccabe438d64 Mon Sep 17 00:00:00 2001 From: azu Date: Sun, 22 Apr 2018 04:29:21 +0000 Subject: [PATCH 13/21] Update 380 draft --- _i18n/ja/_posts/2018/2018-04-22-380draft.md | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2018/2018-04-22-380draft.md b/_i18n/ja/_posts/2018/2018-04-22-380draft.md index 4f2bc08ed7c..34de807f418 100644 --- a/_i18n/ja/_posts/2018/2018-04-22-380draft.md +++ b/_i18n/ja/_posts/2018/2018-04-22-380draft.md @@ -2,7 +2,7 @@ title: "2018-04-22のJS: " author: "azu" layout: post -date : 2018-04-22T04:04:53.441Z +date : 2018-04-22T04:29:21.615Z category: JSer tags: - @@ -82,6 +82,17 @@ Svelte 2リリース。 RustでWebAssembly向けの開発するツールキット +---- + +## DasSur.ma – Layers and how to force them +[dassur.ma/things/forcing-layers/](http://dassur.ma/things/forcing-layers/ "DasSur.ma – Layers and how to force them") +

CSS performance article

+ +要素をレイヤー化する方法として`will-change: transform`がある。 +しかし、実際にtransformしていないならば`will-change: opacity`や`backface-visibility: hidden`を使ったほうが良いという話。 +`backface-visibility`の動作についての解説 + + ----

スライド、動画関係

From 1f02c83a6ca3dd1238a8bfc44cb02bf82ed2e7fe Mon Sep 17 00:00:00 2001 From: azu Date: Sun, 22 Apr 2018 04:52:56 +0000 Subject: [PATCH 14/21] Update 380 draft --- _i18n/ja/_posts/2018/2018-04-22-380draft.md | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2018/2018-04-22-380draft.md b/_i18n/ja/_posts/2018/2018-04-22-380draft.md index 34de807f418..283b1afbbb3 100644 --- a/_i18n/ja/_posts/2018/2018-04-22-380draft.md +++ b/_i18n/ja/_posts/2018/2018-04-22-380draft.md @@ -2,7 +2,7 @@ title: "2018-04-22のJS: " author: "azu" layout: post -date : 2018-04-22T04:29:21.615Z +date : 2018-04-22T04:52:56.730Z category: JSer tags: - @@ -93,6 +93,16 @@ RustでWebAssembly向けの開発するツールキット `backface-visibility`の動作についての解説 +---- + +## Dependencies Done Right | Yarn Blog +[yarnpkg.com/blog/2018/04/18/dependencies-done-right/](https://yarnpkg.com/blog/2018/04/18/dependencies-done-right/ "Dependencies Done Right | Yarn Blog") +

npm yarn article

+ +pacakge.jsonの`dependencies`、`devDependencies`、`peerDependencies`の意味や使い分けについて。 +バージョンの異なるものが混ざると`instanceof`の問題やファイルサイズが増える問題などについて + + ----

スライド、動画関係

From 6ae44f92fe517758ade0fd4f8765f07b936828d9 Mon Sep 17 00:00:00 2001 From: azu Date: Sun, 22 Apr 2018 10:50:47 +0000 Subject: [PATCH 15/21] Update 380 draft --- _i18n/ja/_posts/2018/2018-04-22-380draft.md | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2018/2018-04-22-380draft.md b/_i18n/ja/_posts/2018/2018-04-22-380draft.md index 283b1afbbb3..de7d391ac21 100644 --- a/_i18n/ja/_posts/2018/2018-04-22-380draft.md +++ b/_i18n/ja/_posts/2018/2018-04-22-380draft.md @@ -2,7 +2,7 @@ title: "2018-04-22のJS: " author: "azu" layout: post -date : 2018-04-22T04:52:56.730Z +date : 2018-04-22T10:50:47.498Z category: JSer tags: - @@ -70,6 +70,15 @@ Svelte 2リリース。 ウェブサイトのLintツールであるsonarwhal 1.0リリース。 +---- + +## NativeScript 4.0 is out! 🎉 +[www.nativescript.org/blog/nativescript-4.0-is-out](https://www.nativescript.org/blog/nativescript-4.0-is-out "NativeScript 4.0 is out! 🎉") +

JavaScript ReleaseNote ios Android

+ +NativeScript 4.0リリース + + ----

アーティクル

From 999a14f114d332d2c201bc4c67796a9c445c5774 Mon Sep 17 00:00:00 2001 From: azu Date: Mon, 23 Apr 2018 02:28:57 +0000 Subject: [PATCH 16/21] Update 380 draft --- ...018-04-22-380draft.md => 2018-04-23-380draft.md} | 13 +++++++++++-- 1 file changed, 11 insertions(+), 2 deletions(-) rename _i18n/ja/_posts/2018/{2018-04-22-380draft.md => 2018-04-23-380draft.md} (95%) diff --git a/_i18n/ja/_posts/2018/2018-04-22-380draft.md b/_i18n/ja/_posts/2018/2018-04-23-380draft.md similarity index 95% rename from _i18n/ja/_posts/2018/2018-04-22-380draft.md rename to _i18n/ja/_posts/2018/2018-04-23-380draft.md index de7d391ac21..7d9cbf30ba9 100644 --- a/_i18n/ja/_posts/2018/2018-04-22-380draft.md +++ b/_i18n/ja/_posts/2018/2018-04-23-380draft.md @@ -1,8 +1,8 @@ --- -title: "2018-04-22のJS: " +title: "2018-04-23のJS: " author: "azu" layout: post -date : 2018-04-22T10:50:47.498Z +date : 2018-04-23T02:28:57.017Z category: JSer tags: - @@ -112,6 +112,15 @@ pacakge.jsonの`dependencies`、`devDependencies`、`peerDependencies`の意味 バージョンの異なるものが混ざると`instanceof`の問題やファイルサイズが増える問題などについて +---- + +## Node.js v10の変更点まとめ - 技術探し +[blog.hiroppy.me/entry/node10](http://blog.hiroppy.me/entry/node10 "Node.js v10の変更点まとめ - 技術探し") +

node.js article

+ +Node.jsで予定される変更点について + + ----

スライド、動画関係

From 7c1a5deb63543f82ca976c64a593123820c144fe Mon Sep 17 00:00:00 2001 From: azu Date: Mon, 23 Apr 2018 02:45:33 +0000 Subject: [PATCH 17/21] Update 380 draft --- _i18n/ja/_posts/2018/2018-04-23-380draft.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/_i18n/ja/_posts/2018/2018-04-23-380draft.md b/_i18n/ja/_posts/2018/2018-04-23-380draft.md index 7d9cbf30ba9..578a1516170 100644 --- a/_i18n/ja/_posts/2018/2018-04-23-380draft.md +++ b/_i18n/ja/_posts/2018/2018-04-23-380draft.md @@ -2,7 +2,7 @@ title: "2018-04-23のJS: " author: "azu" layout: post -date : 2018-04-23T02:28:57.017Z +date : 2018-04-23T02:45:32.949Z category: JSer tags: - @@ -118,7 +118,7 @@ pacakge.jsonの`dependencies`、`devDependencies`、`peerDependencies`の意味 [blog.hiroppy.me/entry/node10](http://blog.hiroppy.me/entry/node10 "Node.js v10の変更点まとめ - 技術探し")

node.js article

-Node.jsで予定される変更点について +Node.js 10で予定される変更点について ---- From a7ddfc0aa0727db1e9cf1040ea2bdea38417b1f3 Mon Sep 17 00:00:00 2001 From: azu Date: Mon, 23 Apr 2018 07:58:58 +0000 Subject: [PATCH 18/21] Update 380 draft --- _i18n/ja/_posts/2018/2018-04-23-380draft.md | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2018/2018-04-23-380draft.md b/_i18n/ja/_posts/2018/2018-04-23-380draft.md index 578a1516170..2ee3a65be39 100644 --- a/_i18n/ja/_posts/2018/2018-04-23-380draft.md +++ b/_i18n/ja/_posts/2018/2018-04-23-380draft.md @@ -2,7 +2,7 @@ title: "2018-04-23のJS: " author: "azu" layout: post -date : 2018-04-23T02:45:32.949Z +date : 2018-04-23T07:58:58.063Z category: JSer tags: - @@ -79,6 +79,17 @@ Svelte 2リリース。 NativeScript 4.0リリース +---- + +## Underscore.js +[underscorejs.org/#1.9.0](http://underscorejs.org/#1.9.0 "Underscore.js") +

JavaScript library ReleaseNote

+ +underscore 1.9.0リリース。 +`_.restArguments`、`_.chunk`、`_.isSymbol`などの追加。 +`_.throttle`と`_.debounce`がcancelできるように、パフォーマンス改善など + + ----

アーティクル

From a52d9432a51bedc2dd683fb62a1a09343696632b Mon Sep 17 00:00:00 2001 From: azu Date: Mon, 23 Apr 2018 10:57:23 +0000 Subject: [PATCH 19/21] Update 380 draft --- _i18n/ja/_posts/2018/2018-04-23-380draft.md | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2018/2018-04-23-380draft.md b/_i18n/ja/_posts/2018/2018-04-23-380draft.md index 2ee3a65be39..2cc90585584 100644 --- a/_i18n/ja/_posts/2018/2018-04-23-380draft.md +++ b/_i18n/ja/_posts/2018/2018-04-23-380draft.md @@ -2,7 +2,7 @@ title: "2018-04-23のJS: " author: "azu" layout: post -date : 2018-04-23T07:58:58.063Z +date : 2018-04-23T10:57:23.182Z category: JSer tags: - @@ -144,6 +144,18 @@ Node.js 10で予定される変更点について Progressive Web App(PWA)の概要や何を解決しようとしているものなのか、実装にはなにが必要なのかなどを解説してるシリーズ動画。 +---- +

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

+ +---- + +## aweary/react-copy-write: ✍️ Immutable state with a mutable API +[github.com/aweary/react-copy-write](https://github.com/aweary/react-copy-write "aweary/react-copy-write: ✍️ Immutable state with a mutable API") +

React JavaScript library

+ +immerを使ってmutableな操作でstateを更新できるReact Contextを使ったステート管理ライブラリ。 + + ----

書籍関係

From e46c8bc148a75912e62f94ff4146cfaee53dbacd Mon Sep 17 00:00:00 2001 From: azu Date: Mon, 23 Apr 2018 11:03:05 +0000 Subject: [PATCH 20/21] Update 380 draft --- _i18n/ja/_posts/2018/2018-04-23-380draft.md | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2018/2018-04-23-380draft.md b/_i18n/ja/_posts/2018/2018-04-23-380draft.md index 2cc90585584..e0b861850eb 100644 --- a/_i18n/ja/_posts/2018/2018-04-23-380draft.md +++ b/_i18n/ja/_posts/2018/2018-04-23-380draft.md @@ -2,7 +2,7 @@ title: "2018-04-23のJS: " author: "azu" layout: post -date : 2018-04-23T10:57:23.182Z +date : 2018-04-23T11:03:05.776Z category: JSer tags: - @@ -132,6 +132,16 @@ pacakge.jsonの`dependencies`、`devDependencies`、`peerDependencies`の意味 Node.js 10で予定される変更点について +---- + +## Traversing the DOM with JavaScript | Zell Liew +[zellwk.com/blog/dom-traversals/](https://zellwk.com/blog/dom-traversals/ "Traversing the DOM with JavaScript | Zell Liew") +

DOM article

+ +DOMトラバーサルについての記事。 +DOM APIを使ってどのように要素を取得、辿っていくかについて + + ----

スライド、動画関係

From ca3a320ebee01d5173bb14a669a92ee340f3258e Mon Sep 17 00:00:00 2001 From: azu Date: Mon, 23 Apr 2018 20:31:11 +0900 Subject: [PATCH 21/21] =?UTF-8?q?Update=20and=20rename=202018-04-23-380dra?= =?UTF-8?q?ft.md=20to=202018-04-23-=EF=BB=BFchrome66-redux-4.0-svelte-2.0.?= =?UTF-8?q?md?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ...7\273\277chrome66-redux-4.0-svelte-2.0.md" | 51 +++++++++++++++++-- 1 file changed, 48 insertions(+), 3 deletions(-) rename _i18n/ja/_posts/2018/2018-04-23-380draft.md => "_i18n/ja/_posts/2018/2018-04-23-\357\273\277chrome66-redux-4.0-svelte-2.0.md" (76%) diff --git a/_i18n/ja/_posts/2018/2018-04-23-380draft.md "b/_i18n/ja/_posts/2018/2018-04-23-\357\273\277chrome66-redux-4.0-svelte-2.0.md" similarity index 76% rename from _i18n/ja/_posts/2018/2018-04-23-380draft.md rename to "_i18n/ja/_posts/2018/2018-04-23-\357\273\277chrome66-redux-4.0-svelte-2.0.md" index e0b861850eb..adc4dd380a8 100644 --- a/_i18n/ja/_posts/2018/2018-04-23-380draft.md +++ "b/_i18n/ja/_posts/2018/2018-04-23-\357\273\277chrome66-redux-4.0-svelte-2.0.md" @@ -1,15 +1,60 @@ --- -title: "2018-04-23のJS: " +title: "2018-04-23のJS:Chrome 66、Redux 4.0、Svelte 2.0" author: "azu" layout: post date : 2018-04-23T11:03:05.776Z category: JSer tags: -- +- chrome +- Redux +- svelte --- -JSer.info #380 +JSer.info #380 - Chrome 66がリリースされました。 + +- [New in Chrome 66  |  Web  |  Google Developers](https://developers.google.com/web/updates/2018/04/nic66 "New in Chrome 66  |  Web  |  Google Developers") +- [Chrome Platform Status](https://www.chromestatus.com/features#milestone%3D66 "Chrome Platform Status") +- [Chromium Blog: Chrome 66 Beta: CSS Typed Object Model, Async Clipboard API, AudioWorklet](https://blog.chromium.org/2018/03/chrome-66-beta-css-typed-object-model.html "Chromium Blog: Chrome 66 Beta: CSS Typed Object Model, Async Clipboard API, AudioWorklet") + +ECMAScriptの仕様(proposal)の実装として、 +[JavaScriptがJSONのsuperset](https://github.com/tc39/proposal-json-superset)に、[trimStart/trimEnd](https://github.com/tc39/proposal-string-left-right-trim)のサポート、[catch節の引数省略](https://github.com/tc39/proposal-optional-catch-binding)に対応しています。 + +CSS Typed OM、CSS Paint API、AudioWorklet、[Mediaの`autoplay`のpolicy変更](https://developers.google.com/web/updates/2017/09/autoplay-policy-changes)、Fetch APIが`keepalive`オプションをサポートなどが行われいます。 + +---- + +Reduxのメジャーアップデートとして4.0.0がリリースされました。 + +- [Release v4.0.0 · reactjs/redux](https://github.com/reactjs/redux/releases/tag/v4.0.0) + +BREAKING CHANGEについては次のIssueにまとめられていますが、TypeScriptの型改善、元々使われることを意図してない`ActionTypes`をprivateに、bundleをCommonJSとES moduleで公開するようにするといった変更が行われています。 + +- [Redux 4 breaking changes · Issue #1342 · reactjs/redux](https://github.com/reactjs/redux/issues/1342) + +またReduxのReact bindingである[react-redux](https://github.com/reactjs/react-redux)はも[Redux 4.0.0に対応済](https://github.com/reactjs/react-redux/releases/tag/v5.0.7)ですが、Reactの新しいContext APIへの対応はまだ行われいません。 + +- [React 16 experiment: rewrite React-Redux to use new context API by markerikson · Pull Request #898 · reactjs/react-redux](https://github.com/reactjs/react-redux/pull/898) + +---- + +コンパイルしてライブラリに依存しないJavaScriptとして動作するフレームワークであるSvelte v2がリリースされました。 + +- [Svelte v2 is out!](https://svelte.technology/blog/version-2) + +JSXを参考にテンプレートの構文が変更され、マイグレーションツールとして[svelte-upgrade +](https://github.com/sveltejs/svelte-upgrade)が公開されています。 +`oncreate`と`ondestroy`のライフサイクルメソッドの追加に伴い、`component.observe`が削除されています。 +またコンポーネントからの値のとり方が`component.get('foo')`のような`component.get().foo`のように変更されています。 + +以前は`"42"`のような数字の文字列を渡すと文字列として評価されていましたが、`{1}`のようにリテラルを使って数値として渡さないと行けないように修正されています。 + +``` +// Before – pass number string and treat as numbers + +// After – should pass as numbers + +``` ----