Fork me on GitHub

2024-09-23のJS: date-fns v.4.0.0(timezone)、Deno 2.0 RC、Safari 18.0

Edit on GitHub 編集履歴を見る

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をベースにした新しいパッケージが提供されるようになりました。


Denno 2.0 RCがリリースされました。

Deno 2.0 RCではさまざまな破壊的な変更が行われているため、マイグレーションガイドも公開されています。

グローバルなwindowを削除/processを追加、deno addjsr:npm:の識別子を指定して追加できるように、パーミッションの指定に関する挙動の変更が行われています。
また、WebGPU/Deno.dlopen()/Deno.createHttpClient()がStableに、非推奨なAPIやコマンドの削除なども行われています。


Safari 18.0がリリースされました。

破壊的な変更として、AppCacheのサポートを削除、標準化されていない-webkit prefixの擬似クラスのサポートを廃止、picture要素ではJPEG2000のサポートを削除されています。

機能追加としては、次のような変更が含まれています。

  • CSSでは、View Transitions、Style Queries、content-visibility@starting-styledisplay: noneの組み合わせをサポート
  • HTMLでは、picture要素でHEICをサポート、writingsuggestions属性のサポート、<input switch>のサポート
  • JavaScriptでは、正規表現のvフラグをサポート、URL.parse()のサポート

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

JSer.info Sponsors

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


ヘッドライン


Release v4.0.0 · date-fns/date-fns

github.com/date-fns/date-fns/releases/tag/v4.0.0

JavaScript library ReleaseNote

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

nodejs ReleaseNote

Node.js v22.9.0リリース。
node:utilgetCallSiteを追加、V8 Maglevを無効化など


Release v5.0.0 · fastify/fastify

github.com/fastify/fastify/releases/tag/v5.0.0

nodejs server library ReleaseNote

fastify v5.0.0リリース。
Node.js 20未満のサポート終了、非推奨のAPIを削除など


Release v0.24.0 · evanw/esbuild

github.com/evanw/esbuild/releases/tag/v0.24.0

esbuild ReleaseNote

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

nodejs library ReleaseNote

chokidar 4.0.0リリース。
globサポートの削除、fseventsを削除、TypeScriptでの書き直し、Node.js 14未満のサポートを削除など


Astro 5.0 Beta Release | Astro

astro.build/blog/astro-5-beta/

astro ReleaseNote

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 ReleaseNote

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 ReleaseNote

Safari 18.0の変更点について。
CSSでは、View Transitions、Style Queries、content-visibility@starting-styledisplay: 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 ReleaseNote

Deno v2.0 RCリリース。
グローバルなwindowを削除/processを追加、deno addjsr: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/

article JavaScript

TanStack Routerの基本的な使い方について


Request for developer feedback: customizable select  |  Blog  |  Chrome for Developers

developer.chrome.com/blog/rfc-customizable-select

Chrome HTML article

Chrome Canary 130で実験的な機能として利用できるselect要素のカスタマイズについて。
CSSの::picker(select)でselect要素の見た目を変更できる。


Don't Sleep on AbortController - kettanaito.com

kettanaito.com/blog/dont-sleep-on-abort-controller

JavaScript article

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

nodejs TypeScript library

TypeScriptのコードから型だけを取り除いてJavaScriptとして実行するツール。
元のコードの位置をそのまま保つことでSource Mapを不要な変換を行っている


line/ts-remove-unused: Remove unused code from your TypeScript project

github.com/line/ts-remove-unused

TypeScript Tools

TypeScriptのコードの利用されてない変数やexportを削除するツール


Nova.js - A collection of dependency-free React hooks

novajs.co/

React library

React Hooksのコレクションライブラリ。
それぞれのHookがコピーペーストして使えるようにHooks同士の依存がないように作られている


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