JSer.info #453 - Chrome 77がリリースされました。
Chrome 77では、PerformanceObserver
の中でページ内の大きな要素の変更があったことを監視するLargest Contentful Paint(LCP)がサポートされました。
その他にもformdata
イベント、formAssociated
プロパティのサポートなどが含まれています。
また、アドレスバーに表示されていたEV証明書の情報が詳細パネルの方に移動しています。
- Troy Hunt: Extended Validation Certificates are (Really, Really) Dead
- Upcoming Change to Chrome's Identity Indicators - Google グループ
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 dataとCan I use...のコラボレーションについて書かれています。
どちらも機能などに対するブラウザのサポート状況をまとめたデータですが、目的が異なるためデータの特性が若干異なっています。
MDNはあらゆる機能に関する網羅性を持ったデータに対して、Can I use...はブラウザがサポートしているかに注目したデータとなっています。
そのため、Can I use...のデータには入っていない項目も多くありました。
今回のコラボレーションで、Can I use...がMDN compat dataのデータを使って機能に関するブラウザのサポート状況を表示できるようになっています。(現在は両方のデータを検索した結果がそれぞれ表示される)
また、類似するサイトとしてメールクライアント別に利用できるHTMLやCSSなどのサポート状況をまとめたCan I email...というサイトも別の作者によって公開されています。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
TypeScript 3.7 Iteration Plan · Issue #33352 · microsoft/TypeScript
github.com/microsoft/TypeScript/issues/33352
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
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 1.9 リリース。
Webサポートがメインリポジトリにマージされた。
ESLint v6.4.0 released - ESLint - Pluggable JavaScript linter
eslint.org/blog/2019/09/eslint-v6.4.0-released
ESLint 6.4.0リリース。
no-import-assign
、prefer-regex-literals
、default-param-last
のルールを追加。
一部ルールがenforceForClassMembers
オプションでクラス構文をサポートするようになるなど
Release v4.0.0 · immerjs/immer
github.com/immerjs/immer/releases/tag/v4.0.0
Immer 4.0.0リリース。
development modeでは、すべての値はdeep frozenされた状態で保存されるようになった。
またウェブサイトのドキュメント更新など
Release 2.4.0 · avajs/ava
github.com/avajs/ava/releases/tag/v2.4.0
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/
プラグインとして追加されるサードパーティコードを安全にウェブブラウザで実行するための仕組みについて。
<inline-iframe>
、JavaScriptインタプリタの利用、ProposalのRealms(shim)を使ったサンドボックスについて
- tc39/proposal-realms: ECMAScript Proposal, specs, and reference implementation for Realms
- Agoric/realms-shim: Spec-compliant shim for Realms TC39 Proposal
Caniuse and MDN compatibility data collaboration - Mozilla Hacks - the Web developer blog
hacks.mozilla.org/2019/09/caniuse-and-mdn-compat-data-collaboration/
MDN Compat DataをCan I Useのウェブサイトにマージ。
Can I Use上でMDNのデータを元にした機能やサポートブラウザが見られるようになった。
A lighter V8 · V8
V8のLite modeについて。
メモリが少ないデバイス向けのモードで、消費メモリの削減を目的としている。
WebGPU and WSL in Safari | WebKit
webkit.org/blog/9528/webgpu-and-wsl-in-safari/
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表現を行うX3Dという仕様とX3DOMという実装について。
SVGのようにHTML中にタグを書くことで3D表示を行う
New in Chrome 77 | Web | Google Developers
developers.google.com/web/updates/2019/09/nic77
Chrome 77リリース。
Largest Contentful Paint(LCP)、formdata
イベント、formAssociated
プロパティのサポートなど
サイト、サービス、ドキュメント
Can I email… Support tables for HTML and CSS in emails
メール内で特定のHTMLタグやCSSが利用できるかをメールクライアントのサポート状態を検索できるサービス。
ソフトウェア、ツール、ライブラリ関係
nanoSQL 2
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
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のバージョンごとに追加された機能/構文とサンプルコードをまとめたリポジトリ