From 69199a556e602b8b3d9f98b564a7b00ce7c14616 Mon Sep 17 00:00:00 2001 From: azu Date: Thu, 1 Aug 2019 12:42:38 +0000 Subject: [PATCH 01/22] Update 447 draft --- _i18n/ja/_posts/2019/2019-08-01-447draft.md | 32 +++++++++++++++++++++ 1 file changed, 32 insertions(+) create mode 100644 _i18n/ja/_posts/2019/2019-08-01-447draft.md diff --git a/_i18n/ja/_posts/2019/2019-08-01-447draft.md b/_i18n/ja/_posts/2019/2019-08-01-447draft.md new file mode 100644 index 00000000000..0af9f10f546 --- /dev/null +++ b/_i18n/ja/_posts/2019/2019-08-01-447draft.md @@ -0,0 +1,32 @@ +--- +title: "2019-08-01のJS: " +author: "azu" +layout: post +date : 2019-08-01T12:42:38.236Z +category: JSer +tags: +- + +--- + +JSer.info #447 + +---- + +

ヘッドライン

+ +---- + +## New in Chrome 76  |  Web  |  Google Developers +[developers.google.com/web/updates/2019/07/nic76](https://developers.google.com/web/updates/2019/07/nic76 "New in Chrome 76  |  Web  |  Google Developers") +

Chrome ReleaseNote

+ +Chrome 76リリース。 +Stage 4となった`Promise.allSettled()`の実装、`Blob#text()`/`Blob#arrayBuffer()`/`Blob#stream()`の追加。 +Fetch Metadataリクエストヘッダ(`Sec-Fetch-*`)の実装、フラグ付きでCookieのデフォルトが`SameSite=Lax`となる変更が入るなど + +- [Chrome Platform Status](https://www.chromestatus.com/features#milestone%3D76 "Chrome Platform Status") +- [Deprecations and removals in Chrome 76  |  Web  |  Google Developers](https://developers.google.com/web/updates/2019/06/chrome-76-deps-rems "Deprecations and removals in Chrome 76  |  Web  |  Google Developers") +- [w3c/webappsec-fetch-metadata: WebAppSec has adopted sec-metadata as fetch-metadata](https://github.com/w3c/webappsec-fetch-metadata "w3c/webappsec-fetch-metadata: WebAppSec has adopted sec-metadata as fetch-metadata") + +---- From 71b6f4a750104bbef02d425ebe110a1173911969 Mon Sep 17 00:00:00 2001 From: azu Date: Thu, 1 Aug 2019 12:54:08 +0000 Subject: [PATCH 02/22] Update 447 draft --- _i18n/ja/_posts/2019/2019-08-01-447draft.md | 18 +++++++++++++++++- 1 file changed, 17 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2019/2019-08-01-447draft.md b/_i18n/ja/_posts/2019/2019-08-01-447draft.md index 0af9f10f546..df2ae7795ec 100644 --- a/_i18n/ja/_posts/2019/2019-08-01-447draft.md +++ b/_i18n/ja/_posts/2019/2019-08-01-447draft.md @@ -2,7 +2,7 @@ title: "2019-08-01のJS: " author: "azu" layout: post -date : 2019-08-01T12:42:38.236Z +date : 2019-08-01T12:54:08.729Z category: JSer tags: - @@ -29,4 +29,20 @@ Fetch Metadataリクエストヘッダ(`Sec-Fetch-*`)の実装、フラグ付き - [Deprecations and removals in Chrome 76  |  Web  |  Google Developers](https://developers.google.com/web/updates/2019/06/chrome-76-deps-rems "Deprecations and removals in Chrome 76  |  Web  |  Google Developers") - [w3c/webappsec-fetch-metadata: WebAppSec has adopted sec-metadata as fetch-metadata](https://github.com/w3c/webappsec-fetch-metadata "w3c/webappsec-fetch-metadata: WebAppSec has adopted sec-metadata as fetch-metadata") +---- +

アーティクル

+ +---- + +## When a rewrite isn’t: rebuilding Slack on the desktop +[slack.engineering/rebuilding-slack-on-the-desktop-308d6fe94ae4](https://slack.engineering/rebuilding-slack-on-the-desktop-308d6fe94ae4 "When a rewrite isn’t: rebuilding Slack on the desktop") +

slack JavaScript refacoring article

+ +Slack Desktopのアーキテクチャをどのようにリファクタリングしたかについて。 +jQuery + SignalからReact+Reduxへの移行。 +既存のコードベースを維持しつつ、徐々にモダンへ移行していく戦略について。 +名前空間オブジェクトとモジュールの混在時における相互運用性。古いコードは新しいコードを直接importできず、新しいコードは古いコードを直接importできないという`legacy-interop`の概念の導入。 +Multi workspaceを意識した書き換えによってメモリ使用量の削減の効果などがあったことについてなど + + ---- From 49ab94ccdabe5838d01efe06d23f9aa690c33c92 Mon Sep 17 00:00:00 2001 From: azu Date: Thu, 1 Aug 2019 12:55:30 +0000 Subject: [PATCH 03/22] Update 447 draft --- _i18n/ja/_posts/2019/2019-08-01-447draft.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/_i18n/ja/_posts/2019/2019-08-01-447draft.md b/_i18n/ja/_posts/2019/2019-08-01-447draft.md index df2ae7795ec..581d39e85fe 100644 --- a/_i18n/ja/_posts/2019/2019-08-01-447draft.md +++ b/_i18n/ja/_posts/2019/2019-08-01-447draft.md @@ -2,7 +2,7 @@ title: "2019-08-01のJS: " author: "azu" layout: post -date : 2019-08-01T12:54:08.729Z +date : 2019-08-01T12:55:30.490Z category: JSer tags: - @@ -39,7 +39,7 @@ Fetch Metadataリクエストヘッダ(`Sec-Fetch-*`)の実装、フラグ付き

slack JavaScript refacoring article

Slack Desktopのアーキテクチャをどのようにリファクタリングしたかについて。 -jQuery + SignalからReact+Reduxへの移行。 +jQuery+SignalからReact+Reduxへの移行。 既存のコードベースを維持しつつ、徐々にモダンへ移行していく戦略について。 名前空間オブジェクトとモジュールの混在時における相互運用性。古いコードは新しいコードを直接importできず、新しいコードは古いコードを直接importできないという`legacy-interop`の概念の導入。 Multi workspaceを意識した書き換えによってメモリ使用量の削減の効果などがあったことについてなど From 38bceed84e9e051cc86e401b1aa19a42829177ac Mon Sep 17 00:00:00 2001 From: azu Date: Thu, 1 Aug 2019 13:13:20 +0000 Subject: [PATCH 04/22] Update 447 draft --- _i18n/ja/_posts/2019/2019-08-01-447draft.md | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2019/2019-08-01-447draft.md b/_i18n/ja/_posts/2019/2019-08-01-447draft.md index 581d39e85fe..4128d55a963 100644 --- a/_i18n/ja/_posts/2019/2019-08-01-447draft.md +++ b/_i18n/ja/_posts/2019/2019-08-01-447draft.md @@ -2,7 +2,7 @@ title: "2019-08-01のJS: " author: "azu" layout: post -date : 2019-08-01T12:55:30.490Z +date : 2019-08-01T13:13:20.680Z category: JSer tags: - @@ -45,4 +45,16 @@ jQuery+SignalからReact+Reduxへの移行。 Multi workspaceを意識した書き換えによってメモリ使用量の削減の効果などがあったことについてなど +---- +

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

+ +---- + +## harttle/liquidjs: A shopify compatible Liquid template engine in pure JavaScript. +[github.com/harttle/liquidjs](https://github.com/harttle/liquidjs "harttle/liquidjs: A shopify compatible Liquid template engine in pure JavaScript.") +

JavaScript library template TypeScript

+ +Liquid互換のテンプレートエンジンのJavaScript実装 + + ---- From 2d4fc69d8008e09d1771d10652fc28168fab0ed2 Mon Sep 17 00:00:00 2001 From: azu Date: Fri, 2 Aug 2019 11:57:21 +0000 Subject: [PATCH 05/22] Update 447 draft --- ...019-08-01-447draft.md => 2019-08-02-447draft.md} | 13 +++++++++++-- 1 file changed, 11 insertions(+), 2 deletions(-) rename _i18n/ja/_posts/2019/{2019-08-01-447draft.md => 2019-08-02-447draft.md} (83%) diff --git a/_i18n/ja/_posts/2019/2019-08-01-447draft.md b/_i18n/ja/_posts/2019/2019-08-02-447draft.md similarity index 83% rename from _i18n/ja/_posts/2019/2019-08-01-447draft.md rename to _i18n/ja/_posts/2019/2019-08-02-447draft.md index 4128d55a963..78d00e9a453 100644 --- a/_i18n/ja/_posts/2019/2019-08-01-447draft.md +++ b/_i18n/ja/_posts/2019/2019-08-02-447draft.md @@ -1,8 +1,8 @@ --- -title: "2019-08-01のJS: " +title: "2019-08-02のJS: " author: "azu" layout: post -date : 2019-08-01T13:13:20.680Z +date : 2019-08-02T11:57:21.097Z category: JSer tags: - @@ -57,4 +57,13 @@ Multi workspaceを意識した書き換えによってメモリ使用量の削 Liquid互換のテンプレートエンジンのJavaScript実装 +---- + +## unshiftio/url-parse: Small footprint URL parser that works seamlessly across Node.js and browser environments. +[github.com/unshiftio/url-parse](https://github.com/unshiftio/url-parse "unshiftio/url-parse: Small footprint URL parser that works seamlessly across Node.js and browser environments.") +

