Skip to content
Merged
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Update 2019-08-06-447draft.md
  • Loading branch information
azu authored Aug 6, 2019
commit e1dbf55903aa352f6facc6c7a2d3798b82e005f1
54 changes: 47 additions & 7 deletions _i18n/ja/_posts/2019/2019-08-06-447draft.md
Original file line number Diff line number Diff line change
@@ -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)

試験的に実装されていた`<React.Profiler>`が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の攻撃に使われる`<a href="javascript:">`など`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に対応などが含まれています。


----

Expand Down Expand Up @@ -59,7 +101,7 @@ Preact 8.xから10へのマイグレーションガイドが公開された。
<p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">ReleaseNote</span> <span class="jser-tag">issue</span></p>

React 16.9 RC.0リリース。
`<React.Profiler>`の追加、非推奨となっていた`UNSAFE_*`のライフサイクルメソッドに対する警告を表示、`<a href="javascript:">`に対して警告を出すように。
`<React.Profiler>`の追加、非推奨となっていた`UNSAFE_*`のライフサイクルメソッドに対する警告の表示、`<a href="javascript:">`に対して警告を出すように。
また、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")
Expand Down Expand Up @@ -161,7 +203,6 @@ Postgres、MySQL、SQLiteなどに対応してる

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


----
<h1 class="site-genre">書籍関係</h1>

Expand All @@ -173,5 +214,4 @@ Postgres、MySQL、SQLiteなどに対応してる

Dr.AxelのJavaScript入門本


----