JSer.info #716 - Angular v19がリリースされました。
- Meet Angular v19. In the past two years we doubled down… | by Minko Gechev | Nov, 2024 | Angular Blog
- Release v19.0.0 · angular/angular
- Angular v19 Developer Event - YouTube
Developer previewとして新しいIncremental Hydrationの仕組みを追加、ServerRouteでレンダリングモードを指定できるように、HMRのサポートが追加されています。
Incremental Hydrationは、@defer
でHydrationを遅延実行でき、Hydrationがするまでは@placeholder
でプレースホルダーを表示することができます。QwikのResumableとやや似た概念ですが、@defer
ではHydrationするタイミングも指定できるようになっています。
- Incremental Hydration • Angular
- [Complete] RFC: Incremental Hydration · angular/angular · Discussion #57664
また、Standalone componentがデフォルトでtrue
に変更、linkedSignal
の追加、resource()
APIの追加なども行われています。
Deno v2.1がリリースされました。
Deno 2.1はLTSとなるリリースで、2025年4月までサポートされる予定です。
.wasm
のインポートに対応、deno init --npm
を追加、deno outdated
の追加、deno compile
がAssetsを埋め込めるように。
deno task
にdescriptionを表示できるように、task間の依存関係を定義できるようになるなどの変更が行われています。
React Router v7がリリースされました。
React Router v7は、Remix v2のメジャーアップデートバージョンとなるバージョンにもなっています。
そのため、React Router v6とRemix v2からのアップデートガイドも公開されています。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Bun v1.1.35 | Bun Blog
Bun v1.1.35リリース。
MuslとAlpine Linux のネイティブサポート、bun test
の結果をJUnit XML形式で出力できるように、Worker
のpreloadのサポートなど
Meet Angular v19. In the past two years we doubled down… | by Minko Gechev | Nov, 2024 | Angular Blog
blog.angular.dev/meet-angular-v19-7b29dfd05b84
Angular v19リリース。
Developer previewとして新しいIncremental Hydrationの仕組みを追加、ServerRouteでレンダリングモードを指定できるように、HMRのサポート。
Standalone componentがデフォルトでtrue
に変更、linkedSignal
の追加、resource()
APIの追加など
Node.js — Node v23.3.0 (Current)
nodejs.org/en/blog/release/v23.3.0
Node.js v23.3.0リリース。
util.getCallSite()
がSource Mapをサポート。
Node.jsに対する変更でSEMVER-MAJORのコミットがmainブランチに入る時のルールを厳格化など
Deno 2.1: Wasm Imports and other enhancements
Deno v2.1リリース。
LTSとなるリリースで、2025年4月までサポートされる。
.wasm
のインポートに対応、deno init --npm
を追加、deno outdated
の追加、deno compile
がAssetsを埋め込めるように。
deno task
にdescriptionを表示できるように、task間の依存関係を定義できるようになるなど
November 20, 2024 Release – React Spectrum Releases
react-spectrum.adobe.com/releases/2024-11-20.html
react-aria-components 1.5.0 リリース。
ToggleButtonGroup
の追加、MenuSection
ごとに設定を持たせられるように、TypeScriptの設定をStrictに変更、AccordionとDisclosureをGAに変更など
Node.js 22 runtime now available in AWS Lambda | AWS Compute Blog
aws.amazon.com/jp/blogs/compute/node-js-22-runtime-now-available-in-aws-lambda/
AWS LambdaでNode.js 22をサポート
React Router v7 | Remix
remix.run/blog/react-router-v7
React Router v7リリース。
React Router v7はRemix v2のメジャーアップデートバージョンとなる。
React Router v6とRemix v2からのアップデートガイドも公開されている。
Announcing TypeScript 5.7 - TypeScript
devblogs.microsoft.com/typescript/announcing-typescript-5-7/
TypeScript 5.7リリース。
初期化されてない変数のチェック、相対パスの.ts
を出力時に.js
へと書き換える--rewriteRelativeImportExtensions
フラグの追加。
--target es2024
のサポート、Node.js 22のV8 Compile Cacheをサポートして実行速度の改善など
Release v1.49.0 · microsoft/playwright
github.com/microsoft/playwright/releases/tag/v1.49.0
playwright v1.49.0リリース。
Aria Snapshotの追加、古いヘッドレスモード(chromium-headless-shell
)と新しいヘッドレスモードが両方ダウンロードされるように変更。
--only-shell
を使うことで古いヘッドレスモードのみをダウンロードできる。新しいヘッドレスモードへchannel: 'chromium'
で切り替えができる。
- Changes in Chromium headless in Playwright v1.49 · Issue #33566 · microsoft/playwright
- Download old Headless Chrome as chrome-headless-shell | Blog | Chrome for Developers
State of HTML 2024
State of HTML 2024の結果が公開された
アーティクル
アクセシビリティツリーを比較する Playwright の Aria snapshots がよさそう
azukiazusa.dev/blog/playwright-aria-snapshot/
PlaywrightのAria snapshotsについて
スライド、動画関係
JSConf JP 2024 公開資料・Xアカウントリンクまとめ
zenn.dev/yumemi_inc/articles/2024-11-24-jsconf-jp-2024
JSConf JP 2024のスライドまとめ
サイト、サービス、ドキュメント
React Scan
タグを埋め込むことでReactアプリのレンダリングのプロファイルを取得したり、なぜレンダリングされているのかをみたり、レンダリング回数などの可視化をするツール。
Million Lintが開発している。
ソフトウェア、ツール、ライブラリ関係
ysk8hori/typescript-graph: A CLI to visualize the dependencies between files in the TypeScript codebase.
github.com/ysk8hori/typescript-graph
TypeScriptのコードの依存関係をMermaidでビジュアライズできるツール