JSer.info #678 - Firefox 122.0がリリースされました。

<select>の子要素として<hr>を許可するように、CSSのoffset-positionとoffset-pathプロパティをデフォルトで有効化されています。
ArrayBuffer.prototype.transfer()の実装、XSSの対策としてSVGの<use>にData URLを利用できないように変更されています。
また、実験的な機能としてDeclarative shadow DOM、Popover API、Clipboard API、Intl.Segmenterが実装されています。

Deno 1.40がリリースされました。

Deno 1.40: Temporal API

Temporal APIのサポート、import.meta.filename/import.meta.dirnameのサポートが追加されています。
import.meta.filename/import.meta.dirnameは、Node.jsとBunでもサポートされています。

そのほかには、window、Deno.run()、Deno.serveHttp()、Deno.metrics()などの古いAPIを非推奨化が行われています。

Safari 17.4 Betaがリリースされました。

Safari 17.4 Beta Release Notes | Apple Developer Documentation

CSSでは、@scopeのサポート、Block Containersでのalign-contentをサポートなどが追加されています。
HTMLでは、<select>の中での<hr>のサポート。<input type=checkbox switch>のサポートなどが追加されています。
JSでは、Promise.withResolvers、ArrayBuffer.prototype.transfer、Object.groupByのサポートなどが追加されています。
また、iOSでVP8/VP9/WebMをサポート、Full Screen APIをサポートなどが追加されています。

このリリースとは直接関係はないですが、AppleはEUではWebKit以外のブラウザエンジンを利用できると発表をしています。
かなり色々な制限があるため、実際に利用できるかは不明ですが、iOS上で別のブラウザエンジンを利用できるようになる可能性があります。

Apple announces changes to iOS, Safari, and the App Store in the European Union - Apple
- Using alternative browser engines in the European Union - Support - Apple Developer

関連する話題として、MozillaがAppleやGoogleなどのOSプラットフォーム側が制限している内容をまとめたサイトを公開しています。

Platform Tilt - Mozilla

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

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

JSer.info Sponsors

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

ヘッドライン

Release v2.0.0 · volarjs/volar.js

github.com/volarjs/volar.js/releases/tag/v2.0.0

TypeScript library ReleaseNote

volar v2.0.0リリース。
コアをTypeScriptに依存しない形へと変更、@volar/cdnを非推奨化など

Firefox 122.0, See All New Features, Updates and Fixes

www.mozilla.org/en-US/firefox/122.0/releasenotes/

Firefox ReleaseNote

Firefox 122リリース。
<select>の子要素として<hr>を許可するように、CSSのoffset-positionとoffset-pathプロパティをデフォルトで有効化。
ArrayBuffer.prototype.transfer()の実装、SVGの<use>にData URLを利用できないように変更。
実験的な機能としてDeclarative shadow DOM、Popover API、Clipboard API、Intl.Segmenterの実装など

Firefox 122 for developers - Mozilla | MDN

Release v5.90.0 · webpack/webpack

github.com/webpack/webpack/releases/tag/v5.90.0

webpack ReleaseNote

webpack v5.90.0リリース。
node.{__filename,__dirname}にnode-moduleオプションの追加、バグ修正など

Deno 1.40: Temporal API

deno.com/blog/v1.40

deno ReleaseNote

Deno v1.40リリース。
Temporal APIのサポート、import.meta.filename/import.meta.dirnameのサポート、deno.jsonのimportsの指定方法を改善。
window、Deno.run()、Deno.serveHttp()、Deno.metrics()などの古いAPIを非推奨化など

Safari 17.4 Beta Release Notes | Apple Developer Documentation

developer.apple.com/documentation/safari-release-notes/safari-17_4-release-notes

safari ReleaseNote

Safari 17.4 Betaリリース。
CSSでは、@scopeのサポート、Block Containersでのalign-contentをサポート。
HTMLでは、<select>の中での<hr>のサポート。<input type=checkbox switch>のサポート。
JSでは、Promise.withResolvers、ArrayBuffer.prototype.transfer、Object.groupByのサポート。
iOSでVP8/VP9/WebMをサポート、Full Screen APIをサポート。

Release v0.20.0 · evanw/esbuild

github.com/evanw/esbuild/releases/tag/v0.20.0

esbuild ReleaseNote

esbuild v0.20.0リリース。
Deno 1.40に対応、node_modulesのパッケージないから探索するファイルの拡張子の優先順位を変更など

QuickJS Javascript Engine

bellard.org/quickjs/

JavaScript ReleaseNote

QuickJSのES2023サポート。

ES2022のTop-Level await
ES2023のChange Array by copy、Array.prototype.{findLast, findLastIndex}
ES2024のObject.groupBy、Promise.withResolvers

Announcing AdonisJS v6

adonisjs.com/blog/adonisjs-v6-announcement

JavaScript nodejs ReleaseNote server

AdonisJS v6リリース。
ESMへの移行、Vite integrationのサポート。
VineJSというバリデーションライブラリの作成、テストフレームワークやテンプレートエンジンなどのコアをパッケージとして切り出して利用できるようになるなど

スライド、動画関係

Next.js App Router Caching: Explained! - YouTube

www.youtube.com/watch?v=VBlSe8tvg4U

Next.js video JavaScript

Next.js App Routerでのキャッシュがどのように動くかについての動画。
Pages RouterとApp Routerのデフォルトのキャッシュの挙動の違い、noCache()/cache()でのキャッシュするかの制御、revalidateTag()での再検証。
useOptimistic()やJavaScriptがない時の動作についてなど