JSer.info #677 - Astro 4.2がリリースされました。

Astro 4.2 | Astro

Astro 4.2では、Prerenderingの実験的なオプションとしてSpeculation Rules APIを使ったPrerenderingをサポートしています。
また、injectRouteやファイルベースのルーティングが衝突した時の新しい優先度ルールをopt-inでサポートしています。
その他には、redirectToDefaultLocaleオプションを追加することでデフォルト言語へのリダイレクトを無効化できるように、アクセシビリティルールの追加などがあります。

Bun v1.0.24がリリースされました。

Bun v1.0.24 | Bun Blog

Bun v1.0.24では、Bun Shellというzxのようにシェルスクリプトを扱うための関数の追加されています。
$ではクロスプラットフォームサポートのために、パイプやビルトインコマンドなどを実装しています。
また、GlobやJavaScriptのObjectに対して実行結果を書き込むような機能も持っています。

詳細は、次の記事やドキュメントを参照してください。

Remix の SPA モードという記事では、Remixに実験的に実装されているSPAモードについて紹介しています。

SPA Mode (Unstable) | Remix

記事では、クライアントレンダリングのみで動作するSPAモードの使い方や制限などについて紹介しています。

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

😘 知り合いにJSer.infoをおすすめする
❤️ GitHub Sponsorsで@azuのスポンサーになる
🐦 X(Twitter)で@jser_infoをフォローする

JSer.info Sponsors

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

ヘッドライン

Prettier 3.2: Support JSONC and Angular’s ICU expression · Prettier

prettier.io/blog/2024/01/12/3.2.0.html

JavaScript Tools ReleaseNote

Prettier 3.2リリース。
jsoncパーサのサポート、AngularのICU expressionのサポート。

iDraw.js | iDraw.js

idraw.js.org/docs/en-US/

JavaScript canvas library editor

Canvasベースの図形の描画ライブラリとGUIエディタ。

Node.js — Node v21.6.0 (Current)

nodejs.org/en/blog/release/v21.6.0

nodejs ReleaseNote

Node.js v21.6.0リリース。
net.createConnectionにconnectionに関するイベントの追加、Permission Modelに--allow-addonsを追加など

Astro 4.2 | Astro

astro.build/blog/astro-420/

astro ReleaseNote

Astro 4.2リリース。
実験的なオプションとしてSpeculation Rules APIを使ったPrerenderingをサポート。injectRouteやファイルベースのルーティングが衝突した時の新しい優先度ルールをopt-inでサポート。
redirectToDefaultLocaleオプションを追加し、デフォルト言語へのリダイレクトを無効化できるように、アクセシビリティルールの追加など。

Bun v1.0.24 | Bun Blog

bun.sh/blog/bun-v1.0.24

Bun ReleaseNote

Bun v1.0.24リリース。

Bun Shellというzxのようにシェルスクリプトを扱うための$関数の追加、perf_hooksの互換性改善など

アーティクル

Migrating from Zod to Valibot: A Comparative Experience | Matthew Kwong

mwskwong.com/blog/migrating-from-zod-to-valibot-a-comparative-experience

JavaScript article

ZodからValibotへの移行してみての比較記事

Remix の SPA モード

azukiazusa.dev/blog/remix-spa-mode/

Remix article

Remixに実験的に実装されているSPAモードについて

React Libraries for 2024

www.robinwieruch.de/react-libraries/

React article library

Reactアプリケーション開発にカテゴリごとのライブラリやツール紹介

Designing better target sizes

ishadeed.com/article/target-size

CSS Design mobile

ユーザーがアクションをトリガーするためにクリックやタップする領域であるターゲットサイズについての記事。
タッチサイズ、Spacing、フィードバック。
実際のウェブサイトの例として、階層メニューのSafe Areaの三角形をclip-pathで定義する方法、ナビゲーションのUI、プレイヤーのUI、チェックボックスのUIなどについて。

npm in Review: A 2023 Retrospective on Growth, Security, and Quirky Facts - Socket

socket.dev/blog/2023-npm-retrospective

npm article

npmレジストリ上のパッケージの分析記事。
毎月のダウンロード数、依存関係数が多いパッケージ、ダウンロード数が多いパッケージ、2023年に初めてリリースされてダウンロードが多いパッケージ。
そのほかには、パッケージサイズが大きいパッケージやメンテナー数が多いパッケージについてなど

Introducing fsx: A modern filesystem API for JavaScript - Human Who Codes

humanwhocodes.com/blog/2024/01/fsx-modern-filesystem-api-javascript/

nodejs JavaScript deno article

Node.jsやDenoのFile System APIを抽象化したライブラリ。
ファイル操作のログの取得やテスト用にメモリ上で動くAdapterの実装も含まれている。

humanwhocodes/fsx: A modern filesystem API for JavaScript

スライド、動画関係

Parsing Javascript - Speaker Deck

speakerdeck.com/brn/parsing-javascript

JavaScript ECMAScript slide

JavaScript言語のパースについてスライド。
パースの手法、JSはLL(1)の文法ではあるがBNFレベルでの厳密なパースが難しいため、手書きされることが多いことについて。
正規表現リテラル/テンプレートリテラル/分割代入などのパースが難しい構文、PreParsingという最適化手法についてなど