Fork me on GitHub

2020-01-27のJS: Safari TP 99(Remove Flash)、AVA 3.1.0(TypeScript) playwright(Cross Browser Puppeteer)

Edit on GitHub 編集履歴を見る

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

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


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

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


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

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


ヘッドライン


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を追加、processuncaughtExceptionMonitorリスナーの追加など


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 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な自動化を目的としている


Puppeteer Sandbox | Headless Chrome Playground

puppeteersandbox.com/

JavaScript browser Tools

ブラウザからPuppeteerを扱うコードを書いて実行結果を取得できるSandboxツール


All questions | TypeOfNaN JavaScript Quizzes

quiz.typeofnan.dev/

JavaScript webservice

JavaScriptに関するクイズサイト。
JavaScriptについてのクイズとその解説が掲載されている


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