Fork me on GitHub

2020-02-18のJS: Firefox 73、Node.js 12.16.0(13.xからのバックポート)

Edit on GitHub 編集履歴を見る

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

Formのvalidationを行ってからsubmitするHTMLFormElement.requestSubmit()をフラグ付きでサポート、CSSのoverscroll-behavior-blockoverscroll-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')`);

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


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

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

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

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


ヘッドライン


Node v12.16.0 (LTS) | Node.js

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

node ReleaseNote

Node 12.16.0リリース。
実験的な機能としてassert.matchassert.doesNotMatchの追加。
child_processserializationオプションをサポート、--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への対応


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以下のサポート終了


アーティクル


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についてなど


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


OpenChakra

openchakra.app/

React GUI editor

Chakra UIを使ったサイトを構築できるビジュアルエディタ。D&Dでコンポーネントを組み立てでき、その結果をCodeSandboxにコードとして出力できる。


Chakra UI | Design System built with React

chakra-ui.com/

React UI library WAI-ARIA

Reactを使ったUIコンポーネントライブラリ。
一貫性のある組み合わせが可能なコンポーネントを作ることを目的としていて、WAI-ARIAの対応、テーマ機能などを持っている。


evanw/esbuild: An extremely fast JavaScript bundler and minifier

github.com/evanw/esbuild

golang bundler

Go言語製のJavaScript Bundler。
CommonJS/ES Modules、Source Map、Minifier、JSXなどに対応している


volument/baretest: An extremely fast and simple JavaScript test runner.

github.com/volument/baretest

JavaScript testing library

自己実行可能なテストフレームワーク。
test関数といくつかのライフサイクルを提供する小さなテストフレームワーク。


Mirage JS • An API mocking library for frontend developers

miragejs.com/

JavaScript HTTP testing library

APIモッキングライブラリ。
ブラウザで動くサーバを実装し、リクエストに対するレスポンスを定義できる。
fetchXMLHttpRequestをインターセプトすることで実装している。


FullCalendar - JavaScript Event Calendar

fullcalendar.io/

JavaScript library UI

カレンダーUIライブラリ。


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