JSer.info #509 - Chrome 86がリリースされました。

File System Access API、CSS 擬似クラスの:focus-visible、Document-Policyヘッダなどのサポートなどが行われています。
Origin TrialとしてWebHID API、Multi-Screen Window Placement APIなどのサポートが追加されています。

また、Web Components v0の削除、FTPサポートの非推奨化が始まっています。

Deprecations and removals in Chrome 86 | Web | Google Developers

webpack 5がリリースされました。

Webpack 5 release (2020-10-10) | webpack

破壊的な変更と機能追加などかなり幅広い変更を含むメジャーアップデートとなっています。

破壊的な変更として、自動的なNode.jsのpolyfillの削除、デフォルトの出力コードにES2015が含まれるように、非推奨のオプションの削除やオプション名の変更などが含まれています。
機能追加として、filesystem cache、Asset modules、JSON Modules、import.meta、Worker script、Module Federation、Async modulesのサポートされています。
また、targetオプションがbrowserslistをサポート、CommonJSのTree Shakingをサポート、コード生成とTree Shakingの改善なども行われています。

スケジュール通りのリリースのため、まだ既知のバグやloader側の対応がリリースされていない場合もあります。

Issues · webpack/webpack

4.xから5.xへのアップグレードガイドは次のページで公開されています。

To v5 from v4 | webpack

また、webpack CLI 4.0.0もリリースされています。

https://github.com/webpack/webpack-cli/blob/master/CHANGELOG.md#400-2020-10-10

webpack 5に対応、Webpack Bundle Analyzerを実行する--analyzeフラグの追加、--envフラグの追加、initコマンドの追加などが行われています。

webpack 5のオプションそれぞれに対応したCLIのフラグが追加されています。

webpack-cli

Browserify 17.0.0がリリースされました。

Release v17.0.0 · browserify/browserify

shimライブラリのevents、path、stream、utilをNode.js 10+互換となるようにアップデートされています。
また.jsonファイルをrequireする際に、JSONかどうかのバリデーションを行うように修正されています。

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

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

JSer.info Sponsors

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

ヘッドライン

Node v12.19.0 (LTS) | Node.js

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

node.js ReleaseNote

Node v12.19.0リリース。
importフィールドのサポート、cryptoモジュールにrandomInt関数の追加。
module.parentの非推奨化など

New in Chrome 86 | Web | Google Developers

developers.google.com/web/updates/2020/10/nic86

Chrome ReleaseNote

Chrome 86リリース。
File System Access API、CSS 擬似クラスの:focus-visible、Document-Policyヘッダなどのサポート。
Origin TrialとしてWebHID API、Multi-Screen Window Placement APIなどのサポート。
Web Components v0の削除、FTPサポートの非推奨化。

Release v9.5.4 · vercel/next.js

github.com/vercel/next.js/releases/tag/v9.5.4

Next.js React JavaScript library ReleaseNote

Next.js 9.5.4リリース。
オープンリダイレクト脆弱性のセキュリティ修正

Release Notes for Safari Technology Preview 114 | WebKit

webkit.org/blog/11300/release-notes-for-safari-technology-preview-114/

safari ReleaseNote

Safari Technology Preview 114リリース。
Intl.DateTimeFormatのdateStyle/timeStyle/dayPeriodのサポート、Intl.Segmenterのサポート。
Paint Timingの有効化、WebGL2の有効化、loading=lazyの実装など

Release v17.0.0 · browserify/browserify

github.com/browserify/browserify/releases/tag/v17.0.0

browserify ReleaseNote

Browserify 17.0.0リリース。
shimライブラリのevents、path、stream、utilをNode.js 10+互換となるようにアップデート。
.jsonファイルのrequire時にJSONのバリデーションを行うように

Webpack 5 release (2020-10-10) | webpack

webpack.js.org/blog/2020-10-10-webpack-5-release/

webpack ReleaseNote

webpack 5リリース。
破壊的な変更として、自動的なNode.jsのpolyfillの削除、デフォルトの出力コードにES2015が含まれるように、非推奨のオプションの削除やオプション名の変更など。
機能追加として、filesystem cache、Asset modules、JSON Modules、import.meta、Worker script、Module Federation、Async modulesのサポート。
また、targetオプションがbrowserslistをサポート、CommonJSのTree Shakingをサポート、コード生成とTree Shakingの改善など

webpack-cli/CHANGELOG.md at master · webpack/webpack-cli

github.com/webpack/webpack-cli/blob/master/CHANGELOG.md#400-2020-10-10

webpack console Tools

webpack-cli 4.0.0リリース。
webpack 5に対応、Webpack Bundle Analyzerを実行する--analyzeフラグの追加、--envフラグの追加、initコマンドの追加など

Release v5.9.0 · pnpm/pnpm

github.com/pnpm/pnpm/releases/tag/v5.9.0

npm Tools ReleaseNote

pnpm 5.9.0リリース。
YarnのPlug'n'Playをサポート、symlinkを無効化できる設定の追加など

アーティクル

Gaining security and privacy by partitioning the cache | Web

developers.google.com/web/updates/2020/10/http-cache-partitioning

Chrome HTTP article

Chrome 86でのCache partitioningについて。
今まではアクセスするリソースのURLのみでCache Keyを構成していたが、今後はアクセス元のサイトなどもCache Keyに利用されるという話。
アクセス元のサイトとアクセスするリソースのURLのDouble-keying、アクセス元のサイトとiframeのサイトとアクセスするリソースのURLのTriple-keyingのキャッシュについて