JSer.info #472 - Safari Technology Preview 99リリース。

Release Notes for Safari Technology Preview 99 | WebKit

Safari Technology Preview 99ではAdobe Flashのサポートが削除されています。
また、今までは-webkit- prefixがついていましたが、CSSのimage-set()構文がサポートされました。

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

Release 3.1.0 · avajs/ava

TypeScriptをサポートするために@ava/typescriptというパッケージが追加されています。
仕組み的には、内部的にTypeScriptファイルをコンパイルするのではなく、コンパイル済みのファイルを読み込むようにパスを変更する仕組み的になっています。

Puppeteerのクロスブラウザ版を目指すplaywrightが公開されています。

microsoft/playwright: Node library to automate Chromium, Firefox and WebKit with a single API

基本的にはPuppeteerをベースにしていて、ChromiumだけではなくWebKitとFirefoxもサポートしています。
類似するものとしてはWebDriverですが、WebDriverよりも機能的なDriver、分かりやすいAPI、setTimeout-freeな自動化ができることを目的にしています。

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

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

JSer.info Sponsors

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

ヘッドライン

Release 🎉 HTM 3 is here! · developit/htm

github.com/developit/htm/releases/tag/3.0.0

JavaScript library ReleaseNote

HTM 3リリース。
StaticなTreeを判別してキャッシュ出来るように、Preact Xに対応、babel-plugin-htmに自動importのオプションを追加など

Node v13.7.0 (Current) | Node.js

nodejs.org/en/blog/release/v13.7.0/

node ReleaseNote sourcemap

Node v13.7.0リリース。
moduleモジュールにSource Mapを扱うAPIを追加、processにuncaughtExceptionMonitorリスナーの追加など

Release Notes for Safari Technology Preview 99 | WebKit

webkit.org/blog/9992/release-notes-for-safari-technology-preview-99/

safari ReleaseNote

Safari Technology Preview 99リリース。
Flashのサポートを削除、CSSのimage-set()をサポートなど

ResizeObserver in WebKit | WebKit

webkit.org/blog/9997/resizeobserver-in-webkit/

safari DOM WebPlatformAPI

Safari Technology Preview 80で実装されたResizeObserverについて。
ResizeObserverによる要素に対するリサイズの監視などの使い方、イベントが発生する流れについての解説、利用例などについて

Release Notes for Safari Technology Preview 80 | WebKit

Release v4.8.0 · pnpm/pnpm

github.com/pnpm/pnpm/releases/tag/v4.8.0

npm ReleaseNote

パッケージ管理ツールのpnpm 4.8.0リリース。
モジュールのインタラクティブアップデートを行うpnpm update --interactiveの追加など

Release v1.30.0 · rollup/rollup

github.com/rollup/rollup/releases/tag/v1.30.0

JavaScript bundler ReleaseNote

Rollup 1.30.0リリース。
dynamic importsのsplit chunksのロジックの改善。
Code Splitting時にentry chunksで空importを行う最適化のためをON/OFFできるようにするhoistTransitiveImportsオプションの追加など

Release 3.1.0 · avajs/ava

github.com/avajs/ava/releases/tag/v3.1.0

JavaScript TypeScript testing ReleaseNote

AVA 3.1.0リリース。
@ava/typescriptパッケージでTypeScriptサポートなど

アーティクル

Debug z-index stacking content with 3D View in the Microsoft Edge DevTools - Microsoft Edge Blog

blogs.windows.com/msedgedev/2020/01/23/debug-z-index-3d-view-edge-devtools/

MSEdge debug

MSEdgeの開発者ツールに、z-indexのスタックコンテキストをビジュアライズする3D Views機能が実験的に実装された

💡🎁 JavaScript Visualized: Generators and Iterators - DEV Community 👩‍💻👨‍💻

dev.to/lydiahallie/javascript-visualized-generators-and-iterators-e36

JavaScript article

Generators、Iteratorsの動きをコードとコンソールの表示をあわせて見られるようにして解説している記事

Replacing Mocha with Jest

akoskm.com/2020/01/22/mocha-jest-react-testing.html

JavaScript testing library article

MochaからJestへのマイグレーション方法について。
Mochaの機能のJestでの代用方法について紹介されている。

Inside node: What happens when we execute a script?

blog.s1h.org/inside-node-executing-a-script/

node article

Node.jsでスクリプトを実行するまでにどのような処理が行われているのかをコードから見ていく記事。
nodeのコマンドライン引数の処理、ファイルのロード、moduleでのスクリプトをのコンパイル、libuvを使ったイベントループでのコード実行の流れについて

サイト、サービス、ドキュメント

microsoft/playwright: Node library to automate Chromium, Firefox and WebKit browsers

github.com/microsoft/playwright

node JavaScript browser Chrome Firefox webkit library Selenium webdriver

Chromium、WebKit、Firefoxを操作できるNode.jsライブラリ。
Puppeteerと同じチームが開発していて、クロスブラウザ向けの抽象化されたAPIを提供する目的。
WebDriverよりも機能的なDriver、分かりやすいAPI、setTimeout-freeな自動化を目的としている