JavaScript library browser node.js

+ +Browser、Node.js、Workerで動くURLパースライブラリ + + ---- From 36a26d06c543a0d82dbc41019f6d01242bac967c Mon Sep 17 00:00:00 2001 From: azu Date: Fri, 2 Aug 2019 13:59:35 +0000 Subject: [PATCH 06/22] Update 447 draft --- _i18n/ja/_posts/2019/2019-08-02-447draft.md | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2019/2019-08-02-447draft.md b/_i18n/ja/_posts/2019/2019-08-02-447draft.md index 78d00e9a453..ac1d0dd8fa6 100644 --- a/_i18n/ja/_posts/2019/2019-08-02-447draft.md +++ b/_i18n/ja/_posts/2019/2019-08-02-447draft.md @@ -2,7 +2,7 @@ title: "2019-08-02のJS: " author: "azu" layout: post -date : 2019-08-02T11:57:21.097Z +date : 2019-08-02T13:59:35.020Z category: JSer tags: - @@ -66,4 +66,14 @@ Liquid互換のテンプレートエンジンのJavaScript実装 Browser、Node.js、Workerで動くURLパースライブラリ +---- + +## Arkweid/lefthook: Fast and powerful Git hooks manager for any type of projects. +[github.com/Arkweid/lefthook](https://github.com/Arkweid/lefthook "Arkweid/lefthook: Fast and powerful Git hooks manager for any type of projects.") +

git node.js ruby Tools

+ +Git Hooksをymlで管理できるツール。 +Node.jsやRubyなどパッケージマネージャーでインストールできる + + ---- From 2bb74d4906f039540c402969acb9c498a0d150d8 Mon Sep 17 00:00:00 2001 From: azu Date: Sat, 3 Aug 2019 02:01:35 +0000 Subject: [PATCH 07/22] Update 447 draft --- ...-08-02-447draft.md => 2019-08-03-447draft.md} | 16 ++++++++++++++-- 1 file changed, 14 insertions(+), 2 deletions(-) rename _i18n/ja/_posts/2019/{2019-08-02-447draft.md => 2019-08-03-447draft.md} (87%) diff --git a/_i18n/ja/_posts/2019/2019-08-02-447draft.md b/_i18n/ja/_posts/2019/2019-08-03-447draft.md similarity index 87% rename from _i18n/ja/_posts/2019/2019-08-02-447draft.md rename to _i18n/ja/_posts/2019/2019-08-03-447draft.md index ac1d0dd8fa6..9f3fd89117a 100644 --- a/_i18n/ja/_posts/2019/2019-08-02-447draft.md +++ b/_i18n/ja/_posts/2019/2019-08-03-447draft.md @@ -1,8 +1,8 @@ --- -title: "2019-08-02のJS: " +title: "2019-08-03のJS: " author: "azu" layout: post -date : 2019-08-02T13:59:35.020Z +date : 2019-08-03T02:01:35.547Z category: JSer tags: - @@ -45,6 +45,18 @@ jQuery+SignalからReact+Reduxへの移行。 Multi workspaceを意識した書き換えによってメモリ使用量の削減の効果などがあったことについてなど +---- +

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

+ +---- + +## WebMemex/freeze-dry: Snapshots a web page to get it as a static, self-contained HTML document. +[github.com/WebMemex/freeze-dry](https://github.com/WebMemex/freeze-dry "WebMemex/freeze-dry: Snapshots a web page to get it as a static, self-contained HTML document.") +

JavaScript library

+ +ウェブサイトのDOMとリソースのスナップショットを取るライブラリ + + ----

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

From 43fe296895196d5e98c562df4c9fcedacf7d1507 Mon Sep 17 00:00:00 2001 From: azu Date: Sat, 3 Aug 2019 02:59:19 +0000 Subject: [PATCH 08/22] Update 447 draft --- _i18n/ja/_posts/2019/2019-08-03-447draft.md | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2019/2019-08-03-447draft.md b/_i18n/ja/_posts/2019/2019-08-03-447draft.md index 9f3fd89117a..aa5d8f12cef 100644 --- a/_i18n/ja/_posts/2019/2019-08-03-447draft.md +++ b/_i18n/ja/_posts/2019/2019-08-03-447draft.md @@ -2,7 +2,7 @@ title: "2019-08-03のJS: " author: "azu" layout: post -date : 2019-08-03T02:01:35.547Z +date : 2019-08-03T02:59:19.154Z category: JSer tags: - @@ -88,4 +88,13 @@ Git Hooksをymlで管理できるツール。 Node.jsやRubyなどパッケージマネージャーでインストールできる +---- + +## daybrush/moveable: ↔️ ↕️ 🔄 Moveable! Draggable! Resizable! Scalable! Rotatable! Warpable! +[github.com/daybrush/moveable](https://github.com/daybrush/moveable "daybrush/moveable: ↔️ ↕️ 🔄 Moveable! Draggable! Resizable! Scalable! Rotatable! Warpable!") +

JavaScript library DOM

