JSer.info #706 - Vue 3.5がリリースされました。
パフォーマンス改善、definePropsの返り値をDestructureできるようになっています。
また、useId()の追加、data-allow-mismatch属性の追加、defineCustomElement() APIを追加しCustom Elementの対応を改善、useTemplateRef()、onWatcherCleanup()の追加なども行われています。
JavaScriptの入門書であるjsprimer v6.0.0がリリースされました。
ES2024の対応とNode.jsのユースケースの章が刷新されています。
ECMAScript関係ではMap.groupBy/Object.groupBy、ECMAScript Proposal Stage 2.7の対応が行われています。
また、Node.jsでは標準モジュールに追加されたnode:utilのparseArgs、node:testへの対応が行われています。
Accessibility Visualizer Browser Extensionというウェブアクセシビリティのデバッグを補助するブラウザ拡張が公開されています。
- ymrl/a11y-visualizer: A Browser Extension for Enhanced Web Accessibility Checking
- HTMLを直接読み書きせず、スクリーンリーダーも使わずに、アクセシビリティを向上させられないだろうか（と思ってブラウザ拡張を作ってる）
a11y-visualizerでは、画像のaltや見出しレベルなどを可視化することで、アクセシビリティの問題を発見しやすくしています。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
JavaScript Primer v6.0.0リリース: ES2024の対応とNode.jsのユースケースを刷新 | Web Scratch
efcl.info/2024/09/02/jsprimer-v6/
JavaScript Primer v6リリース。
ECMAScript 2024の対応とNode.jsの標準モジュールの追加に対応した更新。
Map.groupBy/Object.groupBy、ECMAScript Proposal Stage 2.7、node:utilのparseArgs、node:testの対応など
Release v9.0.0 · faker-js/faker
github.com/faker-js/faker/releases/tag/v9.0.0
Node.js Faker v9.0.0リリース。
Node.js 14,16のサポート終了、localeごとのimportができるように、RNGのseedの扱いの変更など、非推奨なAPIの削除など
Node.js — Node v22.8.0 (Current)
nodejs.org/en/blog/release/v22.8.0
Node.js v22.8.0リリース。
module.enableCompileCache() APIの追加、vm.createContext()にvm.constants.DONT_CONTEXTIFYを追加。
カバレッジのしきい値をチェックできる--experimental-test-coverageフラグの追加など
Announcing Vue 3.5 | The Vue Point
Vue 3.5リリース。
パフォーマンス改善、definePropsの返り値をDestructureできるように、useId()の追加、data-allow-mismatch属性の追加。
defineCustomElement() APIを追加しCustom Elementの対応を改善、useTemplateRef()、onWatcherCleanup()の追加など
Firefox 130.0, See All New Features, Updates and Fixes
www.mozilla.org/en-US/firefox/130.0/releasenotes/
Firefox 130リリース。
<details name>の対応、X25519 digital signature algorithmのサポート、Web Codecs API のサポート。
実験的な機能としてrequestVideoFrameCallback()、ReportingObserverでCSP違反を監視できるようになるなど
Release v1.47.0 · microsoft/playwright
github.com/microsoft/playwright/releases/tag/v1.47.0
playwright v1.47.0リリース。
Network Tabの改善、--tsconfigフラグの追加、Playwright ImageをUbuntu 24.04ベースに変更など
ESLint v9.10.0 released - ESLint - Pluggable JavaScript Linter
eslint.org/blog/2024/09/eslint-v9.10.0-released/
ESLint v9.10.0リリース。
eslintパッケージに@types/eslintと同じ型定義ファイルが含まれるようになる変更など
Bun v1.1.27 | Bun Blog
Bun v1.1.27リリース。
node:zlibのパフォーマンス改善、npm packと同等の処理をするbun pm packコマンドを追加。
Bun.serve()にStatic routesの追加、--max-http-header-sizeフラグの追加など
Release v8.0.0 · redwoodjs/redwood
github.com/redwoodjs/redwood/releases/tag/v8.0.0
Redwood v8.0.0リリース。
Background Jobの対応、SSRとRSCの対応改善、StorybookにViteを使うように、Dockerのサポートなど
アーティクル
JS Dates Are About to Be Fixed | TimeTime
docs.timetime.in/blog/js-dates-finally-fixed/
ECMAScript Proposal Stage 3のTemporal APIについて
What’s new in React 19 – Vercel
vercel.com/blog/whats-new-in-react-19
React 19の新しい機能についての紹介。
Server Component、Server Action、useActionState/useFormState/useOptimistic/useなどの新しいHooks。
リソースのpreload、ref callback、<title>などのメタデータの対応。
Custom Elementの対応、エラー表示の改善など
The Ultimate Guide to Font Performance Optimization | DebugBear
www.debugbear.com/blog/website-font-performance
WebFontのパフォーマンス最適化について
サイト、サービス、ドキュメント
ymrl/a11y-visualizer: A Browser Extension for Enhanced Web Accessibility Checking
github.com/ymrl/a11y-visualizer?tab=readme-ov-file
アクセシビリティの情報を視覚的に表示するブラウザ拡張。
アクセシビリティの構造を可視化することで、問題を見つけやすくするツール
