JSer.info #543 - Lighthouse 8.0.0がリリースされました。

Release v8.0.0 · GoogleChrome/lighthouse

Lighthouse 8.0.0ではパフォーマンススコアの計算式が変更されています。
詳細は次のドキュメントにかかれていますが、今まで実験的だったCumulative Layout Shift (CLS)の比重が5%から15%へと増加しています。それにあわせて他のスコアの比重も変化しています。

lighthouse/v8-perf-faq.md at master · GoogleChrome/lighthouse

機能追加として、レポートをメトリクス別にフィルターできるように、csp-xssのAuditの追加なども含まれています。

Vue 3.1.0がリリースされました。

Release v3.1.0 Pluto · vuejs/vue-next

Vue 3.1.0では@vue/compatというVue 2の互換APIを実装したパッケージが公開されています。
既存のVue 2.xで書かれたアプリケーションをVue 3上で動かすためのMigration Buildとなっています。

詳細は次のドキュメントで解説されていますが、Vue 2.xの時点での公開APIのみを実装した互換ビルドであるため、
一部ライブラリは動かないことなどが書かれています。

Migration Build | Vue.js

また、今後の予定では、Vue 3で実装されたComposition APIなどをVue 2.xへとバックポートしたVue 2.7がリリースされる予定となっています。

JavaScriptテストフレームワークのMocha 9.0.0がリリースされました。

Release v9.0.0 · mochajs/mocha

Mocha 9ではNode.js 10のサポート終了し、ESM(ECMAScript Modules)をネイティブサポートしています。
ESMでの読み込みを試してみてから、読み込めなかった場合はCJS(CommonJS)で読み込むようなfallbackとなっています。

import-first loading of test files by giltayar · Pull Request #4635 · mochajs/mocha

その他には、--dry-runオプションのサポート、非推奨だったutils.lookupFiles()の削除などが含まれています。

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

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

JSer.info Sponsors

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

ヘッドライン

Release v10.0.0 · puppeteer/puppeteer

github.com/puppeteer/puppeteer/releases/tag/v10.0.0

Chrome browser ReleaseNote library

puppeteer 10.0.0リリース。
Node.js 10のサポート終了、起動してから最初のページのロード待ちをするかどうかを決めるwaitForInitialPageオプションの追加など

Release v8.0.0 · GoogleChrome/lighthouse

github.com/GoogleChrome/lighthouse/releases/tag/v8.0.0

Chrome performance Tools ReleaseNote

Lighthouse 8.0.0リリース。
パフォーマンススコアの計算式の変更、レポートをメトリクス別にフィルターできるように、csp-xssのAuditの追加など。

lighthouse/v8-perf-faq.md at master · GoogleChrome/lighthouse

Electron 13.0.0 | Electron Blog

www.electronjs.org/blog/electron-13-0

Electron ReleaseNote

Electron 13.0.0リリース。
Chrome 91、Node.js 14.16.0、V8 9.1へアップデート。
process.contextIsolated、session.storagePat、process.contextIdの追加。
WebContentsのnew-windowイベントがDeprecatedとなりwebContents.setWindowOpenHandler()を推奨するようになるなど

Looking fine with Firefox 89 - Mozilla Hacks - the Web developer blog

hacks.mozilla.org/2021/06/looking-fine-with-firefox-89/

Firefox ReleaseNote

Firefox 89リリース。
Media Queryのforced-colors、フォントロード時の視差を調整するline-gap-override/ascent-override/descent-overrideの実装。
Top-level awaitをデフォルトで有効化、64bitマシンでArrayBufferが2GB以上のサイズを扱えるように、PerformanceEventTimingのサポートなど。

Chromium Blog: Chrome 92: Web Apps as File Handlers, New JavaScript Features, and More

blog.chromium.org/2021/06/chrome-92-web-apps-as-file-handlers-new.html

Chrome ReleaseNote

Chrome 92 betaリリース。
Origin TrialとしてFile Handling API、Shared Element Transitions。
@font-faceのsize-adjust、V8 9.2へのアップデート、SharedArrayBuffersがCross Origin Isolateされたページに限定されるなど

Release v9.0.0 · mochajs/mocha

github.com/mochajs/mocha/releases/tag/v9.0.0

node.js testing JavaScript ReleaseNote

Mocha 9.0.0リリース。
Node.js 10のサポート終了、ESMサポート、--dry-runオプションのサポート。
非推奨だったutils.lookupFiles()の削除など

Node v16.3.0 (Current) | Node.js

nodejs.org/en/blog/release/v16.3.0/

node.js npm ReleaseNote

Node v16.3.0リリース。
npm 7.15.1へのアップデートでnpmのworkspaceコマンドが色々追加された

Release v3.1.0 Pluto · vuejs/vue-next

github.com/vuejs/vue-next/releases/tag/v3.1.0

Vue ReleaseNote

Vue 3.1.0リリース。
Vue 2からのMigration Buildとして@vue/compatの追加。
app.config.isCustomElementとコンポーネントのdelimitersオプションを非推奨化してコンポーネントのcompilerOptionsオプションをサポート。
v-isを非推奨化してis="vue:xxx"のサポートなど

アーティクル

What's New In DevTools (Chrome 92) - Chrome Developers

developer.chrome.com/blog/new-in-devtools-92/

Chrome debug article

Chrome 92のDevToolsの変更点について。
CSS gridエディタ、REPL内でconstの再定義ができるように、Source order viewerの追加。
CORSのエラーメッセージの改善、NetworkのフィルターにWasm typeを追加、UA Client Hintの対応。
ExperimentsとしてChrome DevTools Protocolを見るProtocol Monitor、Puppeteer Recorderの追加など