+ +要素のドラッグ、リサイズなどのイベントハンドリングを扱うライブラリ + + ---- From f10b9b94141cdc9de526bbd68446da041afaa2b9 Mon Sep 17 00:00:00 2001 From: azu Date: Sat, 3 Aug 2019 06:51:20 +0000 Subject: [PATCH 09/22] Update 447 draft --- _i18n/ja/_posts/2019/2019-08-03-447draft.md | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2019/2019-08-03-447draft.md b/_i18n/ja/_posts/2019/2019-08-03-447draft.md index aa5d8f12cef..0fc9197c6a0 100644 --- a/_i18n/ja/_posts/2019/2019-08-03-447draft.md +++ b/_i18n/ja/_posts/2019/2019-08-03-447draft.md @@ -2,7 +2,7 @@ title: "2019-08-03のJS: " author: "azu" layout: post -date : 2019-08-03T02:59:19.154Z +date : 2019-08-03T06:51:20.074Z category: JSer tags: - @@ -29,6 +29,17 @@ Fetch Metadataリクエストヘッダ(`Sec-Fetch-*`)の実装、フラグ付き - [Deprecations and removals in Chrome 76  |  Web  |  Google Developers](https://developers.google.com/web/updates/2019/06/chrome-76-deps-rems "Deprecations and removals in Chrome 76  |  Web  |  Google Developers") - [w3c/webappsec-fetch-metadata: WebAppSec has adopted sec-metadata as fetch-metadata](https://github.com/w3c/webappsec-fetch-metadata "w3c/webappsec-fetch-metadata: WebAppSec has adopted sec-metadata as fetch-metadata") +---- + +## Release Workbox v5.0.0-alpha.0 · GoogleChrome/workbox +[github.com/GoogleChrome/workbox/releases/tag/v5.0.0-alpha.0](https://github.com/GoogleChrome/workbox/releases/tag/v5.0.0-alpha.0 "Release Workbox v5.0.0-alpha.0 · GoogleChrome/workbox") +

ServiceWorker ReleaseNote JavaScript

+ +Service WorkerフレームワークのWorkbox 5αリリース。 +Service WorkerのRuntimeをCDNからではなく、ローカルを生成したものを使うように。 +`injectManifest`で置換されるプレースホルダが`[]`から`self.__WB_MANIFEST`に変更など + + ----

アーティクル

From 3b617c4d68493ede68de9c91878a8a82efa5d306 Mon Sep 17 00:00:00 2001 From: azu Date: Sun, 4 Aug 2019 07:53:54 +0000 Subject: [PATCH 10/22] Update 447 draft --- ...9-08-03-447draft.md => 2019-08-04-447draft.md} | 15 +++++++++++++-- 1 file changed, 13 insertions(+), 2 deletions(-) rename _i18n/ja/_posts/2019/{2019-08-03-447draft.md => 2019-08-04-447draft.md} (87%) diff --git a/_i18n/ja/_posts/2019/2019-08-03-447draft.md b/_i18n/ja/_posts/2019/2019-08-04-447draft.md similarity index 87% rename from _i18n/ja/_posts/2019/2019-08-03-447draft.md rename to _i18n/ja/_posts/2019/2019-08-04-447draft.md index 0fc9197c6a0..241e9e3e1e0 100644 --- a/_i18n/ja/_posts/2019/2019-08-03-447draft.md +++ b/_i18n/ja/_posts/2019/2019-08-04-447draft.md @@ -1,8 +1,8 @@ --- -title: "2019-08-03のJS: " +title: "2019-08-04のJS: " author: "azu" layout: post -date : 2019-08-03T06:51:20.074Z +date : 2019-08-04T07:53:54.038Z category: JSer tags: - @@ -108,4 +108,15 @@ Node.jsやRubyなどパッケージマネージャーでインストールでき 要素のドラッグ、リサイズなどのイベントハンドリングを扱うライブラリ +---- + +## @Databases · Database libraries for Node.js that protect you from SQL Injection +[www.atdatabases.org/](https://www.atdatabases.org/ "@Databases · Database libraries for Node.js that protect you from SQL Injection") +

JavaScript TypeScript SQL library security

+ +Tagged Template LiteralベースのSQLクエリエスケープライブラリ。 +Tagged Template Literalで書いたSQL文からクエリとパラメータを分解して取り出し、その結果をデータベースエンジンにわたすことで安全なSQLエスケープを行う目的。 +Postgres、MySQL、SQLiteなどに対応してる + + ---- From 737e64f44ee173de69fbe9331a73f80f134ba82c Mon Sep 17 00:00:00 2001 From: azu Date: Mon, 5 Aug 2019 00:03:22 +0000 Subject: [PATCH 11/22] Update 447 draft --- ...019-08-04-447draft.md => 2019-08-05-447draft.md} | 13 +++++++++++-- 1 file changed, 11 insertions(+), 2 deletions(-) rename _i18n/ja/_posts/2019/{2019-08-04-447draft.md => 2019-08-05-447draft.md} (91%) diff --git a/_i18n/ja/_posts/2019/2019-08-04-447draft.md b/_i18n/ja/_posts/2019/2019-08-05-447draft.md similarity index 91% rename from _i18n/ja/_posts/2019/2019-08-04-447draft.md rename to _i18n/ja/_posts/2019/2019-08-05-447draft.md index 241e9e3e1e0..c90de12e773 100644 --- a/_i18n/ja/_posts/2019/2019-08-04-447draft.md +++ b/_i18n/ja/_posts/2019/2019-08-05-447draft.md @@ -1,8 +1,8 @@ --- -title: "2019-08-04のJS: " +title: "2019-08-05のJS: " author: "azu" layout: post -date : 2019-08-04T07:53:54.038Z +date : 2019-08-05T00:03:22.054Z category: JSer tags: - @@ -119,4 +119,13 @@ Tagged Template Literalで書いたSQL文からクエリとパラメータを分 Postgres、MySQL、SQLiteなどに対応してる +---- + +## kerimdzhanov/dotenv-flow: Loads environment variables from .env.\[development|test|production\]\[.local\] files for Node.js® projects. +[github.com/kerimdzhanov/dotenv-flow](https://github.com/kerimdzhanov/dotenv-flow "kerimdzhanov/dotenv-flow: Loads environment variables from .env.\[development|test|production\]\[.local\] files for Node.js® projects.") +

node.js library

+ +`.env`や`.env.development`ファイルなどを環境によって読み分けるライブラリ。 + + ---- From f621f56060f49c8f2ebca53d27fea952dba87f4b Mon Sep 17 00:00:00 2001 From: azu Date: Mon, 5 Aug 2019 13:57:59 +0000 Subject: [PATCH 12/22] Update 447 draft --- _i18n/ja/_posts/2019/2019-08-05-447draft.md | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2019/2019-08-05-447draft.md b/_i18n/ja/_posts/2019/2019-08-05-447draft.md index c90de12e773..c7ba6f38a2b 100644 --- a/_i18n/ja/_posts/2019/2019-08-05-447draft.md +++ b/_i18n/ja/_posts/2019/2019-08-05-447draft.md @@ -2,7 +2,7 @@ title: "2019-08-05のJS: " author: "azu" layout: post -date : 2019-08-05T00:03:22.054Z +date : 2019-08-05T13:57:59.164Z category: JSer tags: - @@ -40,6 +40,18 @@ Service WorkerのRuntimeをCDNからではなく、ローカルを生成した `injectManifest`で置換されるプレースホルダが`[]`から`self.__WB_MANIFEST`に変更など +---- + +## Release 10.0.0-rc.1 Biggus Fixus · preactjs/preact +[github.com/preactjs/preact/releases/tag/10.0.0-rc.1](https://github.com/preactjs/preact/releases/tag/10.0.0-rc.1 "Release 10.0.0-rc.1 Biggus Fixus · preactjs/preact") +

React JavaScript library ReleaseNote

