Fork me on GitHub

2024-10-08のJS: WebPlatformのリリースノート、Node v20.18.0(networkのinspect)、StyleX 0.8.0

Edit on GitHub 編集履歴を見る

JSer.info #710 - Web features explorer - Web platform release notesというサイトでは、web-features@mdn/browser-compat-dataのデータを元に、月毎のブラウザなどの新機能をまとめたリリースノートを自動的にまとめてくれています。

web-featuresBaselineという最大公約数のベースラインとなるブラウザでサポートされているかの指標となるデータも生成しています。

どのような機能が利用できるようになったかがわかるので、新しい機能を知りたい人はチェックしてみると良いかもしれません。


Node.js 20.18.0がリリースされました。

--experimental-network-inspectionで開発者ツールでのNetwork Inspectionをサポートしています。
vm内のglobalThisをfreezeするvm.constants.DONT_CONTEXTIFYの追加もされています。


CSS in JSライブラリのStyleX 0.8.0がリリースされました。

Lintとしてshorthandを禁止するvalid-shorthandsルールの追加、enforce-extensionルールの追加が行われています。
また、lightningcssを使ったminifyやautoprefixのpost-processを行うようになっています。


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

JSer.info Sponsors

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


ヘッドライン


Web features explorer - Web platform release notes

web-platform-dx.github.io/web-features-explorer/release-notes/

WebPlatformAPI news webservice

web-featuresやbrowser-compat-dataを元にしたブラウザの新しい機能をリリースノート形式でまとめたサイト


Release v10.9.0 · npm/cli

github.com/npm/cli/releases/tag/v10.9.0

npm ReleaseNote

npm v10.9.0リリース。
開発時のランタイム情報を定義できるdevEnginesフィールドのサポートなど


Node.js — Node v20.18.0 (LTS)

nodejs.org/en/blog/release/v20.18.0

nodejs ReleaseNote

Node.js v20.18.0リリース。
--experimental-network-inspectionフラグでNetwork Inspectionをサポート。
vm内のglobalThisをfreezeするvm.constants.DONT_CONTEXTIFYを追加など


Tauri 2.0 Stable Release | Tauri

v2.tauri.app/blog/tauri-20/

Rust JavaScript GUI ReleaseNote

Tauri 2.0リリース。
iOS/Androidのサポート、モバイルアプリのシミューレーターでもHMRが有効に、プラグインシステムの刷新、アクセス制御の仕組みを刷新など


September 30, 2024 Release – React Spectrum Releases

react-spectrum.adobe.com/releases/2024-09-30.html

React library ReleaseNote

React Aria September 30, 2024リリース。
ColorPicker/ColorArea/ColorField/ColorSlider/ColorSwatch/ColorSwatchPicker/ColorWheelの追加。
ButtonにPendingのstateを追加。
実験的なコンポーネントして、Tree/TreeViewDisclosure/DisclosureGroupを追加など


Release 20.0.0 · nrwl/nx

github.com/nrwl/nx/releases/tag/20.0.0

nodejs Tools ReleaseNote

Nx 20.0.0リリース。
rspackプラグインの追加など


Release 0.8.0 | StyleX

stylexjs.com/blog/v0.8.0

css JavaScript library React ReleaseNote

StyleX 0.8.0リリース。
shorthandを禁止するvalid-shorthandsルールの追加、enforce-extensionルールの追加。
lightningcssを使ったminifyやautoprefixのpost-processを行うように


アーティクル


ESLint now officially supports linting of JSON and Markdown - ESLint - Pluggable JavaScript Linter

eslint.org/blog/2024/10/eslint-json-markdown-support/

ESLint JSON Markdown article

ESLintのJSONとMarkdownのサポートについて


How Bun supports V8 APIs without using V8 (part 1) | Bun Blog

bun.sh/blog/how-bun-supports-v8-apis-without-using-v8-part-1

Bun V8 webkit C++ article

BunがどのようにV8 APIをJSC上に実装しているかについて。
C++のポインタ、レイアウトの互換性のレイヤー、V8とJSCの値の表現の違い、NaNボクシング、GC、メモリレイアウトについて


Web Components are not Framework Components — and That’s Okay • Lea Verou

lea.verou.me/blog/2024/wcs-vs-frameworks/

WebComponents article opinion

Web ComponentsはHTMLの拡張とリアクティブテンプレートという2つのカテゴリを使っているという話


webpack to Rspack ~ Rspack移行の結果と注意点 ~

zenn.dev/ryo_kawamata/articles/b2df9989fe2c6e

webpack rspack article

webpackからRspackへのマイグレーションについて。
productionビルドでの問題と対応について


スライド、動画関係


ViteConf 2024 - YouTube

www.youtube.com/playlist?list=PLqGQbXn_GDmnObDzgjUF4Krsfl6OUKxtp

vite Conference video

ViteConf 2024の動画一覧


サイト、サービス、ドキュメント


CrUX Vis

cruxvis.withgoogle.com/

webservice performance

CrUXのデータを使って指定したサイトのWeb Vitalなどのパフォーマンスメトリクスの傾向をビジュアライズしてみれるサイト


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


dimdenGD/ultimate-express: The Ultimate Express. Fastest http server with full Express compatibility, based on µWebSockets.

github.com/dimdenGD/ultimate-express

express library

µWebSocketsベースのexpress互換のAPIを持つライブラリ


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