JSer.info #504 - Chrome 86ベータがリリースされました。
CSS 擬似クラスの:focus-visible、擬似要素の::markerをサポートされています。
Document Policy、FetchEvent.handled、Shadow DOM Distribution API、ParentNode.replaceChildren()のサポートなどのサポートも追加されています。
また、Origin TrialとしてWebHID API、Window placement API、<meta name="battery-savings">などの試験的に利用できるようになっています。
その他にはFTPのサポートの段階的な廃止が導入されていて、Chrome 86ではFTPが非推奨となりました。
Chrome 87でデフォルトで無効となり、Chrome 88でコードベースから削除される予定です。
Underscore 1.11.0がリリースされています。
このリリースでは、ECMAScript Modules(ESM)に対応した形式でパッケージを公開する変更が含まれています。この変更のために、Underscoreのコードベースがそれぞれの関数ごとにモジュール化されています。
また、この変更行ったJulian GonggrijpによるUndescoreのモジュール版の利用方法について解説記事が公開されています。
記事では、既存(モノリシック)の使い方とES Modulesの使い方、ビルドサイズの最適化、Underscore 2.0などについて書かれています。
JavaScriptの入門書であるJavaScript Primer 2.0がリリースされました。
- Release 2.0.0: ECMAScript 2020対応 · asciidwango/js-primer
- JavaScript Primer 2.0 - ECMAScript 2020に対応した入門書を公開しました | Web Scratch
JavaScript Primer 2.0では、ES2020で追加されたString.prototype.matchAll、globalThis、BigInt、Nullish coalescing(??)、Optional chainin（?.）に対応した変更が含まれています。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Release 13.7.0 · stylelint/stylelint
github.com/stylelint/stylelint/releases/tag/13.7.0
stylelint 13.7.0リリース。
*-blacklist、*-requirelist, *-whitelistを非推奨化し、*-disallowed-list, *-required-listにリネーム。
stylelint-disableコメントに説明を書けるように
ESLint v7.8.0 released - ESLint - Pluggable JavaScript linter
eslint.org/blog/2020/08/eslint-v7.8.0-released
ESLint 7.8.0リリース。
ecmaScriptオプションが2021に対応しLogical assignment operators、numeric separatorsに対応。
Release v4.0.0 · typescript-eslint/typescript-eslint
github.com/typescript-eslint/typescript-eslint/releases/tag/v4.0.0
TypeScript-ESLint 4.0.0リリース。
Optional ChainingとdecoratorsのASTを変更、Scope解析を改善してno-unused-varsなどのルールを改善、ban-ts-commentのデフォルト値を変更など。
またTypeScript 4.0にはTypeScript-ESLint 3.10.0で対応している。
webpack 5 release plan · Issue #11406 · webpack/webpack
github.com/webpack/webpack/issues/11406
webpack 5リリースまで予定について。
webpack 5は2020年10月10日リリース予定で、RCは9月にリリースする予定。
細かいバグはwebpack 5リリース後に修正する予定とのこと。
Chromium Blog: Chrome 86: Improved Focus Highlighting, WebHID, and More
blog.chromium.org/2020/09/chrome-86-improved-focus-highlighting.html
Chrome 86ベータリリース。
CSS 擬似クラスの:focus-visible、擬似要素の::markerをサポート。
Document Policy、FetchEvent.handled、Shadow DOM Distribution API、ParentNode.replaceChildren()のサポートなど。
またOrigin TrialとしてWebHID API、Window placement API、<meta name="battery-savings">などのサポート。
その他にはFTPのサポートが非推奨となるなど
- window-placement/EXPLAINER.md at master · webscreens/window-placement
- battery-savings/explainer.md at master · chrishtr/battery-savings
Underscore.js
underscore 1.10.0リリース。
それぞれの関数を個別のES Modulesにし、ES Modulesのエントリーポイントとしてunderscore-esm.jsを追加。
_.isArrayBuffer、_.isDataView、_.isTypedArrayの追加、_.flattenがdepthを指定する第2引数をサポートなど
Update on Adobe Flash Player End of Support - Microsoft Edge Blog
blogs.windows.com/msedgedev/2020/09/04/update-adobe-flash-end-support/
MSEdgeではFlash Playerを2021年1月のEdge 88で削除する予定。
この削除スケジュールはChromiumにあわせたもの
アーティクル
Minimal React: getting started with the frontend library
2ality.com/2020/08/minimal-react.html
snowpack、react、htm、immerを使ったReactのチュートリアル
Introducing: Modern Web
modern-web.dev/blog/introducing-modern-web/
ウェブ開発の汎用ツールとガイドに取り組むModern Webというプロジェクトについて。
まずはWeb Test Runnerというブラウザを使ったテストツールをリリースしている。
今後Web Dev Serverのような開発用サーバや開発ガイドなどに取り組んでいく予定とのこと
Introducing Modular Underscore—Julian Gonggrijp
juliangonggrijp.com/article/introducing-modular-underscore.html
underscore 1.11.0でのES Modulesへの移行とその利用方法についての記事。
既存(モノリシック)の使い方とES Modulesの使い方、ビルドサイズの最適化、Underscore 2.0についてなど
Browsers may throttle requestAnimationFrame
mattperry.is/writing-code/browsers-may-throttle-requestanimationframe-to-30fps
requestAnimationFrameのフレームレートがブラウザによって抑制される条件について。
iOSのlow-power mode、Safariのcross-origin iframesの条件下では抑制される点について。
また、Firefoxにおいてperformance.now()の精度の抑制されていることとcross-origin isolateについて。
ソフトウェア、ツール、ライブラリ関係
andnp/SimplyTyped: yet another Typescript type library for advanced types
TypeScriptの型ユーティリティライブラリ。
型定義の補助やランタイムでの補助関数などを提供する
mizchi/minlink: Minimum(> 1kb) and isomorphic worker wrapper with comlink like rpc.
Web Worker/Node.jsのworker_threadでRPCをするためのライブラリ。
comlinkのように関数呼び出しでpostMessageのやりとりをする
書籍関係
この書籍について · JavaScript Plugin Architecture
azu.github.io/JavaScript-Plugin-Architecture/
JavaScriptのプラグインアーキテクチャについて扱う小さな書籍。
jQuery、ESLint、Connect、gulp、Reduxのプラグインの仕組みを実装しながら紹介している。
Release 2.0.0: ECMAScript 2020対応 · asciidwango/js-primer
github.com/asciidwango/js-primer/releases/tag/v2.0.0
JavaScript入門書のJavaScript Primer 2.0.0リリース。
ES2020のString.prototype.matchAll、globalThis、BigInt、Nullish coalescing(??)、Optional chainin（?.）に対応など
