JSer.info #684 - Tailwind CSS v4.0 alphaがリリースされました。
OxideというRustで書かれたエンジンを追加、Lightning CSSを組み込むように変更することでパフォーマンスやビルドトインでサポートする構文が改善されています。また、記事ではv4のロードマップについても触れられています。
TypeScript 5.4がリリースされました。
BetaやRCからの大きな機能的な追加などはありません。
クロージャーにおけるNarrowing結果の改善、NoInfer
Utility Typeの追加、
--module preserve
の追加が行われています。
また、ES2024のObject.groupBy
/Map.groupBy
をサポート、Import Attributesのサポートが追加されています。
5.4がtarget: "ES3"
やout
オプションなどの非推奨化されたオプションがサポートされる最後のバージョンとなる予定です。
これらのオプションは5.5で削除される予定となっています。
ブラウザエンジンのパフォーマンスを測定するためのベンチマークツールであるSpeedometer 3.0がリリースされました。
Speedometerは主にブラウザエンジンの開発者がブラウザのパフォーマンスを測定するベンチマークとして利用されています。
今回のアップデートで同期と非同期処理の実行時間をより正確に計測、HTTP Archiveやnpmのダウンロード数を元にした利用されているフレームワークの調整などが行われています。
また、今まではTodoMVCを利用していましたが、Next.js/Nuxt を使ったメディアサイトやグラフィカルなダッシュボード、CodeMirrorとTipTapを使ったエディタなどもテストに追加されています。
Speedometer 3.0のベンチマークでは次のようなフレームワークがテストに含まれています。
- Angular
- Backbone
- jQuery
- Lit
- Preact
- React
- React+Redux
- Svelte
- Vue
- Next.js
- Nuxt
- Observable Plot
- chart.js
- React stockcharts
- D3
- CodeMirror
- TipTap
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Release v8.0.0 · pixijs/pixijs
github.com/pixijs/pixijs/releases/tag/v8.0.0
PixiJS v8.0.0リリース。
pixi.js
の単体のパッケージに統合、初期化が非同期へと変更、Graphiscs APIの変更など
Node.js — Node v21.7.0 (Current)
nodejs.org/en/blog/release/v21.7.0
Node.js v21.7.0リリース。
util.styleText(format, text)
関数を追加、process.loadEnvFile(path)
とutil.parseEnv(content)
を追加。
.env
で複数行の値をサポート、node:sea
にAPIを追加、node:vm
にimportModuleDynamically
オプションを追加、crypto.hash()
の追加など
Open-sourcing our progress on Tailwind CSS v4.0 - Tailwind CSS
tailwindcss.com/blog/tailwindcss-v4-alpha
Tailwind CSS v4 alphaリリース。
OxideというRustで書かれたエンジンを追加、Lightning CSSを組み込むように変更。
v4のロードマップについてなど
WebKit Features in Safari 17.4 | WebKit
webkit.org/blog/15063/webkit-features-in-safari-17-4/
Safari 17.4の変更点について。
HTMLでは、<input type="checkbox" switch>
のサポート、フォームの縦書き表示に対応、<select>
の区切りに<hr>
を使えるように。
CSSでは、@scope
のサポート、::spelling-error
と::grammar-error
の擬似要素のサポート、content: "foo" / "alt"
で代替テキストをサポート。
Web APIでは、element.checkVisibility()
のサポート、AbortSignal.any()
のサポート。
JSでは、ES2024のPromise.withResolvers()
/Object.groupBy()
/Map.groupBy()
のサポート。
Biome v1.6 | Biome
Biome v1.6リリース。
Astro/Svelte/Vueのファイル内のJS/TS分析をサポート、biome.jsonc
をサポート。
atributePosition
オプションの追加、ルールの更新など
Announcing TypeScript 5.4 - TypeScript
devblogs.microsoft.com/typescript/announcing-typescript-5-4/
TypeScript 5.4リリース。
クロージャーにおけるNarrowing結果の改善、NoInfer
Utility Typeの追加、
--module preserve
の追加。
ES2024のObject.groupBy
/Map.groupBy
をサポート、Import Attributesのサポート。
target: "ES3"
やout
オプションなどを非推奨化されたオプションは5.5で削除される予定。
WinterJS 1.0 · Blog · Wasmer
SpidermonkeyベースのWinterJS-compatibleなJavaScript RuntimeであるWinterJS 1.0リリース。
Release v4.1.0 · honojs/hono
github.com/honojs/hono/releases/tag/v4.1.0
Hono v4.1.0リリース。
WebSocket Helperの追加、Body Limit Middlewareの追加、出力ターゲットをES2022に変更など
アーティクル
フルスクラッチして理解するOpenID Connect (1) 認可エンドポイント編 - エムスリーテックブログ
www.m3tech.blog/entry/2024/03/05/150000
OpenID ConnectのID ProviderをTypeScriptで実装していく連載
"react-strict-dom", why it's so great? | Szymon Rybczak
szymonrybczak.dev/blog/react-strict-dom
react-strict-domについて。
React Native for WebのアプローチではReact Nativeのプリミティブをウェブ向けに変換する互換Shimが大きかった。
react-strict-domでは逆のアプローチを採用し、DOM APIのサブセットをネイティブ側で扱う。
Why Should You Care About Package Metadata Interoperability? | OpenJS Foundation
openjsf.org/blog/package-metadata-interoperability-collab-space-intro
OpenJSでpackage.json
のメタデータの相互運用性を向上させるためのワーキンググループが発足した。
- openjs-foundation/package-metadata-interoperability-collab-space: The goal of the Package Metadata Interoperability Collab Space is to improve how JavaScript developers define their packages across the ecosystem. The group is currently working to better understand package.json and how developers use it to define their projects.
- OpenJS Launches New Collaboration to Improve Interoperability of JavaScript Package Metadata - Socket
Ultimate Guide to Visual Testing with Playwright
www.browsercat.com/post/ultimate-guide-visual-testing-playwright
Playwrightを使ったビジュアルリグレッションテストについて
Speedometer 3.0: The Best Way Yet to Measure Browser Performance | WebKit
webkit.org/blog/15131/speedometer-3-0-the-best-way-yet-to-measure-browser-performance/
ウェブブラウザエンジンのベンチマークとして使われるSpeedometer 3.0リリース。
同期と非同期処理の実行時間をより正確に計測、HTTP Archiveやnpmのダウンロード数を元にした利用されているフレームワークの調整。
また、今まではTodoMVCを利用していたが、Next.js/Nuxt を使ったメディアサイトやグラフィカルなダッシュボード、CodeMirrorとTipTapを使ったエディタなどもテストに追加など
ソフトウェア、ツール、ライブラリ関係
rolldown-rs/rolldown: Fast Rust bundler for JavaScript with Rollup-compatible API.
github.com/rolldown-rs/rolldown
Rollup互換を目指すRustでのJavaScript Bundlerの実装。
edmundhung/conform: A type-safe form validation library utilizing web fundamentals to progressively enhance HTML Forms with full support for server frameworks like Remix and Next.js.
RemixやNext.jsでのサーバ側の処理にも対応したフォームライブラリ。
Zodなどと組み合わせてサーバ側でのバリデーションやReactのuseFormState
と組み合わせて動作する
書籍関係
Eloquent JavaScript
Eloquent JavaScripの第4版(2024)が公開された