Fork me on GitHub

2022-05-17のJS: Solid v1.4.0、playwright v1.22.0、Safari 15.5

Edit on GitHub 編集履歴を見る

JSer.info #592 - Solid 1.4.0がリリースされました。

createStoreでトップレベルの配列をサポート、deferStreamオプションの追加、createResourceで常に最新の値を取得する.latestプロパティが追加されています。
また、Custom Renderersを複数組み合わせて利用できるようになっています。


playwright v1.22.0リリースされました。

Playwright TestにComponent Testingを試験的に実装されています。

WAI-ARIA roleなどで要素を選択できるRole selectorの対応。
またScreenshot Assertionの安定性のために、expect(page).toHaveScreenshot()でスクリーンショットを撮影する際にはデフォルトでアニメーションの無効化などの変更するといった含まれています。


Safari 15.5がリリースされました。

Safari 15.4は機能追加が中心でしたが、Safari 15.5はバグ修正が中心となっています。

HTMLのinert属性のサポート、CSPでworker-srcディレクティブのサポートが追加されています。
バグ修正としてはbackground-attachement: fixedのバグ修正、position: stickyのバグ修正、HLS再生時のバグ修正、WebGLのmultisamplingのバグ修正などが含まれています。


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

JSer.info Sponsors

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


ヘッドライン


Release v8.10.0 · npm/cli

github.com/npm/cli/releases/tag/v8.10.0

npm ReleaseNote

npm v8.10.0リリース。
--omit-lockfile-registry-resolvedフラグの追加。


Improving the HTTP Archive pipeline and dataset by 10x - Announcements - HTTP Archive

discuss.httparchive.org/t/improving-the-http-archive-pipeline-and-dataset-by-10x/2372

HTTP web BigQuery news

HTTP Archiveのアーキテクチャが変更され、データセットが10倍となるというアナウンス。
データ量が増えるためBigQueryのクエリ費用も増える可能性がある。またホームページからセカンダリページのクロールにも対応していく予定。


Node.js 16.x runtime now available in AWS Lambda | AWS Compute Blog

aws.amazon.com/jp/blogs/compute/node-js-16-x-runtime-now-available-in-aws-lambda/

aws Lambda ReleaseNote

AWS LambdaでNode.js 16が利用できるようになった


Announcing TypeScript 4.7 RC - TypeScript

devblogs.microsoft.com/typescript/announcing-typescript-4-7-rc/

TypeScript ReleaseNote

TypeScript 4.7 RCリリース。
Betaからの変更として、Node.jsはEOLとなったため、targetの指定はnode16へと変更された。


Release v1.4.0 - Level Up! · solidjs/solid

github.com/solidjs/solid/releases/tag/v1.4.0

JavaScript library

Solid v1.4.0リリース。
createStoreでトップレベルの配列をサポート、deferStreamオプションの追加、createResourceで常に最新の値を取得する.latestプロパティを追加。
また、Custom Renderersを複数組み合わせて利用できるようになるなど


Release v7.1.0 · pnpm/pnpm

github.com/pnpm/pnpm/releases/tag/v7.1.0

pnpm ReleaseNote

pnpm v7.1.0リリース。
package.jsonlibcフィールドのサポートなど


Release v1.22.0 · microsoft/playwright

github.com/microsoft/playwright/releases/tag/v1.22.0

browser testing library ReleaseNote

playwright v1.22.0リリース。
Playwright TestにComponent Testingを試験的に実装、WAI-ARIA roleなどで要素を選択できるRole selectorの対応。
またScreenshot Assertionの安定性のためにデフォルトではアニメーションの無効化などの変更が含まれている。


Release Notes for Safari Technology Preview 145 | WebKit

webkit.org/blog/12629/release-notes-for-safari-technology-preview-145/

safari ReleaseNote

Safari Technology Preview 145リリース。
Container Queriesのサポート改善、<dialog>要素のダークモード対応、setTimeout(fn, 0)とした時に自動的に追加される1msのclampを削除。
Service WorkersにWindowClient.navigate()WindowClient.openWindow()の実装など


New WebKit Features in Safari 15.5 | WebKit

webkit.org/blog/12669/new-webkit-features-in-safari-15-5/

safari ReleaseNote

Safari 15.5リリース。
HTMLのinert属性のサポート、CSPでworker-srcディレクティブのサポート。
その他にはbackground-attachement: fixedのバグ修正、position: stickyのバグ修正、HLS再生時のバグ修正、WebGLのmultisamplingのバグ修正など


アーティクル


Meta Open Source is transferring Jest to the OpenJS Foundation

engineering.fb.com/2022/05/11/open-source/jest-openjs-foundation/

JavaScript testing OpenSource article news

JestがOpenJS Foundationに移管される。
Meta社以外の人のContributionsが多くなったため。


スライド、動画関係


Webフロントエンド基礎研修 ~歴史から学ぶ、現場のスタンダードな開発~ - Google スライド

docs.google.com/presentation/d/e/2PACX-1vSjF1cp8fAdMKwFkLmtFT66e-UCD6zanO5KLsuRFmWyZ-8c06YQmgWT750Aqai2JfqHRARYWlkDLfaB/pub#slide=id.gb7224c087c_0_0

HTML JavaScript CSS slide

SPA、React、TypeScript、SSR、CDNについての導入的なスライド。


バンドル最適化マニアクス at tfconf - Speaker Deck

speakerdeck.com/mizchi/bandoruzui-shi-hua-maniakusu-at-tfconf

JavaScript performance slide

TreeShakingとDead Code Eliminationについてスライド。
Bundler(rollup)とMinifier(terser)がどのように定数展開や不要なコードを削除しているのかについて


ソフトウェア、ツール、ライブラリ関係


JavascriptDB

javascriptdb.com/

JavaScript SQLite library

SQLiteを使ったORM的な要素が入ったJavaScript DB。
データを配列やオブジェクトとして読み書きでき、filterやpushなどのAPIがそのままDBの読み書きとなる。


i-net-software/JWebAssembly: Java bytecode to WebAssembly compiler

github.com/i-net-software/JWebAssembly

Java WebAssembly

Java bytecodeをWebAssemblyにコンパイルするコンパイラー。
Javaをブラウザで実行する目的


wooorm/starry-night: Syntax highlighting, like GitHub

github.com/wooorm/starry-night

JavaScript library

textmate構文をサポートしたSyntax highlighterライブラリ。
github/linguistの定義などを利用して、ファイルサイズは大きいがGitHubやエディタと同じようなハイライトを作成する目的


dflex-js/dflex: The sophisticated Drag and Drop library you've been waiting for 🥳

github.com/dflex-js/dflex

JavaScript library

UIフレームワークに依存しないD&Dライブラリ


alan2207/bulletproof-react: 🛡️ ⚛️ A simple, scalable, and powerful architecture for building production ready React applications.

github.com/alan2207/bulletproof-react

React architecture document

Reactアプリケーションに関するアーキテクチャガイド。
プロジェクト構成、スタイル、ディレクトリ構造、コンポーネント、状態管理、テスト、エラー処理、セキュリティ、パフォーマンスなどについてのプラクティスをまとめたもの


esbuild-kit/tsx: Node.js runtime enhanced with esbuild for loading TypeScript & ESM

github.com/esbuild-kit/tsx

TypeScript jsx node.js library

esbuildを使ってTypeScript変換しながら実行するツール。
ESMとCJSをそれぞれ扱うloaderを持っていて、package.jsonのtypeフィールドによって自動でloaderを切り換えて扱える


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