JSer.info #465 - Firefox 71.0がリリースされました。

Firefox 71.0では開発者ツールの改善が多く含まれています。
コンソールパネルではmulti-line modeをサポート、デバッガーパネルではInline variable previewをサポート、ネットワークパネルではRequest Blockingがサポートされています。
また、素のWebSocketsやSocket.IOなどのメッセージをデバッグできるWeb Sockets Inspectorがデフォルトで有効化されています。

その他にはMedia Session APIの実装、WindowsでPicture-in-Pictureのサポート、TLS 1.0と1.1がDeprecatedになるなどの変更が含まれます。

WebAssemblyの仕様がW3C Recommendationとなりました。

World Wide Web Consortium (W3C) brings a new language to the Web as WebAssembly becomes a W3C Recommendation

WebAssemblyの仕様はCore specificationとEmbedder specificationsからなる仕様で、それぞれの仕様の状況は次のページにまとめらています。

WebAssembly Specifications

2019年12月にTC39のミーティングが行われ、Nullish coalescing operator(??)とOptional chaining(?.)のProposalがStage 4へと到達しました。

Stage 4となったことで、来年発行予定のECMAScript仕様であるECMAScript 2020に含まれることが決まりました。どちらのProposalもChrome 80+(現在の開発版)、TypeScript 3.7+、Babelなどに実装されています。

今回のTC39ミーティングでStageの変更があったECMAScript Proposalは次のページにまとめられています。

ECMAScript proposal updates @ 2019-12 | ECMAScript Daily

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

😘 知り合いにJSer.infoをおすすめする
❤️ GitHub Sponsorsで@azuのスポンサーになる
🐦 X(Twitter)で@jser_infoをフォローする

JSer.info Sponsors

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

ヘッドライン

Node v13.3.0 (Current) | Node.js

nodejs.org/en/blog/release/v13.3.0/

node ReleaseNote

Node.js 13.3.0リリース。
Experimentalなfs.rmdirのリトライオプションの変更、HTTPのヘッダサイズを指定するmaxHeaderSizeをhttp.Serverごとに指定できるように、WASIのサポートなど

Release v3.3.0 · facebook/create-react-app

github.com/facebook/create-react-app/releases/tag/v3.3.0

React library ReleaseNote

create-react-app 3.3.0リリース。
カスタムテンプレートを指定できる--template引数のサポート。
Optional Chaining/Nullish Coalescing Operators/Numeric Separatorsのサポートなど

Firefox 71.0, See All New Features, Updates and Fixes

www.mozilla.org/en-US/firefox/71.0/releasenotes/

Firefox ReleaseNote

Firefox 71.0リリース。
開発者ツールのコンソールがmulti-line modeをサポート、デバッガーがInline variable previewをサポート、ネットワークのRequest Blockingをサポート。
また、Web Sockets Inspectorがデフォルトで有効化された。
Media Session APIの実装、WindowsでPicture-in-Pictureのサポート、TLS 1.0と1.1がDeprecatedになるなど

Release 10.1.0 This suspense is killing me · preactjs/preact

github.com/preactjs/preact/releases/tag/10.1.0

React library ReleaseNote

Preact 10.1.0リリース。
Preact DevToolsのサポート、<SuspenseList>コンポーネントのサポートなど

Preact Devtools

World Wide Web Consortium (W3C) brings a new language to the Web as WebAssembly becomes a W3C Recommendation

www.w3.org/2019/12/pressrelease-wasm-rec.html.en

WebAssembly W3C news

WebAssemblyがW3C Recommendationになった。

アーティクル

What's New In DevTools (Chrome 80) | Web | Google Developers

developers.google.com/web/updates/2019/12/devtools

Chrome debiug article

Chrome 80の開発者ツールの変更点について。
コンソールでletやclassの再定義が可能に、DWARFをサポートしWebAssemblyのソースデバッグに対応、ネットワークパネルの改善、デフォルトのUAリストの更新など。
また、Coverageが関数毎とブロッグ毎を選択できるようになるなど

Improved WebAssembly debugging in Chrome DevTools | Google Developers

Improved WebAssembly debugging in Chrome DevTools | Google Developers

developers.google.com/web/updates/2019/12/webassembly

Chrome WebAssembly article

Chrome 80でDWARFのサポートが入った。
WebAssemblyのデバッグ時に元のソースコードとの対応したブレークポイントの設定やステップ実行が可能になる。
DWARFはバイナリ向けのSource Mapのような仕様で、バイナリに対してデバッグ用の情報を埋め込むためのデータフォーマット

Dwarf Home

Web Performance Calendar » Reading a WebPageTest Waterfall Chart

calendar.perfplanet.com/2019/reading-a-webpagetest-waterfall-chart/

browser performance webservice article

WebPageTestのウォーターフォールチャートの読み方。
チャートの要素の解説、典型的な問題の解説など

How to read a WebPageTest waterfall chart - Frontend Web Developer, Oxfordshire, UK - Matt Hobbs

Improving Tracking Prevention in Microsoft Edge - Microsoft Edge Blog

blogs.windows.com/msedgedev/2019/12/03/improving-tracking-prevention-microsoft-edge-79/

MSEdge privacy article

MSEdge on ChromiumにTracking Preventionが試験的に実装された。
FirefoxのETPと似たDisconnectのリストを使ったトラッカーのストレージアクセス、ネットワークアクセスのブロック。
ユーザーのサイトエンゲージメントスコアが 4.1 以上となっている組織ドメインは対象から除外される。
保護レベルとしてBasic、Blanced、Strictの設定ができるようになっている。