Fork me on GitHub

2019-09-17のJS: Chrome 77、TypeScript 3.7のロードマップ、Can I use and MDN

Edit on GitHub 編集履歴を見る

JSer.info #453 - Chrome 77がリリースされました。

Chrome 77では、PerformanceObserverの中でページ内の大きな要素の変更があったことを監視するLargest Contentful Paint(LCP)がサポートされました。

その他にもformdataイベント、formAssociatedプロパティのサポートなどが含まれています。
また、アドレスバーに表示されていたEV証明書の情報が詳細パネルの方に移動しています。


TypeScript 3.7 Iteration Plan · Issue #33352 · microsoft/TypeScriptというIssueでTypeScript 3.7のロードマップが公開されています。

ECMAScript Private Fields、Optional Chaining、Nullish Coalescing、Top-Level awaitなど現在Stage3のProposalに対応していく予定です。
また、今までは制限されていた--declaration--allowJsの組合せや--declaration--isolatedModulesのの組み合わせに対応していく予定です。
その他として、typescriptパッケージサイズの削減、@typesパッケージをGitHub Package Registryにもpublishするようにし、ハンドブックの更新なども予定されています。


Caniuse and MDN compatibility data collaboration - Mozilla Hacks - the Web developer blogという記事では、MDN compat dataCan I use...のコラボレーションについて書かれています。

どちらも機能などに対するブラウザのサポート状況をまとめたデータですが、目的が異なるためデータの特性が若干異なっています。
MDNはあらゆる機能に関する網羅性を持ったデータに対して、Can I use...はブラウザがサポートしているかに注目したデータとなっています。
そのため、Can I use...のデータには入っていない項目も多くありました。

今回のコラボレーションで、Can I use...MDN compat dataのデータを使って機能に関するブラウザのサポート状況を表示できるようになっています。(現在は両方のデータを検索した結果がそれぞれ表示される)

また、類似するサイトとしてメールクライアント別に利用できるHTMLやCSSなどのサポート状況をまとめたCan I email...というサイトも別の作者によって公開されています。


JSer.infoをサポートするには

JSer.info Sponsors

JSer.info SponsorsGitHub SponsorsとしてJSer.infoを支援してくれている方々です。


ヘッドライン


TypeScript 3.7 Iteration Plan · Issue #33352 · microsoft/TypeScript

github.com/microsoft/TypeScript/issues/33352

TypeScript issue

TypeScript 3.7のロードマップ。
ECMAScript Private Fields、Optional Chaining、Nullish Coalescingへの対応、--declaration--allowJsの組合せに対応など。
またtypescriptパッケージサイズの削減、@typesパッケージをGitHub Package Registryにもpublishするようにし、ハンドブックの更新なども予定されている。


Release DOMPurify 2.0.0 · cure53/DOMPurify

github.com/cure53/DOMPurify/releases/tag/2.0.0

DOM security library ReleaseNote

DOMpurify 2.0.0リリース。
Trusted Typesが利用できる場合でもRETURN_TRUSTED_TYPEオプションを渡したときのみ、Trusted Typesを使うように変更


Google Developers Blog: Flutter news from GDD China: uniting Flutter on web and mobile, and introducing Flutter 1.9

developers.googleblog.com/2019/09/flutter-news-from-gdd-china-flutter1.9.html?m=1

Flutter ReleaseNote

Flutter 1.9 リリース。
Webサポートがメインリポジトリにマージされた。


ESLint v6.4.0 released - ESLint - Pluggable JavaScript linter

eslint.org/blog/2019/09/eslint-v6.4.0-released

ESLint ReleaseNote

ESLint 6.4.0リリース。
no-import-assignprefer-regex-literalsdefault-param-lastのルールを追加。
一部ルールがenforceForClassMembersオプションでクラス構文をサポートするようになるなど


Release v4.0.0 · immerjs/immer

github.com/immerjs/immer/releases/tag/v4.0.0

JavaScript library ReleaseNote

Immer 4.0.0リリース。
development modeでは、すべての値はdeep frozenされた状態で保存されるようになった。
またウェブサイトのドキュメント更新など


Release 2.4.0 · avajs/ava

github.com/avajs/ava/releases/tag/v2.4.0

node.js JavaScript testing library ReleaseNote

AVA 2.4.0リリース。
t.try()をフラグ付きでサポートなど


アーティクル


How to build a plugin system on the web and also sleep well at night

www.figma.com/blog/how-we-built-the-figma-plugin-system/

JavaScript security article plugin

プラグインとして追加されるサードパーティコードを安全にウェブブラウザで実行するための仕組みについて。
<inline-iframe>、JavaScriptインタプリタの利用、ProposalのRealms(shim)を使ったサンドボックスについて


Caniuse and MDN compatibility data collaboration - Mozilla Hacks - the Web developer blog

hacks.mozilla.org/2019/09/caniuse-and-mdn-compat-data-collaboration/

WebPlatformAPI article

MDN Compat DataをCan I Useのウェブサイトにマージ。
Can I Use上でMDNのデータを元にした機能やサポートブラウザが見られるようになった。


A lighter V8 · V8

v8.dev/blog/v8-lite

V8 article

V8のLite modeについて。
メモリが少ないデバイス向けのモードで、消費メモリの削減を目的としている。


WebGPU and WSL in Safari | WebKit

webkit.org/blog/9528/webgpu-and-wsl-in-safari/

safari article

Safari Technology Preview 91からベータサポートされているWebGPU APIとWSLについて。
WebGPUのパイプライン処理の最適化、ランタイムのパフォーマンス、Web Shading Language(WSL)について紹介されている


X3D: Declarative 3D for the Modern Web

blog.scottlogic.com/2019/08/27/declarative-3d-for-the-modern-web.html

3D HTML article JavaScript

宣言的な3D表現を行うX3Dという仕様とX3DOMという実装について。
SVGのようにHTML中にタグを書くことで3D表示を行う


New in Chrome 77  |  Web  |  Google Developers

developers.google.com/web/updates/2019/09/nic77

Chrome ReleaseNote

Chrome 77リリース。
Largest Contentful Paint(LCP)、formdataイベント、formAssociatedプロパティのサポートなど


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


Can I email… Support tables for HTML and CSS in emails

www.caniemail.com/

mail HTML webservice

メール内で特定のHTMLタグやCSSが利用できるかをメールクライアントのサポート状態を検索できるサービス。


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


nanoSQL 2

nanosql.io/

SQL library TypeScript JavaScript browser

SQL builderライブラリ。
インメモリ、ブラウザのIndexedDBやLocalstorage、Node.jsからMySQLやRedixなどさまざまなデータべースに対して動作する


書籍関係


Web Development with Node and Express, 2nd Edition - O'Reilly Media

shop.oreilly.com/product/0636920261216.do

JavaScript node.js book

2019年10月発売
Node.jsとExpressについての書籍


daumann/ECMAScript-new-features-list: A comprehensive list of new ES features, including ES2015 (ES6), ES2016 (ES7), ES2017 (ES8), ES2018 (ES9), ES2019 (ES10)

github.com/daumann/ECMAScript-new-features-list

ECMAScript JavaScript document

ECMAScriptのバージョンごとに追加された機能/構文とサンプルコードをまとめたリポジトリ


この記事へ修正リクエストをする
JSer.info Slackに参加する