Merge pull request #1248 from jser/jser-week-719

_i18n/ja/_posts/2024/2024-12-19-safari-18.2-state-of-node.js-performance-2024-astro-server-islands.md

@@ -0,0 +1,196 @@
+---
+title: "2024-12-19のJS: Safari 18.2、State of Node.js Performance 2024、Astro Server Islands"
+author: "azu"
+layout: post
+date: 2024-12-19T01:35:31.013Z
+category: JSer
+tags:
+- React
+- nodejs
+- sourcemap
+- ecma
+- spec
+
+---
+
+JSer.info #719 - Safri 18.2がリリースされました。
+
+- [WebKit Features in Safari 18.2 | WebKit](https://webkit.org/blog/16301/webkit-features-in-safari-18-2/)
+
+次のような変更が含まれています。
+
+- CSSでは、`text-box`(Leading Trim)/`@view-transition`/`background-clip`/`scrollbar-width`のサポート、ルビ表示の改善など
+- HTMLでは、`input type=week`のサポート、`blocking=render`属性と`<link rel=expect>`のサポートなど
+- JavaScriptでは、`Float16Array`/`Promise.try`/`RegExp.escape`のサポートなど
+
+----
+
+[State of Node.js Performance 2024](https://nodesource.com/blog/State-of-Nodejs-Performance-2024)という記事では、Node.js 20と22のコアモジュールごとのパフォーマンスの比較が行われています。
+Node.js側の改善によって、コアモジュールのパフォーマンスがどの程度改善されているかについて紹介されています。
+
+----
+
+[Next.js PPR と比較して理解する Astro Server Islands](https://zenn.dev/morinokami/articles/astro-server-islands-vs-nextjs-ppr)という記事では、Astro Server IslandsとNext.js PPRの仕組みや動作の違いなどについて紹介されています。
+
+
+----
+
+{% include inline-support.html %}
+
+----
+
+<h1 class="site-genre">ヘッドライン</h1>
+
+----
+
+## Node.js — Node v23.4.0 (Current)
+[nodejs.org/en/blog/release/v23.4.0](https://nodejs.org/en/blog/release/v23.4.0 "Node.js — Node v23.4.0 (Current)")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Node.js v23.4.0リリース。
+`assert.partialDeepStrictEqual`の追加、`--trace-env`フラグの追加、`net.connect`に`blockList`オプションの追加
+
+
+----
+
+## Source map format specification
+[tc39.es/ecma426/](https://tc39.es/ecma426/ "Source map format specification")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">sourcemap</span> <span class="jser-tag">ecma</span> <span class="jser-tag">spec</span></p>
+
+Source Mapの仕様がECMA426として公開された
+
+
+----
+
+## WebKit Features in Safari 18.2 | WebKit
+[webkit.org/blog/16301/webkit-features-in-safari-18-2/](https://webkit.org/blog/16301/webkit-features-in-safari-18-2/ "WebKit Features in Safari 18.2 | WebKit")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">safari</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Safari 18.2の変更点について。
+CSSの`text-box`(Leading Trim)/`@view-transition`/`background-clip`/`scrollbar-width`のサポート。またルビ対応が改善されている。
+HTMLの`input type=week`のサポート、`blocking=render`属性と`<link rel=expect>`のサポート。
+Wasm GC/Wasm Tail Callsのサポート、PointerEventの対応の改善。
+JavaScriptでは、`Float16Array`/`Promise.try`/`RegExp.escape`のサポートなど
+
+
+----
+
+## Release v9.2.0 · reduxjs/react-redux
+[github.com/reduxjs/react-redux/releases/tag/v9.2.0](https://github.com/reduxjs/react-redux/releases/tag/v9.2.0 "Release v9.2.0 · reduxjs/react-redux")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">redux</span> <span class="jser-tag">React</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>
+
+React-Redux v9.2.0リリース。
+React 19の対応など
+
+- [Release v2.5.0 · reduxjs/redux-toolkit](https://github.com/reduxjs/redux-toolkit/releases/tag/v2.5.0 "Release v2.5.0 · reduxjs/redux-toolkit")
+
+----
+
+## Release v11.0.0 · npm/cli
+[github.com/npm/cli/releases/tag/v11.0.0](https://github.com/npm/cli/releases/tag/v11.0.0 "Release v11.0.0 · npm/cli")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">npm</span> <span class="jser-tag">ReleaseNote</span></p>
+
+npm v11.0.0リリース。
+
+
+----
+
+## Bun v1.1.40 | Bun Blog
+[bun.sh/blog/bun-v1.1.40](https://bun.sh/blog/bun-v1.1.40 "Bun v1.1.40 | Bun Blog")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Bun</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Bun v1.1.40リリース。
+テキストベースのロックファイルを扱う` install.saveTextLockfile`の設定を追加など
+
+
+----
+
+## Release v7.1.0 · nodejs/undici
+[github.com/nodejs/undici/releases/tag/v7.1.0](https://github.com/nodejs/undici/releases/tag/v7.1.0 "Release v7.1.0 · nodejs/undici")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">HTTP</span> <span class="jser-tag">Fetch</span> <span class="jser-tag">library</span></p>
+
+undici v7.1.0リリース。
+http/2サポートがStableとなった
+
+
+----
+<h1 class="site-genre">アーティクル</h1>
+
+----
+
+## State of Node.js Performance 2024
+[nodesource.com/blog/State-of-Nodejs-Performance-2024](https://nodesource.com/blog/State-of-Nodejs-Performance-2024 "State of Node.js Performance 2024")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">performance</span> <span class="jser-tag">article</span></p>
+
+Node.js 20と22のコアモジュールごとのパフォーマンスの比較。
+どれぐらいパフォーマンスが改善されているかについて
+
+
+----
+
+## Next.js PPR と比較して理解する Astro Server Islands
+[zenn.dev/morinokami/articles/astro-server-islands-vs-nextjs-ppr](https://zenn.dev/morinokami/articles/astro-server-islands-vs-nextjs-ppr "Next.js PPR と比較して理解する Astro Server Islands")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">astro</span> <span class="jser-tag">article</span></p>
+
+astroのServer IslandsとNext.jsのPPR( Partial Prerendering)について
+
+
+----
+<h1 class="site-genre">スライド、動画関係</h1>
+
+----
+
+## Recoilを剥がしている話 - Speaker Deck
+[speakerdeck.com/kirik/recoilwobo-gasiteiruhua](https://speakerdeck.com/kirik/recoilwobo-gasiteiruhua "Recoilを剥がしている話 - Speaker Deck")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">slide</span></p>
+
+Recoilがメンテナンスされていないため、RecoilからReact Contextなどへの移行していく話
+
+
+----
+<h1 class="site-genre">サイト、サービス、ドキュメント</h1>
+
+----
+
+## lingui/js-lingui: 🌍 📖 A readable, automated, and optimized (3 kb) internationalization for JavaScript
+[github.com/lingui/js-lingui?tab&#x3D;readme-ov-file](https://github.com/lingui/js-lingui?tab=readme-ov-file "lingui/js-lingui: 🌍 📖 A readable, automated, and optimized (3 kb) internationalization for JavaScript")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">React</span> <span class="jser-tag">i18n</span> <span class="jser-tag">library</span></p>
+
+ICU MessageFormatを使ったi18nライブラリとツール。
+コードをスキャンしてメッセージを抽出するextract、実際に利用しているメッセージだけを含める仕組み、ロケールに基づいて動的にメッセージカタログを読み込む仕組みなどを持つ。
+翻訳を行うJavaScriptの関数やReactのコンポーネントなどを提供している
+
+
+----
+<h1 class="site-genre">ソフトウェア、ツール、ライブラリ関係</h1>
+
+----
+
+## nissy-dev/tenbin: Tenbin provides tools to minimize the differences in test execution times across shards.
+[github.com/nissy-dev/tenbin](https://github.com/nissy-dev/tenbin "nissy-dev/tenbin: Tenbin provides tools to minimize the differences in test execution times across shards.")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">test</span> <span class="jser-tag">library</span></p>
+
+過去のテストの実行時間を利用してテストのsharding を行うツール。
+Jest/Vitest/Playwrightをサポートしている
+
+- [テストの sharding を効率化する Tenbin というツールを作った](https://zenn.dev/cybozu_frontend/articles/create-tenbin "テストの sharding を効率化する Tenbin というツールを作った")
+
+----
+
+## mui/base-ui: Base UI is an open-source library of accessible, unstyled UI components for React.
+[github.com/mui/base-ui](https://github.com/mui/base-ui "mui/base-ui: Base UI is an open-source library of accessible, unstyled UI components for React.")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">library</span> <span class="jser-tag">UI</span> <span class="jser-tag">accessibility</span></p>
+
+MUIのHeadless UIコンポーネントライブラリ。
+
+
+----
+
+## Termo - An Easy to use terminal for your browser
+[termo.rajnandan.com/](https://termo.rajnandan.com/ "Termo - An Easy to use terminal for your browser")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">GUI</span> <span class="jser-tag">library</span></p>
+
+ターミナルライクなUIを作るライブラリ
+
+
+----