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

Formのvalidationを行ってからsubmitするHTMLFormElement.requestSubmit()をフラグ付きでサポート、CSSのoverscroll-behavior-blockとoverscroll-behavior-inlineをサポート。

開発者ツールのコンソールで、次のように%cでのスタイル指定にbackground imageを指定できるようになりました。

console.log('%c Firefox',`
color: red; padding: 2px 2px 2px 20px; background: no-repeat  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAMAAADjcdz2AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAHRUExURQAAADQT0/+iBf9KEgCC/v0mLf04JuU+Lv8tK/8yJv90BP4rK8wMZv/NHtIQX9gZT/QgN+IbTf6XBf5QHv+tAPmnFvpuGv/mP//bOP7pSv3tVv/0FQCO/NopOsMGbvJPMscLaMUAaO0dQfk2J/giNd0WVLsDev9yD8QIbroDd9sVVP11HuceP/5fFughPv6ND//nPv+4G//ZM/+8JP+zCv/PLf/eOdZAY//qAP7hQ/3sMf7vRgA9yEdc3ABp+hKA/ZS2zv+MAACF/8aKqcPOo/9XGf89I/8hQPgfO/98CP+tAP+WAP60AP7MAOISZe4YWe0gQ/+BAP/AAv9SAItCav/8T//kLwBF1Px/H//vBwBf7fhTLv9PHf8oMvYdRv+ZDP9cAP9PFs1TTeFSQf/FEP/uPv/SJ/G3J/VJIbFpX6hEXF1Dif/pQ5+Lg1xyuvu8AAAAu85oYJlOYuRHKgAAlP+RAL1aowBX4U4rmFt/1EhBnZBzlf/1WSoYhv/8Otx9eXN/8piPwwBk8QA8uX5jojBUy/OOHjyO/7rSx1ly5gCX/wCS8Chx8ftvOip79pF4q16T5SGL++5uUtyOkPPUSwBz/+vaW513wp+7vgBO421lv+OTuBwAAABFdFJOUwAF/gv+/P0C/f785uEFxX37M/z9VP3+7Pf7/f79Pn9hYBbHsub0Vq+gXJ6kqf588IjiFPC2rl7fGPp4sKYkaI13/or6+26KYjUAAAESSURBVBjTY2BgZ2BnZAABKwsgmwGMGWzt7J0c6qyZwRxBPUab8ob2rg7pGgkRBl4GBv4A87J6ZxYZF2mpUHFmoAodjmAux04WmRmRUpKhBkAdHpzCERG9kyd2T4uUzBE3YtByZ3P1LJ00nYVlwpQwy1QzBj53TlextllRPX1TG30lwkwZeDw4M4ormsNnRjVV5gelGTPwxXGwBRdWtfS3huf5+qQYMmj4s7oBDfHyqS7I9RUNMmHQ9BPgSEzOKqotyU73YfISYWDkCQAqSQoJyRT1YmLSB7pMzU+A1S2BK7DUW0goXhvkOTl/Dw42YV0xrkBPdV6wdxVU3WM53WJco+UZoAGgyK+kws2tLMvAzs4AAPERO0Rc4hCeAAAAAElFTkSuQmCC')`);

その他の利用できるスタイルについては次のドキュメントにまとめられています。

https://developer.mozilla.org/en-US/docs/Web/API/Console#Styling_console_output

Node.js 12.16.0がリリースされました。

Node v12.16.0 (LTS) | Node.js

このLTSバージョンの更新では、開発版であるNode 13.xからのバックポートが色々と含まれています。
次の機能がExperimental APIとしてNode.js 12.16.0にバックポートされています。

Node v13.6.0で実装されたassert.match()とassert.doesNotMatch()
Node v13.4.0で実装されたEventEmitterのcaptureRejectionsオプション
Node v13.3.0で実装されたwasiコアモジュール

また、同じようにNode 13.xから次のAPIがStable APIとしてNode.js 12.16.0にバックポートされています

EventEmitter.on
EventEmitter.errorMonitor
--trace-exit CLIフラグ
--trace-uncaught CLIフラグ
child_processとclusterの{ serialization: "advanced" }オプション

その他ではperf_hooksモジュールがStable APIとなっています。

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

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

JSer.info Sponsors

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

ヘッドライン

Node v12.16.0 (LTS) | Node.js

nodejs.org/en/blog/release/v12.16.0/

node ReleaseNote

Node 12.16.0リリース。
実験的な機能としてassert.matchとassert.doesNotMatchの追加。
child_processがserializationオプションをサポート、--trace-exit、--trace-uncaughtの追加、perf_hooksがStable APIとなるなど。

Chromium Blog: Chrome 81: Near Field Communications, Augmented Reality, and More

blog.chromium.org/2020/02/chrome-81-near-field-communications.html

Chrome ReleaseNote

Chrome 81 ベータリリース。
Original Trialとしてモバイル向けのWeb NFC、scheduler.postTaskのサポート、Mixed Contentの自動アップグレード、TLS 1.0と1.1の削除など

Announcing Ionic 5! | The Ionic Blog

ionicframework.com/blog/announcing-ionic-5/

JavaScript library ReleaseNote

Ionic 5リリース。
iOS 13に合わせたデザインの更新、Ionic Animationsの追加、Ioniconsの更新、Angular 9のIvyへの対応

Introducing Ionic Animations | The Ionic Blog

Release v2.0 · FullHuman/purgecss

github.com/FullHuman/purgecss/releases/tag/v2.0.5

CSS Tools ReleaseNote

使われてないCSSを削除するPurgeCSS 2.0.0リリース。
非同期化、CSS Variablesの対応、Node.js 8以下のサポート終了

PurgeCSS 2.0 - Full Human - Medium

アーティクル

Firefox 73 is upon us - Mozilla Hacks - the Web developer blog

hacks.mozilla.org/2020/02/firefox-73-is-upon-us/

Firefox ReleaseNote

Firefox 73リリース。
フラグ付きでHTMLFormElementにrequestSubmitメソッドの追加、開発者ツールのコンソールのスタイルでbackground imageをサポート、DNS over HTTPSのプロバイダーにNextDNSを追加

Adding notification permission data to the Chrome User Experience Report

developers.google.com/web/updates/2020/02/notification-permission-data-in-crux

Chrome article

Chrome User Experience Reportに通知許諾ダイアログのデータが追加された

スライド、動画関係

speakerdeck.com/yosuke_furukawa/zui-xin-falseburauzadebian-warucookiefalsequ-rixi-iyaprivacyfalsekao-efang

browser security privacy slide

ブラウザのサードパーティクッキーやトラッキング防止周りの機能についてのスライド。
SafariのITP、FIrefoxのETP、SameSite Cookie。
CNAME CloakingやSafariの提案しているAd click attribution、ChromeのPrivacy Sandboxについてなど