diff --git a/_i18n/ja/_posts/2024/2024-12-19-safari-18.2-state-of-node.js-performance-2024-astro-server-islands.md b/_i18n/ja/_posts/2024/2024-12-19-safari-18.2-state-of-node.js-performance-2024-astro-server-islands.md new file mode 100644 index 00000000000..0723239e965 --- /dev/null +++ b/_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`属性と``のサポートなど +- 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 %} + +---- + +

ヘッドライン

+ +---- + +## 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)") +

nodejs ReleaseNote

+ +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") +

sourcemap ecma spec

+ +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") +

safari ReleaseNote

+ +Safari 18.2の変更点について。 +CSSの`text-box`(Leading Trim)/`@view-transition`/`background-clip`/`scrollbar-width`のサポート。またルビ対応が改善されている。 +HTMLの`input type=week`のサポート、`blocking=render`属性と``のサポート。 +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") +

redux React library ReleaseNote

+ +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") +

npm ReleaseNote

+ +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") +

Bun ReleaseNote

+ +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") +

nodejs HTTP Fetch library

+ +undici v7.1.0リリース。 +http/2サポートがStableとなった + + +---- +

アーティクル

+ +---- + +## 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") +

nodejs performance article

+ +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") +

astro article

+ +astroのServer IslandsとNext.jsのPPR( Partial Prerendering)について + + +---- +

スライド、動画関係

+ +---- + +## Recoilを剥がしている話 - Speaker Deck +[speakerdeck.com/kirik/recoilwobo-gasiteiruhua](https://speakerdeck.com/kirik/recoilwobo-gasiteiruhua "Recoilを剥がしている話 - Speaker Deck") +

React slide

+ +Recoilがメンテナンスされていないため、RecoilからReact Contextなどへの移行していく話 + + +---- +

サイト、サービス、ドキュメント

+ +---- + +## lingui/js-lingui: 🌍 📖 A readable, automated, and optimized (3 kb) internationalization for JavaScript +[github.com/lingui/js-lingui?tab=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") +

JavaScript React i18n library

+ +ICU MessageFormatを使ったi18nライブラリとツール。 +コードをスキャンしてメッセージを抽出するextract、実際に利用しているメッセージだけを含める仕組み、ロケールに基づいて動的にメッセージカタログを読み込む仕組みなどを持つ。 +翻訳を行うJavaScriptの関数やReactのコンポーネントなどを提供している + + +---- +

ソフトウェア、ツール、ライブラリ関係

+ +---- + +## 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.") +

test library

+ +過去のテストの実行時間を利用してテストの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.") +

React library UI accessibility

+ +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") +

JavaScript GUI library

+ +ターミナルライクなUIを作るライブラリ + + +----