JSer.info #708 - date-fns v4.0.0がリリースされました。
date-fns v4.0.0ではTimeZoneをサポート、ESMとCJSのdual packageに変更などが行われています。
TimeZoneのサポートは今まではdate-fns-tzという外部のパッケージで提供されていましたが、v4.0.0からは@date-fns/tzというIntlをベースにした新しいパッケージが提供されるようになりました。
Deno 2.0 RCがリリースされました。
Deno 2.0 RCではさまざまな破壊的な変更が行われているため、マイグレーションガイドも公開されています。
グローバルなwindow
を削除/process
を追加、deno add
でjsr:
とnpm:
の識別子を指定して追加できるように、パーミッションの指定に関する挙動の変更が行われています。
また、WebGPU/Deno.dlopen()
/Deno.createHttpClient()
がStableに、非推奨なAPIやコマンドの削除なども行われています。
Safari 18.0がリリースされました。
破壊的な変更として、AppCacheのサポートを削除、標準化されていない-webkit
prefixの擬似クラスのサポートを廃止、picture
要素ではJPEG2000のサポートを削除されています。
機能追加としては、次のような変更が含まれています。
- CSSでは、View Transitions、Style Queries、
content-visibility
、@starting-style
とdisplay: none
の組み合わせをサポート - HTMLでは、
picture
要素でHEICをサポート、writingsuggestions
属性のサポート、<input switch>
のサポート - JavaScriptでは、正規表現の
v
フラグをサポート、URL.parse()
のサポート
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Release v4.0.0 · date-fns/date-fns
github.com/date-fns/date-fns/releases/tag/v4.0.0
date-fns v4.0.0リリース。
TimeZoneをサポート、ESMとCJSのdual packageに変更など
Node.js — Node v22.9.0 (Current)
nodejs.org/en/blog/release/v22.9.0
Node.js v22.9.0リリース。
node:util
にgetCallSite
を追加、V8 Maglevを無効化など
Release v5.0.0 · fastify/fastify
github.com/fastify/fastify/releases/tag/v5.0.0
fastify v5.0.0リリース。
Node.js 20未満のサポート終了、非推奨のAPIを削除など
Release v0.24.0 · evanw/esbuild
github.com/evanw/esbuild/releases/tag/v0.24.0
esbuild v0.24.0リリース。
macOS 10.15のサポート終了、tsconfig.jsonのuseDefineForClassFields
の扱いを修正など
Release 4.0.0 · paulmillr/chokidar
github.com/paulmillr/chokidar/releases/tag/4.0.0
chokidar 4.0.0リリース。
globサポートの削除、fseventsを削除、TypeScriptでの書き直し、Node.js 14未満のサポートを削除など
Astro 5.0 Beta Release | Astro
astro.build/blog/astro-5-beta/
Astro 5.0 betaリリース。
Content LayerとServer IslandsがStableに、astro:env
の追加など
Release v4.6.0 · honojs/hono
github.com/honojs/hono/releases/tag/v4.6.0
Hono v4.6.0リリース。
asyncLocalStorageを使ったhono/context-storage
を追加など
WebKit Features in Safari 18.0 | WebKit
webkit.org/blog/15865/webkit-features-in-safari-18-0/
Safari 18.0の変更点について。
CSSでは、View Transitions、Style Queries、content-visibility
、@starting-style
とdisplay: none
の組み合わせをサポート。
HTMLでは、picture
要素でHEICをサポート、writingsuggestions
属性のサポート、<input switch>
のサポート。
JavaScriptでは、正規表現のv
フラグをサポート、URL.parse()
のサポート。
AppCacheのサポートを削除、標準化されていない-webkit
prefixの擬似クラスのサポートを廃止、picture
要素ではJPEG2000のサポートを削除など
Deno 2.0 Release Candidate
deno.com/blog/v2.0-release-candidate
Deno v2.0 RCリリース。
グローバルなwindow
を削除/process
を追加、deno add
でjsr:
とnpm:
の識別子を指定して追加できるように、パーミッションの指定に関する挙動の変更。
WebGPU/Deno.dlopen()
/Deno.createHttpClient()
がStableに、非推奨なAPIやコマンドの削除。
deno run
でCommonJSを実行可能に、Top Level awaitを含まないESMをrequire()
で読み込めるように、Node.jsとの互換性を改善。
deno test --doc
でDocTestをサポート、TypeScript 5.6へアップデートなど
アーティクル
Introducing TanStack Router – Frontend Masters Boost
frontendmasters.com/blog/introducing-tanstack-router/
TanStack Routerの基本的な使い方について
Request for developer feedback: customizable select | Blog | Chrome for Developers
developer.chrome.com/blog/rfc-customizable-select
Chrome Canary 130で実験的な機能として利用できるselect要素のカスタマイズについて。
CSSの::picker(select)
でselect要素の見た目を変更できる。
Don't Sleep on AbortController - kettanaito.com
kettanaito.com/blog/dont-sleep-on-abort-controller
AbortController
の使い方について。
イベントリスナーの解除、Fetchのキャンセル、AbortSignal.timeout
/AbortSignal.any
について。
また汎用的なキャンセルの実装についてなど
ソフトウェア、ツール、ライブラリ関係
bloomberg/ts-blank-space: A small, fast, pure JavaScript type-stripper that uses the official TypeScript parser.
github.com/bloomberg/ts-blank-space
TypeScriptのコードから型だけを取り除いてJavaScriptとして実行するツール。
元のコードの位置をそのまま保つことでSource Mapを不要な変換を行っている
line/ts-remove-unused: Remove unused code from your TypeScript project
github.com/line/ts-remove-unused
TypeScriptのコードの利用されてない変数やexportを削除するツール
Nova.js - A collection of dependency-free React hooks
React Hooksのコレクションライブラリ。
それぞれのHookがコピーペーストして使えるようにHooks同士の依存がないように作られている