+ +Preact 10.0.0 RC1リリース。 +Preact 8.xから10へのマイグレーションガイドの公開された。 +またメンテナンスリリースとして8.5.0も公開された + +- [Release v8.5.0 · preactjs/preact](https://github.com/preactjs/preact/releases/tag/v8.5.0 "Release v8.5.0 · preactjs/preact") + ----

アーティクル

From 0b33516a6cf079514e0e6a7540e20cc5ba693f19 Mon Sep 17 00:00:00 2001 From: azu Date: Mon, 5 Aug 2019 14:01:37 +0000 Subject: [PATCH 13/22] Update 447 draft --- _i18n/ja/_posts/2019/2019-08-05-447draft.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/_i18n/ja/_posts/2019/2019-08-05-447draft.md b/_i18n/ja/_posts/2019/2019-08-05-447draft.md index c7ba6f38a2b..7f65b5b1e37 100644 --- a/_i18n/ja/_posts/2019/2019-08-05-447draft.md +++ b/_i18n/ja/_posts/2019/2019-08-05-447draft.md @@ -2,7 +2,7 @@ title: "2019-08-05のJS: " author: "azu" layout: post -date : 2019-08-05T13:57:59.164Z +date : 2019-08-05T14:01:37.058Z category: JSer tags: - @@ -47,7 +47,7 @@ Service WorkerのRuntimeをCDNからではなく、ローカルを生成した

React JavaScript library ReleaseNote

Preact 10.0.0 RC1リリース。 -Preact 8.xから10へのマイグレーションガイドの公開された。 +Preact 8.xから10へのマイグレーションガイドが公開された。 またメンテナンスリリースとして8.5.0も公開された - [Release v8.5.0 · preactjs/preact](https://github.com/preactjs/preact/releases/tag/v8.5.0 "Release v8.5.0 · preactjs/preact") From de833c42c18d2937f5f9385ff4ae962945a17c42 Mon Sep 17 00:00:00 2001 From: azu Date: Mon, 5 Aug 2019 16:13:32 +0000 Subject: [PATCH 14/22] Update 447 draft --- _i18n/ja/_posts/2019/2019-08-05-447draft.md | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2019/2019-08-05-447draft.md b/_i18n/ja/_posts/2019/2019-08-05-447draft.md index 7f65b5b1e37..c434a2d815f 100644 --- a/_i18n/ja/_posts/2019/2019-08-05-447draft.md +++ b/_i18n/ja/_posts/2019/2019-08-05-447draft.md @@ -2,7 +2,7 @@ title: "2019-08-05のJS: " author: "azu" layout: post -date : 2019-08-05T14:01:37.058Z +date : 2019-08-05T16:13:32.701Z category: JSer tags: - @@ -68,6 +68,16 @@ jQuery+SignalからReact+Reduxへの移行。 Multi workspaceを意識した書き換えによってメモリ使用量の削減の効果などがあったことについてなど +---- + +## プロダクト間共通の React コンポーネントライブラリを運用する話 - SmartHR Tech Blog +[tech.smarthr.jp/entry/2019/08/01/151100](https://tech.smarthr.jp/entry/2019/08/01/151100 "プロダクト間共通の React コンポーネントライブラリを運用する話 - SmartHR Tech Blog") +

React UI library TypeScript article

+ +アプリケーション間の共通UIをライブラリ化することについて。 +React + TypeScript + Styled Componentsでの実装、Storybookでのプレビューやreg-suitでの回帰テストについてなど + + ----

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

From 9dc021a2db6f38abc0145150d2ee8b5a699e3957 Mon Sep 17 00:00:00 2001 From: azu Date: Mon, 5 Aug 2019 23:53:06 +0000 Subject: [PATCH 15/22] Update 447 draft --- _i18n/ja/_posts/2019/2019-08-05-447draft.md | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2019/2019-08-05-447draft.md b/_i18n/ja/_posts/2019/2019-08-05-447draft.md index c434a2d815f..3d67e38fb13 100644 --- a/_i18n/ja/_posts/2019/2019-08-05-447draft.md +++ b/_i18n/ja/_posts/2019/2019-08-05-447draft.md @@ -2,7 +2,7 @@ title: "2019-08-05のJS: " author: "azu" layout: post -date : 2019-08-05T16:13:32.701Z +date : 2019-08-05T23:53:05.969Z category: JSer tags: - @@ -52,6 +52,18 @@ Preact 8.xから10へのマイグレーションガイドが公開された。 - [Release v8.5.0 · preactjs/preact](https://github.com/preactjs/preact/releases/tag/v8.5.0 "Release v8.5.0 · preactjs/preact") +---- + +## Changelog for 16.9 (TODO: add date) by gaearon · Pull Request #16254 · facebook/react +[github.com/facebook/react/pull/16254](https://github.com/facebook/react/pull/16254 "Changelog for 16.9 (TODO: add date) by gaearon · Pull Request #16254 · facebook/react") +

React ReleaseNote issue

+ +React 16.9 RC0リリース。 +``の追加、非推奨となっていた`UNSAFE_*`のライフサイクルメソッドの削除、``に対して警告を出すように。 +また、DevToolsで`useState`の編集、Suspenseのトグル表示に対応、テスト用の`act`がAsync対応など + +- [Warn for javascript: URLs in DOM sinks by sebmarkbage · Pull Request #15047 · facebook/react](https://github.com/facebook/react/pull/15047 "Warn for javascript: URLs in DOM sinks by sebmarkbage · Pull Request #15047 · facebook/react") + ----

アーティクル

From 21615ade20c67e1e1b51ec08ff8264dc475fe838 Mon Sep 17 00:00:00 2001 From: azu Date: Tue, 6 Aug 2019 01:51:40 +0000 Subject: [PATCH 16/22] Update 447 draft --- .../{2019-08-05-447draft.md => 2019-08-06-447draft.md} | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) rename _i18n/ja/_posts/2019/{2019-08-05-447draft.md => 2019-08-06-447draft.md} (97%) diff --git a/_i18n/ja/_posts/2019/2019-08-05-447draft.md b/_i18n/ja/_posts/2019/2019-08-06-447draft.md similarity index 97% rename from _i18n/ja/_posts/2019/2019-08-05-447draft.md rename to _i18n/ja/_posts/2019/2019-08-06-447draft.md index 3d67e38fb13..f193a87537c 100644 --- a/_i18n/ja/_posts/2019/2019-08-05-447draft.md +++ b/_i18n/ja/_posts/2019/2019-08-06-447draft.md @@ -1,8 +1,8 @@ --- -title: "2019-08-05のJS: " +title: "2019-08-06のJS: " author: "azu" layout: post -date : 2019-08-05T23:53:05.969Z +date : 2019-08-06T01:51:40.799Z category: JSer tags: - @@ -58,11 +58,11 @@ Preact 8.xから10へのマイグレーションガイドが公開された。 [github.com/facebook/react/pull/16254](https://github.com/facebook/react/pull/16254 "Changelog for 16.9 (TODO: add date) by gaearon · Pull Request #16254 · facebook/react")

React ReleaseNote issue

-React 16.9 RC0リリース。 +React 16.9 RC.0リリース。 ``の追加、非推奨となっていた`UNSAFE_*`のライフサイクルメソッドの削除、``に対して警告を出すように。 また、DevToolsで`useState`の編集、Suspenseのトグル表示に対応、テスト用の`act`がAsync対応など -- [Warn for javascript: URLs in DOM sinks by sebmarkbage · Pull Request #15047 · facebook/react](https://github.com/facebook/react/pull/15047 "Warn for javascript: URLs in DOM sinks by sebmarkbage · Pull Request #15047 · facebook/react") +- [Warn for javascript: URLs in DOM sinks by sebmarkbage · Pull Request #15047 · facebook/react](http://example.com/ "Warn for javascript: URLs in DOM sinks by sebmarkbage · Pull Request #15047 · facebook/react") ----

アーティクル

From ea553100a70450d2e6c541bc71170a3cb2ee7a5f Mon Sep 17 00:00:00 2001 From: azu Date: Tue, 6 Aug 2019 01:52:28 +0000 Subject: [PATCH 17/22] Update 447 draft --- _i18n/ja/_posts/2019/2019-08-06-447draft.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/_i18n/ja/_posts/2019/2019-08-06-447draft.md b/_i18n/ja/_posts/2019/2019-08-06-447draft.md index f193a87537c..302c3233b36 100644 --- a/_i18n/ja/_posts/2019/2019-08-06-447draft.md +++ b/_i18n/ja/_posts/2019/2019-08-06-447draft.md @@ -2,7 +2,7 @@ title: "2019-08-06のJS: " author: "azu" layout: post -date : 2019-08-06T01:51:40.799Z +date : 2019-08-06T01:52:28.429Z category: JSer tags: - @@ -97,7 +97,7 @@ React + TypeScript + Styled Componentsでの実装、Storybookでのプレビュ ## WebMemex/freeze-dry: Snapshots a web page to get it as a static, self-contained HTML document. [github.com/WebMemex/freeze-dry](https://github.com/WebMemex/freeze-dry "WebMemex/freeze-dry: Snapshots a web page to get it as a static, self-contained HTML document.") -

JavaScript library

+

JavaScript library DOM

ウェブサイトのDOMとリソースのスナップショットを取るライブラリ From ce08ee982f523c315c2b8fe1a4f4f2274b153cba Mon Sep 17 00:00:00 2001 From: azu Date: Tue, 6 Aug 2019 01:56:40 +0000 Subject: [PATCH 18/22] Update 447 draft --- _i18n/ja/_posts/2019/2019-08-06-447draft.md | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2019/2019-08-06-447draft.md b/_i18n/ja/_posts/2019/2019-08-06-447draft.md index 302c3233b36..5640141222c 100644 --- a/_i18n/ja/_posts/2019/2019-08-06-447draft.md +++ b/_i18n/ja/_posts/2019/2019-08-06-447draft.md @@ -2,7 +2,7 @@ title: "2019-08-06のJS: " author: "azu" layout: post -date : 2019-08-06T01:52:28.429Z +date : 2019-08-06T01:56:40.462Z category: JSer tags: - @@ -162,4 +162,16 @@ Postgres、MySQL、SQLiteなどに対応してる `.env`や`.env.development`ファイルなどを環境によって読み分けるライブラリ。 +---- +

書籍関係

+ +---- + +## JavaScript for impatient programmers +[exploringjs.com/impatient-js/index.html](https://exploringjs.com/impatient-js/index.html "JavaScript for impatient programmers") +

JavaScript book

+ +Dr.AxelのJavaScript入門本 + + ---- From 840175ca13b4efa0f6625a92f587a843a569104a Mon Sep 17 00:00:00 2001 From: azu Date: Tue, 6 Aug 2019 02:08:19 +0000 Subject: [PATCH 19/22] Update 447 draft --- _i18n/ja/_posts/2019/2019-08-06-447draft.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/_i18n/ja/_posts/2019/2019-08-06-447draft.md b/_i18n/ja/_posts/2019/2019-08-06-447draft.md index 5640141222c..63c0b55a2de 100644 --- a/_i18n/ja/_posts/2019/2019-08-06-447draft.md +++ b/_i18n/ja/_posts/2019/2019-08-06-447draft.md @@ -2,7 +2,7 @@ title: "2019-08-06のJS: " author: "azu" layout: post -date : 2019-08-06T01:56:40.462Z +date : 2019-08-06T02:08:19.147Z category: JSer tags: - @@ -59,7 +59,7 @@ Preact 8.xから10へのマイグレーションガイドが公開された。

React ReleaseNote issue

React 16.9 RC.0リリース。 -``の追加、非推奨となっていた`UNSAFE_*`のライフサイクルメソッドの削除、``に対して警告を出すように。 +``の追加、非推奨となっていた`UNSAFE_*`のライフサイクルメソッドに対する警告を表示、``に対して警告を出すように。 また、DevToolsで`useState`の編集、Suspenseのトグル表示に対応、テスト用の`act`がAsync対応など - [Warn for javascript: URLs in DOM sinks by sebmarkbage · Pull Request #15047 · facebook/react](http://example.com/ "Warn for javascript: URLs in DOM sinks by sebmarkbage · Pull Request #15047 · facebook/react") From e1dbf55903aa352f6facc6c7a2d3798b82e005f1 Mon Sep 17 00:00:00 2001 From: azu Date: Tue, 6 Aug 2019 11:23:44 +0900 Subject: [PATCH 20/22] Update 2019-08-06-447draft.md --- _i18n/ja/_posts/2019/2019-08-06-447draft.md | 54 ++++++++++++++++++--- 1 file changed, 47 insertions(+), 7 deletions(-) diff --git a/_i18n/ja/_posts/2019/2019-08-06-447draft.md b/_i18n/ja/_posts/2019/2019-08-06-447draft.md index 63c0b55a2de..861cc5a3ea6 100644 --- a/_i18n/ja/_posts/2019/2019-08-06-447draft.md +++ b/_i18n/ja/_posts/2019/2019-08-06-447draft.md @@ -1,15 +1,57 @@ --- -title: "2019-08-06のJS: " +title: "2019-08-06のJS: Chrome 76、React 16.9、Slack Desktopのリファクタリング" author: "azu" layout: post -date : 2019-08-06T02:08:19.147Z +date : 2019-08-06T01:52:28.429Z category: JSer tags: -- +- Chrome +- React +- Slack --- -JSer.info #447 +JSer.info #447 - Chrome 76がリリースされました。 + +- [New in Chrome 76  |  Web  |  Google Developers](https://developers.google.com/web/updates/2019/07/nic76) +- [Deprecations and removals in Chrome 76  |  Web  |  Google Developers](https://developers.google.com/web/updates/2019/06/chrome-76-deps-rems) +- [Chrome Platform Status](https://www.chromestatus.com/features#milestone%3D76) + +Stage 4となった[`Promise.allSettled()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/allSettled)の実装、`Blob#text()`/`Blob#arrayBuffer()`/`Blob#stream()`のサポートが追加されています。 +また、Async Clipboard APIで画像のサポートが追加されています。 + +- [Image Support for the Async Clipboard API  |  Web  |  Google Developers](https://developers.google.com/web/updates/2019/07/image-support-for-async-clipboard) + +Fetch Metadataリクエストヘッダ(`Sec-Fetch-*`)の実装、フラグ付きでCookieのデフォルトが`SameSite=Lax`となる変更が入っています。 +SameSite CookieがデフォルトとなるのはChrome 80の予定で、詳細は次の記事で解説されています。 + +- [SameSite cookies explained  |  web.dev](https://web.dev/samesite-cookies-explained) + +---- + +React 16.9のRC版がリリースされています。 + +- [Changelog for 16.9 (TODO: add date) by gaearon · Pull Request #16254 · facebook/react](https://github.com/facebook/react/pull/16254) + +試験的に実装されていた``がStableな機能としてサポートされました。 +プロファイルについては次の記事もあわせて読むとよさそうです。 + +- [Introducing the React Profiler – React Blog](https://reactjs.org/blog/2018/09/10/introducing-the-react-profiler.html) + +非推奨となっていた`UNSAFE_componentWillMount`などの`UNSAFE_*`のライフサイクルメソッドに対して警告出すようになっています。 + +- [Update on Async Rendering – React Blog](https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html) + +またXSSの攻撃に使われる``など`javascript:`スキームに対して警告を出すようになっています。 +これに類似する仕組みやEmberやAngularにも実装されています。 + +- [Warn for javascript: URLs in DOM sinks by sebmarkbage · Pull Request #15047 · facebook/react](https://github.com/facebook/react/pull/15047) +- [Ember.js - Ember.js 1.9.1 Released](https://blog.emberjs.com/2014/12/23/ember-1-9-1-released.html) +- [Angular - Security](https://angular.io/guide/security) + - [DOMのXSSを防ぐTrusted TypesとAngularのセキュリティ機構](https://www.notion.so/DOM-XSS-Trusted-Types-Angular-8e9535e4effb445c96a54eb68c56dc47) + +その他としてDevToolsで`useState`の編集、Suspenseのトグル表示に対応などの開発者ツールの改善や、テスト用の`act`関数がAsync Functionに対応などが含まれています。 + ---- @@ -59,7 +101,7 @@ Preact 8.xから10へのマイグレーションガイドが公開された。

React ReleaseNote issue

React 16.9 RC.0リリース。 -``の追加、非推奨となっていた`UNSAFE_*`のライフサイクルメソッドに対する警告を表示、``に対して警告を出すように。 +``の追加、非推奨となっていた`UNSAFE_*`のライフサイクルメソッドに対する警告の表示、``に対して警告を出すように。 また、DevToolsで`useState`の編集、Suspenseのトグル表示に対応、テスト用の`act`がAsync対応など - [Warn for javascript: URLs in DOM sinks by sebmarkbage · Pull Request #15047 · facebook/react](http://example.com/ "Warn for javascript: URLs in DOM sinks by sebmarkbage · Pull Request #15047 · facebook/react") @@ -161,7 +203,6 @@ Postgres、MySQL、SQLiteなどに対応してる `.env`や`.env.development`ファイルなどを環境によって読み分けるライブラリ。 - ----

書籍関係

@@ -173,5 +214,4 @@ Postgres、MySQL、SQLiteなどに対応してる Dr.AxelのJavaScript入門本 - ---- From 044170a9435f12e49da74707303ae7ebfdfe5aa6 Mon Sep 17 00:00:00 2001 From: "probot-for-jser-info[bot]" <39436999+probot-for-jser-info[bot]@users.noreply.github.com> Date: Tue, 6 Aug 2019 02:23:48 +0000 Subject: [PATCH 21/22] Move _i18n/ja/_posts/2019/2019-08-06-447draft.md to _i18n/ja/_posts/2019/2019-08-06-chrome-76react-16.9slack-desktop.md --- ...-08-06-chrome-76react-16.9slack-desktop.md | 217 ++++++++++++++++++ 1 file changed, 217 insertions(+) create mode 100644 _i18n/ja/_posts/2019/2019-08-06-chrome-76react-16.9slack-desktop.md diff --git a/_i18n/ja/_posts/2019/2019-08-06-chrome-76react-16.9slack-desktop.md b/_i18n/ja/_posts/2019/2019-08-06-chrome-76react-16.9slack-desktop.md new file mode 100644 index 00000000000..861cc5a3ea6 --- /dev/null +++ b/_i18n/ja/_posts/2019/2019-08-06-chrome-76react-16.9slack-desktop.md @@ -0,0 +1,217 @@ +--- +title: "2019-08-06のJS: Chrome 76、React 16.9、Slack Desktopのリファクタリング" +author: "azu" +layout: post +date : 2019-08-06T01:52:28.429Z +category: JSer +tags: +- Chrome +- React +- Slack + +--- + +JSer.info #447 - Chrome 76がリリースされました。 + +- [New in Chrome 76  |  Web  |  Google Developers](https://developers.google.com/web/updates/2019/07/nic76) +- [Deprecations and removals in Chrome 76  |  Web  |  Google Developers](https://developers.google.com/web/updates/2019/06/chrome-76-deps-rems) +- [Chrome Platform Status](https://www.chromestatus.com/features#milestone%3D76) + +Stage 4となった[`Promise.allSettled()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/allSettled)の実装、`Blob#text()`/`Blob#arrayBuffer()`/`Blob#stream()`のサポートが追加されています。 +また、Async Clipboard APIで画像のサポートが追加されています。 + +- [Image Support for the Async Clipboard API  |  Web  |  Google Developers](https://developers.google.com/web/updates/2019/07/image-support-for-async-clipboard) + +Fetch Metadataリクエストヘッダ(`Sec-Fetch-*`)の実装、フラグ付きでCookieのデフォルトが`SameSite=Lax`となる変更が入っています。 +SameSite CookieがデフォルトとなるのはChrome 80の予定で、詳細は次の記事で解説されています。 + +- [SameSite cookies explained  |  web.dev](https://web.dev/samesite-cookies-explained) + +---- + +React 16.9のRC版がリリースされています。 + +- [Changelog for 16.9 (TODO: add date) by gaearon · Pull Request #16254 · facebook/react](https://github.com/facebook/react/pull/16254) + +試験的に実装されていた``がStableな機能としてサポートされました。 +プロファイルについては次の記事もあわせて読むとよさそうです。 + +- [Introducing the React Profiler – React Blog](https://reactjs.org/blog/2018/09/10/introducing-the-react-profiler.html) + +非推奨となっていた`UNSAFE_componentWillMount`などの`UNSAFE_*`のライフサイクルメソッドに対して警告出すようになっています。 + +- [Update on Async Rendering – React Blog](https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html) + +またXSSの攻撃に使われる``など`javascript:`スキームに対して警告を出すようになっています。 +これに類似する仕組みやEmberやAngularにも実装されています。 + +- [Warn for javascript: URLs in DOM sinks by sebmarkbage · Pull Request #15047 · facebook/react](https://github.com/facebook/react/pull/15047) +- [Ember.js - Ember.js 1.9.1 Released](https://blog.emberjs.com/2014/12/23/ember-1-9-1-released.html) +- [Angular - Security](https://angular.io/guide/security) + - [DOMのXSSを防ぐTrusted TypesとAngularのセキュリティ機構](https://www.notion.so/DOM-XSS-Trusted-Types-Angular-8e9535e4effb445c96a54eb68c56dc47) + +その他としてDevToolsで`useState`の編集、Suspenseのトグル表示に対応などの開発者ツールの改善や、テスト用の`act`関数がAsync Functionに対応などが含まれています。 + + +---- + +

ヘッドライン

+ +---- + +## New in Chrome 76  |  Web  |  Google Developers +[developers.google.com/web/updates/2019/07/nic76](https://developers.google.com/web/updates/2019/07/nic76 "New in Chrome 76  |  Web  |  Google Developers") +

Chrome ReleaseNote

+ +Chrome 76リリース。 +Stage 4となった`Promise.allSettled()`の実装、`Blob#text()`/`Blob#arrayBuffer()`/`Blob#stream()`の追加。 +Fetch Metadataリクエストヘッダ(`Sec-Fetch-*`)の実装、フラグ付きでCookieのデフォルトが`SameSite=Lax`となる変更が入るなど + +- [Chrome Platform Status](https://www.chromestatus.com/features#milestone%3D76 "Chrome Platform Status") +- [Deprecations and removals in Chrome 76  |  Web  |  Google Developers](https://developers.google.com/web/updates/2019/06/chrome-76-deps-rems "Deprecations and removals in Chrome 76  |  Web  |  Google Developers") +- [w3c/webappsec-fetch-metadata: WebAppSec has adopted sec-metadata as fetch-metadata](https://github.com/w3c/webappsec-fetch-metadata "w3c/webappsec-fetch-metadata: WebAppSec has adopted sec-metadata as fetch-metadata") + +---- + +## Release Workbox v5.0.0-alpha.0 · GoogleChrome/workbox +[github.com/GoogleChrome/workbox/releases/tag/v5.0.0-alpha.0](https://github.com/GoogleChrome/workbox/releases/tag/v5.0.0-alpha.0 "Release Workbox v5.0.0-alpha.0 · GoogleChrome/workbox") +

ServiceWorker ReleaseNote JavaScript

+ +Service WorkerフレームワークのWorkbox 5αリリース。 +Service WorkerのRuntimeをCDNからではなく、ローカルを生成したものを使うように。 +`injectManifest`で置換されるプレースホルダが`[]`から`self.__WB_MANIFEST`に変更など + + +---- + +## Release 10.0.0-rc.1 Biggus Fixus · preactjs/preact +[github.com/preactjs/preact/releases/tag/10.0.0-rc.1](https://github.com/preactjs/preact/releases/tag/10.0.0-rc.1 "Release 10.0.0-rc.1 Biggus Fixus · preactjs/preact") +

React JavaScript library ReleaseNote

+ +Preact 10.0.0 RC1リリース。 +Preact 8.xから10へのマイグレーションガイドが公開された。 +またメンテナンスリリースとして8.5.0も公開された + +- [Release v8.5.0 · preactjs/preact](https://github.com/preactjs/preact/releases/tag/v8.5.0 "Release v8.5.0 · preactjs/preact") + +---- + +## Changelog for 16.9 (TODO: add date) by gaearon · Pull Request #16254 · facebook/react +[github.com/facebook/react/pull/16254](https://github.com/facebook/react/pull/16254 "Changelog for 16.9 (TODO: add date) by gaearon · Pull Request #16254 · facebook/react") +

React ReleaseNote issue

+ +React 16.9 RC.0リリース。 +``の追加、非推奨となっていた`UNSAFE_*`のライフサイクルメソッドに対する警告の表示、``に対して警告を出すように。 +また、DevToolsで`useState`の編集、Suspenseのトグル表示に対応、テスト用の`act`がAsync対応など + +- [Warn for javascript: URLs in DOM sinks by sebmarkbage · Pull Request #15047 · facebook/react](http://example.com/ "Warn for javascript: URLs in DOM sinks by sebmarkbage · Pull Request #15047 · facebook/react") + +---- +

アーティクル

+ +---- + +## When a rewrite isn’t: rebuilding Slack on the desktop +[slack.engineering/rebuilding-slack-on-the-desktop-308d6fe94ae4](https://slack.engineering/rebuilding-slack-on-the-desktop-308d6fe94ae4 "When a rewrite isn’t: rebuilding Slack on the desktop") +

slack JavaScript refacoring article

+ +Slack Desktopのアーキテクチャをどのようにリファクタリングしたかについて。 +jQuery+SignalからReact+Reduxへの移行。 +既存のコードベースを維持しつつ、徐々にモダンへ移行していく戦略について。 +名前空間オブジェクトとモジュールの混在時における相互運用性。古いコードは新しいコードを直接importできず、新しいコードは古いコードを直接importできないという`legacy-interop`の概念の導入。 +Multi workspaceを意識した書き換えによってメモリ使用量の削減の効果などがあったことについてなど + + +---- + +## プロダクト間共通の React コンポーネントライブラリを運用する話 - SmartHR Tech Blog +[tech.smarthr.jp/entry/2019/08/01/151100](https://tech.smarthr.jp/entry/2019/08/01/151100 "プロダクト間共通の React コンポーネントライブラリを運用する話 - SmartHR Tech Blog") +

React UI library TypeScript article

+ +アプリケーション間の共通UIをライブラリ化することについて。 +React + TypeScript + Styled Componentsでの実装、Storybookでのプレビューやreg-suitでの回帰テストについてなど + + +---- +

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

+ +---- + +## WebMemex/freeze-dry: Snapshots a web page to get it as a static, self-contained HTML document. +[github.com/WebMemex/freeze-dry](https://github.com/WebMemex/freeze-dry "WebMemex/freeze-dry: Snapshots a web page to get it as a static, self-contained HTML document.") +

JavaScript library DOM

+ +ウェブサイトのDOMとリソースのスナップショットを取るライブラリ + + +---- +

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

+ +---- + +## harttle/liquidjs: A shopify compatible Liquid template engine in pure JavaScript. +[github.com/harttle/liquidjs](https://github.com/harttle/liquidjs "harttle/liquidjs: A shopify compatible Liquid template engine in pure JavaScript.") +

JavaScript library template TypeScript

+ +Liquid互換のテンプレートエンジンのJavaScript実装 + + +---- + +## unshiftio/url-parse: Small footprint URL parser that works seamlessly across Node.js and browser environments. +[github.com/unshiftio/url-parse](https://github.com/unshiftio/url-parse "unshiftio/url-parse: Small footprint URL parser that works seamlessly across Node.js and browser environments.") +

JavaScript library browser node.js

+ +Browser、Node.js、Workerで動くURLパースライブラリ + + +---- + +## Arkweid/lefthook: Fast and powerful Git hooks manager for any type of projects. +[github.com/Arkweid/lefthook](https://github.com/Arkweid/lefthook "Arkweid/lefthook: Fast and powerful Git hooks manager for any type of projects.") +

git node.js ruby Tools

+ +Git Hooksをymlで管理できるツール。 +Node.jsやRubyなどパッケージマネージャーでインストールできる + + +---- + +## daybrush/moveable: ↔️ ↕️ 🔄 Moveable! Draggable! Resizable! Scalable! Rotatable! Warpable! +[github.com/daybrush/moveable](https://github.com/daybrush/moveable "daybrush/moveable: ↔️ ↕️ 🔄 Moveable! Draggable! Resizable! Scalable! Rotatable! Warpable!") +

JavaScript library DOM

+ +要素のドラッグ、リサイズなどのイベントハンドリングを扱うライブラリ + + +---- + +## @Databases · Database libraries for Node.js that protect you from SQL Injection +[www.atdatabases.org/](https://www.atdatabases.org/ "@Databases · Database libraries for Node.js that protect you from SQL Injection") +

JavaScript TypeScript SQL library security

+ +Tagged Template LiteralベースのSQLクエリエスケープライブラリ。 +Tagged Template Literalで書いたSQL文からクエリとパラメータを分解して取り出し、その結果をデータベースエンジンにわたすことで安全なSQLエスケープを行う目的。 +Postgres、MySQL、SQLiteなどに対応してる + + +---- + +## kerimdzhanov/dotenv-flow: Loads environment variables from .env.\[development|test|production\]\[.local\] files for Node.js® projects. +[github.com/kerimdzhanov/dotenv-flow](https://github.com/kerimdzhanov/dotenv-flow "kerimdzhanov/dotenv-flow: Loads environment variables from .env.\[development|test|production\]\[.local\] files for Node.js® projects.") +

node.js library

+ +`.env`や`.env.development`ファイルなどを環境によって読み分けるライブラリ。 + +---- +

書籍関係

+ +---- + +## JavaScript for impatient programmers +[exploringjs.com/impatient-js/index.html](https://exploringjs.com/impatient-js/index.html "JavaScript for impatient programmers") +

JavaScript book

+ +Dr.AxelのJavaScript入門本 + +---- From 9501cc460fd4e66d02b4faea3b3e01f36a47ee65 Mon Sep 17 00:00:00 2001 From: "probot-for-jser-info[bot]" <39436999+probot-for-jser-info[bot]@users.noreply.github.com> Date: Tue, 6 Aug 2019 02:23:49 +0000 Subject: [PATCH 22/22] Remove _i18n/ja/_posts/2019/2019-08-06-447draft.md --- _i18n/ja/_posts/2019/2019-08-06-447draft.md | 217 -------------------- 1 file changed, 217 deletions(-) delete mode 100644 _i18n/ja/_posts/2019/2019-08-06-447draft.md diff --git a/_i18n/ja/_posts/2019/2019-08-06-447draft.md b/_i18n/ja/_posts/2019/2019-08-06-447draft.md deleted file mode 100644 index 861cc5a3ea6..00000000000 --- a/_i18n/ja/_posts/2019/2019-08-06-447draft.md +++ /dev/null @@ -1,217 +0,0 @@ ---- -title: "2019-08-06のJS: Chrome 76、React 16.9、Slack Desktopのリファクタリング" -author: "azu" -layout: post -date : 2019-08-06T01:52:28.429Z -category: JSer -tags: -- Chrome -- React -- Slack - ---- - -JSer.info #447 - Chrome 76がリリースされました。 - -- [New in Chrome 76  |  Web  |  Google Developers](https://developers.google.com/web/updates/2019/07/nic76) -- [Deprecations and removals in Chrome 76  |  Web  |  Google Developers](https://developers.google.com/web/updates/2019/06/chrome-76-deps-rems) -- [Chrome Platform Status](https://www.chromestatus.com/features#milestone%3D76) - -Stage 4となった[`Promise.allSettled()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/allSettled)の実装、`Blob#text()`/`Blob#arrayBuffer()`/`Blob#stream()`のサポートが追加されています。 -また、Async Clipboard APIで画像のサポートが追加されています。 - -- [Image Support for the Async Clipboard API  |  Web  |  Google Developers](https://developers.google.com/web/updates/2019/07/image-support-for-async-clipboard) - -Fetch Metadataリクエストヘッダ(`Sec-Fetch-*`)の実装、フラグ付きでCookieのデフォルトが`SameSite=Lax`となる変更が入っています。 -SameSite CookieがデフォルトとなるのはChrome 80の予定で、詳細は次の記事で解説されています。 - -- [SameSite cookies explained  |  web.dev](https://web.dev/samesite-cookies-explained) - ----- - -React 16.9のRC版がリリースされています。 - -- [Changelog for 16.9 (TODO: add date) by gaearon · Pull Request #16254 · facebook/react](https://github.com/facebook/react/pull/16254) - -試験的に実装されていた``がStableな機能としてサポートされました。 -プロファイルについては次の記事もあわせて読むとよさそうです。 - -- [Introducing the React Profiler – React Blog](https://reactjs.org/blog/2018/09/10/introducing-the-react-profiler.html) - -非推奨となっていた`UNSAFE_componentWillMount`などの`UNSAFE_*`のライフサイクルメソッドに対して警告出すようになっています。 - -- [Update on Async Rendering – React Blog](https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html) - -またXSSの攻撃に使われる``など`javascript:`スキームに対して警告を出すようになっています。 -これに類似する仕組みやEmberやAngularにも実装されています。 - -- [Warn for javascript: URLs in DOM sinks by sebmarkbage · Pull Request #15047 · facebook/react](https://github.com/facebook/react/pull/15047) -- [Ember.js - Ember.js 1.9.1 Released](https://blog.emberjs.com/2014/12/23/ember-1-9-1-released.html) -- [Angular - Security](https://angular.io/guide/security) - - [DOMのXSSを防ぐTrusted TypesとAngularのセキュリティ機構](https://www.notion.so/DOM-XSS-Trusted-Types-Angular-8e9535e4effb445c96a54eb68c56dc47) - -その他としてDevToolsで`useState`の編集、Suspenseのトグル表示に対応などの開発者ツールの改善や、テスト用の`act`関数がAsync Functionに対応などが含まれています。 - - ----- - -

ヘッドライン

- ----- - -## New in Chrome 76  |  Web  |  Google Developers -[developers.google.com/web/updates/2019/07/nic76](https://developers.google.com/web/updates/2019/07/nic76 "New in Chrome 76  |  Web  |  Google Developers") -

Chrome ReleaseNote

- -Chrome 76リリース。 -Stage 4となった`Promise.allSettled()`の実装、`Blob#text()`/`Blob#arrayBuffer()`/`Blob#stream()`の追加。 -Fetch Metadataリクエストヘッダ(`Sec-Fetch-*`)の実装、フラグ付きでCookieのデフォルトが`SameSite=Lax`となる変更が入るなど - -- [Chrome Platform Status](https://www.chromestatus.com/features#milestone%3D76 "Chrome Platform Status") -- [Deprecations and removals in Chrome 76  |  Web  |  Google Developers](https://developers.google.com/web/updates/2019/06/chrome-76-deps-rems "Deprecations and removals in Chrome 76  |  Web  |  Google Developers") -- [w3c/webappsec-fetch-metadata: WebAppSec has adopted sec-metadata as fetch-metadata](https://github.com/w3c/webappsec-fetch-metadata "w3c/webappsec-fetch-metadata: WebAppSec has adopted sec-metadata as fetch-metadata") - ----- - -## Release Workbox v5.0.0-alpha.0 · GoogleChrome/workbox -[github.com/GoogleChrome/workbox/releases/tag/v5.0.0-alpha.0](https://github.com/GoogleChrome/workbox/releases/tag/v5.0.0-alpha.0 "Release Workbox v5.0.0-alpha.0 · GoogleChrome/workbox") -

ServiceWorker ReleaseNote JavaScript

- -Service WorkerフレームワークのWorkbox 5αリリース。 -Service WorkerのRuntimeをCDNからではなく、ローカルを生成したものを使うように。 -`injectManifest`で置換されるプレースホルダが`[]`から`self.__WB_MANIFEST`に変更など - - ----- - -## Release 10.0.0-rc.1 Biggus Fixus · preactjs/preact -[github.com/preactjs/preact/releases/tag/10.0.0-rc.1](https://github.com/preactjs/preact/releases/tag/10.0.0-rc.1 "Release 10.0.0-rc.1 Biggus Fixus · preactjs/preact") -

React JavaScript library ReleaseNote

- -Preact 10.0.0 RC1リリース。 -Preact 8.xから10へのマイグレーションガイドが公開された。 -またメンテナンスリリースとして8.5.0も公開された - -- [Release v8.5.0 · preactjs/preact](https://github.com/preactjs/preact/releases/tag/v8.5.0 "Release v8.5.0 · preactjs/preact") - ----- - -## Changelog for 16.9 (TODO: add date) by gaearon · Pull Request #16254 · facebook/react -[github.com/facebook/react/pull/16254](https://github.com/facebook/react/pull/16254 "Changelog for 16.9 (TODO: add date) by gaearon · Pull Request #16254 · facebook/react") -

React ReleaseNote issue

- -React 16.9 RC.0リリース。 -``の追加、非推奨となっていた`UNSAFE_*`のライフサイクルメソッドに対する警告の表示、``に対して警告を出すように。 -また、DevToolsで`useState`の編集、Suspenseのトグル表示に対応、テスト用の`act`がAsync対応など - -- [Warn for javascript: URLs in DOM sinks by sebmarkbage · Pull Request #15047 · facebook/react](http://example.com/ "Warn for javascript: URLs in DOM sinks by sebmarkbage · Pull Request #15047 · facebook/react") - ----- -

アーティクル

- ----- - -## When a rewrite isn’t: rebuilding Slack on the desktop -[slack.engineering/rebuilding-slack-on-the-desktop-308d6fe94ae4](https://slack.engineering/rebuilding-slack-on-the-desktop-308d6fe94ae4 "When a rewrite isn’t: rebuilding Slack on the desktop") -

slack JavaScript refacoring article

- -Slack Desktopのアーキテクチャをどのようにリファクタリングしたかについて。 -jQuery+SignalからReact+Reduxへの移行。 -既存のコードベースを維持しつつ、徐々にモダンへ移行していく戦略について。 -名前空間オブジェクトとモジュールの混在時における相互運用性。古いコードは新しいコードを直接importできず、新しいコードは古いコードを直接importできないという`legacy-interop`の概念の導入。 -Multi workspaceを意識した書き換えによってメモリ使用量の削減の効果などがあったことについてなど - - ----- - -## プロダクト間共通の React コンポーネントライブラリを運用する話 - SmartHR Tech Blog -[tech.smarthr.jp/entry/2019/08/01/151100](https://tech.smarthr.jp/entry/2019/08/01/151100 "プロダクト間共通の React コンポーネントライブラリを運用する話 - SmartHR Tech Blog") -

React UI library TypeScript article

- -アプリケーション間の共通UIをライブラリ化することについて。 -React + TypeScript + Styled Componentsでの実装、Storybookでのプレビューやreg-suitでの回帰テストについてなど - - ----- -

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

- ----- - -## WebMemex/freeze-dry: Snapshots a web page to get it as a static, self-contained HTML document. -[github.com/WebMemex/freeze-dry](https://github.com/WebMemex/freeze-dry "WebMemex/freeze-dry: Snapshots a web page to get it as a static, self-contained HTML document.") -

JavaScript library DOM

- -ウェブサイトのDOMとリソースのスナップショットを取るライブラリ - - ----- -

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

- ----- - -## harttle/liquidjs: A shopify compatible Liquid template engine in pure JavaScript. -[github.com/harttle/liquidjs](https://github.com/harttle/liquidjs "harttle/liquidjs: A shopify compatible Liquid template engine in pure JavaScript.") -

JavaScript library template TypeScript

- -Liquid互換のテンプレートエンジンのJavaScript実装 - - ----- - -## unshiftio/url-parse: Small footprint URL parser that works seamlessly across Node.js and browser environments. -[github.com/unshiftio/url-parse](https://github.com/unshiftio/url-parse "unshiftio/url-parse: Small footprint URL parser that works seamlessly across Node.js and browser environments.") -

JavaScript library browser node.js

- -Browser、Node.js、Workerで動くURLパースライブラリ - - ----- - -## Arkweid/lefthook: Fast and powerful Git hooks manager for any type of projects. -[github.com/Arkweid/lefthook](https://github.com/Arkweid/lefthook "Arkweid/lefthook: Fast and powerful Git hooks manager for any type of projects.") -

git node.js ruby Tools

- -Git Hooksをymlで管理できるツール。 -Node.jsやRubyなどパッケージマネージャーでインストールできる - - ----- - -## daybrush/moveable: ↔️ ↕️ 🔄 Moveable! Draggable! Resizable! Scalable! Rotatable! Warpable! -[github.com/daybrush/moveable](https://github.com/daybrush/moveable "daybrush/moveable: ↔️ ↕️ 🔄 Moveable! Draggable! Resizable! Scalable! Rotatable! Warpable!") -

JavaScript library DOM

- -要素のドラッグ、リサイズなどのイベントハンドリングを扱うライブラリ - - ----- - -## @Databases · Database libraries for Node.js that protect you from SQL Injection -[www.atdatabases.org/](https://www.atdatabases.org/ "@Databases · Database libraries for Node.js that protect you from SQL Injection") -

JavaScript TypeScript SQL library security

- -Tagged Template LiteralベースのSQLクエリエスケープライブラリ。 -Tagged Template Literalで書いたSQL文からクエリとパラメータを分解して取り出し、その結果をデータベースエンジンにわたすことで安全なSQLエスケープを行う目的。 -Postgres、MySQL、SQLiteなどに対応してる - - ----- - -## kerimdzhanov/dotenv-flow: Loads environment variables from .env.\[development|test|production\]\[.local\] files for Node.js® projects. -[github.com/kerimdzhanov/dotenv-flow](https://github.com/kerimdzhanov/dotenv-flow "kerimdzhanov/dotenv-flow: Loads environment variables from .env.\[development|test|production\]\[.local\] files for Node.js® projects.") -

node.js library

- -`.env`や`.env.development`ファイルなどを環境によって読み分けるライブラリ。 - ----- -

書籍関係

- ----- - -## JavaScript for impatient programmers -[exploringjs.com/impatient-js/index.html](https://exploringjs.com/impatient-js/index.html "JavaScript for impatient programmers") -

JavaScript book

- -Dr.AxelのJavaScript入門本 - -----