Fork me on GitHub

2020-09-08のJS: Chrome 86ベータ、Underscore 1.11.0(ESM)、JavaScript Primer v2

Edit on GitHub 編集履歴を見る

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がリリースされました。

JavaScript Primer 2.0では、ES2020で追加されたString.prototype.matchAllglobalThis、BigInt、Nullish coalescing(??)、Optional chainin(?.)に対応した変更が含まれています。


ヘッドライン


Release 13.7.0 · stylelint/stylelint

github.com/stylelint/stylelint/releases/tag/13.7.0

JavaScript CSS Tools ReleaseNote

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 ReleaseNote

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 ReleaseNote

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 news issue

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 ReleaseNote

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のサポートが非推奨となるなど


Underscore.js

underscorejs.org/#1.11.0

JavaScript library ReleaseNote

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 news

MSEdgeではFlash Playerを2021年1月のEdge 88で削除する予定。
この削除スケジュールはChromiumにあわせたもの


アーティクル


Minimal React: getting started with the frontend library

2ality.com/2020/08/minimal-react.html

React tutorial article

snowpack、react、htm、immerを使ったReactのチュートリアル


Introducing: Modern Web

modern-web.dev/blog/introducing-modern-web/

WebComponents article testing

ウェブ開発の汎用ツールとガイドに取り組むModern Webというプロジェクトについて。
まずはWeb Test Runnerというブラウザを使ったテストツールをリリースしている。
今後Web Dev Serverのような開発用サーバや開発ガイドなどに取り組んでいく予定とのこと


Introducing Modular Underscore—Julian Gonggrijp

juliangonggrijp.com/article/introducing-modular-underscore.html

JavaScript library article

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

JavaScript animation article

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

github.com/andnp/SimplyTyped

TypeScript library

TypeScriptの型ユーティリティライブラリ。
型定義の補助やランタイムでの補助関数などを提供する


github.com/mizchi/minlink

JavaScript webworker node.js library

Web Worker/Node.jsのworker_threadでRPCをするためのライブラリ。
comlinkのように関数呼び出しでpostMessageのやりとりをする


書籍関係


この書籍について · JavaScript Plugin Architecture

azu.github.io/JavaScript-Plugin-Architecture/

JavaScript plugin book

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 ECMAScript book ReleaseNote

JavaScript入門書のJavaScript Primer 2.0.0リリース。
ES2020のString.prototype.matchAllglobalThis、BigInt、Nullish coalescing(??)、Optional chainin(?.)に対応など


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