JSer.info #592 - Solid 1.4.0がリリースされました。
- Release v1.4.0 - Level Up! · solidjs/solid Solid v1.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をおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Release v8.10.0 · npm/cli
github.com/npm/cli/releases/tag/v8.10.0
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 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でNode.js 16が利用できるようになった
Announcing TypeScript 4.7 RC - TypeScript
devblogs.microsoft.com/typescript/announcing-typescript-4-7-rc/
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
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 v7.1.0リリース。
package.json
のlibc
フィールドのサポートなど
Release v1.22.0 · microsoft/playwright
github.com/microsoft/playwright/releases/tag/v1.22.0
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 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 15.5リリース。
HTMLのinert
属性のサポート、CSPでworker-src
ディレクティブのサポート。
その他にはbackground-attachement: fixed
のバグ修正、position: sticky
のバグ修正、HLS再生時のバグ修正、WebGLのmultisamplingのバグ修正など
- Safari 15.5 Beta Release Notes | Apple Developer Documentation
- iOS 15 + WebGL 2 issue | Page 2 - Unity Forum
アーティクル
Meta Open Source is transferring Jest to the OpenJS Foundation
engineering.fb.com/2022/05/11/open-source/jest-openjs-foundation/
JestがOpenJS Foundationに移管される。
Meta社以外の人のContributionsが多くなったため。
スライド、動画関係
Webフロントエンド基礎研修 ~歴史から学ぶ、現場のスタンダードな開発~ - Google スライド
SPA、React、TypeScript、SSR、CDNについての導入的なスライド。
バンドル最適化マニアクス at tfconf - Speaker Deck
speakerdeck.com/mizchi/bandoruzui-shi-hua-maniakusu-at-tfconf
TreeShakingとDead Code Eliminationについてスライド。
Bundler(rollup)とMinifier(terser)がどのように定数展開や不要なコードを削除しているのかについて
ソフトウェア、ツール、ライブラリ関係
JavascriptDB
SQLiteを使ったORM的な要素が入ったJavaScript DB。
データを配列やオブジェクトとして読み書きでき、filterやpushなどのAPIがそのままDBの読み書きとなる。
i-net-software/JWebAssembly: Java bytecode to WebAssembly compiler
github.com/i-net-software/JWebAssembly
Java bytecodeをWebAssemblyにコンパイルするコンパイラー。
Javaをブラウザで実行する目的
wooorm/starry-night: Syntax highlighting, like GitHub
github.com/wooorm/starry-night
textmate構文をサポートしたSyntax highlighterライブラリ。
github/linguistの定義などを利用して、ファイルサイズは大きいがGitHubやエディタと同じようなハイライトを作成する目的
dflex-js/dflex: The sophisticated Drag and Drop library you've been waiting for 🥳
UIフレームワークに依存しないD&Dライブラリ
alan2207/bulletproof-react: 🛡️ ⚛️ A simple, scalable, and powerful architecture for building production ready React applications.
github.com/alan2207/bulletproof-react
Reactアプリケーションに関するアーキテクチャガイド。
プロジェクト構成、スタイル、ディレクトリ構造、コンポーネント、状態管理、テスト、エラー処理、セキュリティ、パフォーマンスなどについてのプラクティスをまとめたもの
esbuild-kit/tsx: Node.js runtime enhanced with esbuild for loading TypeScript & ESM
esbuildを使ってTypeScript変換しながら実行するツール。
ESMとCJSをそれぞれ扱うloaderを持っていて、package.jsonのtype
フィールドによって自動でloaderを切り換えて扱える