2024-05-03のJS: Bun v1.1.5(cross compile)、React 18.3.0、Svelte 5 RC (#1190

)

* Update 691 draft

* Update 691 draft

* Update 691 draft

* Update 691 draft

* Update 691 draft

* Update 691 draft

* Update 691 draft

* Update 691 draft

* Update 691 draft

* Update 691 draft

* Update 691 draft

* Update 691 draft

* Update 691 draft

* Update 691 draft

* Update 691 draft

* Update 691 draft

* Update 691 draft

* Update _i18n/ja/_posts/2024/2024-05-03-bun-v1.1.5cross-compile-react-18.3.0-svelte-5-rc.md

* Delete _i18n/ja/_posts/2024/2024-05-03-691draft.md

* Update _i18n/ja/_posts/2024/2024-05-03-bun-v1.1.5cross-compile-react-18.3.0-svelte-5-rc.md

* Update _i18n/ja/_posts/2024/2024-05-03-bun-v1.1.5cross-compile-react-18.3.0-svelte-5-rc.md

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

_i18n/ja/_posts/2024/2024-05-03-bun-v1.1.5cross-compile-react-18.3.0-svelte-5-rc.md

@@ -0,0 +1,229 @@
+---
+title: "2024-05-03のJS: Bun v1.1.5(cross compile)、React 18.3.0、Svelte 5 RC"
+author: "azu"
+layout: post
+date: 2024-05-03T14:32:53.375Z
+category: JSer
+tags:
+- HTML
+- Bun
+- document
+- React
+- CSS
+
+---
+
+JSer.info #691 - Bun v1.1.5がリリースされました。
+
+- [Bun v1.1.5 | Bun Blog](https://bun.sh/blog/bun-v1.1.5)
+
+`bun build --compile`がクロスコンパイルに対応し、Windows/Linux/macOSに対応したSingle Executable Binaryを出力できるようになっています。
+また、`package.json`の末尾カンマを許可するようになる変更や`bun.report`が追加されています。
+その他には、Import Attributesで任意ファイルをtext/json/toml/fileとしてインポートできるようになるといった変更があります。
+
+---
+
+React v18.3.0がリリースされました。
+
+- [Release 18.3.0 (April 25, 2024) · facebook/react](https://github.com/facebook/react/releases/tag/v18.3.0)
+
+[React 19 Beta](https://react.dev/blog/2024/04/25/react-19)もリリースされていますが、React 19では一部APIの変更が予定されています。
+React 18.3.0では、React 19での変更予定の機能に対してDeprecatedの警告を出す実装が追加されています。
+React 19での変更予定については、アップグレードガイドが公開されています。
+
+- [React 19 Beta Upgrade Guide – React](https://react.dev/blog/2024/04/25/react-19-upgrade-guide)
+
+---
+
+Svelte v5 RCがリリースされました。
+
+- [Svelte 5 Release Candidate](https://svelte.dev/blog/svelte-5-release-candidate)
+- [Breaking changes • Docs • Svelte 5 preview](https://svelte-5-preview.vercel.app/docs/breaking-changes)
+
+Svelte 5では[runes](https://svelte.dev/blog/runes)の追加、Snippetsの追加、`.svelte`でTypeScriptをネイティブサポート、イベントハンドラーの記述方法の変更などが行われています。
+
+
+----
+
+{% include inline-support.html %}
+
+----
+
+<h1 class="site-genre">ヘッドライン</h1>
+
+----
+
+## Bun v1.1.6 | Bun Blog
+[bun.sh/blog/bun-v1.1.6](https://bun.sh/blog/bun-v1.1.6 "Bun v1.1.6 | 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.6リリース。
+UDP Socketsのサポート、`node:dgram`をサポート、`dd-trace`や`@clickhouse/client`などが動作するようにバグ修正など
+
+
+----
+
+## Announcement of Release - Module federation
+[module-federation.io/blog/announcement.html](https://module-federation.io/blog/announcement.html "Announcement of Release - Module federation")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">webpack</span> <span class="jser-tag">rspack</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Module Federation 2.0リリース。
+
+
+----
+
+## Bun v1.1.5 | Bun Blog
+[bun.sh/blog/bun-v1.1.5](https://bun.sh/blog/bun-v1.1.5 "Bun v1.1.5 | 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.5リリース。
+`bun build --compile`がクロスコンパイルに対応、`package.json`の末尾カンマを許可するように、`bun.report`の追加。
+Import Attributesで任意ファイルをtext/json/toml/fileとしてインポートできるようになるなど
+
+
+----
+
+## Node.js — Node v22.1.0 (Current)
+[nodejs.org/en/blog/release/v22.1.0](https://nodejs.org/en/blog/release/v22.1.0 "Node.js — Node v22.1.0 (Current)")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Node.js v22.1.0リリース。
+V8コンパイルキャッシュの保存場所を指定する`NODE_COMPILE_CACHE`環境変数を追加、Test Runnerに`--test-skip-pattern`フラグの追加など
+
+
+----
+
+## remix/CHANGELOG.md at main · remix-run/remix
+[github.com/remix-run/remix/blob/main/CHANGELOG.md#v290](https://github.com/remix-run/remix/blob/main/CHANGELOG.md#v290 "remix/CHANGELOG.md at main · remix-run/remix")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Remix</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Remix 2.9.0リリース。
+`future.unstable_singleFetch`フラグで利用できるSingle Fetchの実装。
+Fetch API/`undici`を使う`installGlobals({ nativeFetch: true })`の追加など
+
+- [🗺️ Single Data Fetch · remix-run/remix · Discussion #7640](https://github.com/remix-run/remix/discussions/7640 "🗺️ Single Data Fetch · remix-run/remix · Discussion #7640")
+- [Remix v2.9 で導入された Single Fetch](https://azukiazusa.dev/blog/single-fetch-in-remix/ "Remix v2.9 で導入された Single Fetch")
+
+----
+
+## May 1, 2024 Release – React Spectrum Releases
+[react-spectrum.adobe.com/releases/2024-05-01.html](https://react-spectrum.adobe.com/releases/2024-05-01.html "May 1, 2024 Release – React Spectrum Releases")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>
+
+React Aria Components May 1, 2024リリース。
+Submenu, unavailable menu items, DropZone, FileTriggerを正式サポート。
+Color Componentの追加、TreeViewをαリリース、`RouterProvider`の追加など
+
+
+----
+
+## Release 18.3.0 (April 25, 2024) · facebook/react
+[github.com/facebook/react/releases/tag/v18.3.0](https://github.com/facebook/react/releases/tag/v18.3.0 "Release 18.3.0 (April 25, 2024) · facebook/react")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">ReleaseNote</span></p>
+
+React v18.3.0リリース。
+React 19での変更予定の機能に対してDeprecatedの警告を出す実装が追加されている。
+
+- [React 19 Beta Upgrade Guide – React](https://react.dev/blog/2024/04/25/react-19-upgrade-guide "React 19 Beta Upgrade Guide – React")
+
+----
+
+## Svelte 5 Release Candidate
+[svelte.dev/blog/svelte-5-release-candidate](https://svelte.dev/blog/svelte-5-release-candidate "Svelte 5 Release Candidate")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Svelte</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Svelte 5 RCリリース。
+runesの追加、Snippetsの追加、イベントハンドラーの記述方法の変更など。
+
+- [Breaking changes • Docs • Svelte 5 preview](https://svelte-5-preview.vercel.app/docs/breaking-changes "Breaking changes • Docs • Svelte 5 preview")
+
+----
+<h1 class="site-genre">アーティクル</h1>
+
+----
+
+## MoonBit adds JS backend, up to 25x faster than native JS | MoonBit
+[www.moonbitlang.com/blog/js-support](https://www.moonbitlang.com/blog/js-support "MoonBit adds JS backend, up to 25x faster than native JS | MoonBit")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">WebAssembly</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">article</span></p>
+
+Rustライクな構文でWebAssemblyへ出力できる言語/ツールキットであるMoonBitが、JavaScriptへの出力をサポート。
+Iteratorのコストが減るような変換や文字列をUnicode Code Pointとして整数値で持つなどの工夫をしている
+
+
+----
+
+## Design System Generations. How to discuss and describe a design… | by Nathan Curtis | Medium
+[medium.com/@nathanacurtis/design-system-generations-65f99960dc3d](https://medium.com/@nathanacurtis/design-system-generations-65f99960dc3d "Design System Generations. How to discuss and describe a design… | by Nathan Curtis | Medium")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Design</span> <span class="jser-tag">article</span> <span class="jser-tag">opinion</span></p>
+
+デザインシステムについての連載。
+デザインシステムとは何か、どのように実践するか、どのようにスケールするかについて
+
+
+----
+
+## Popover API lands in Baseline  |  Blog  |  web.dev
+[web.dev/blog/popover-api?hl&#x3D;en](https://web.dev/blog/popover-api?hl=en "Popover API lands in Baseline  |  Blog  |  web.dev")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">HTML</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">article</span></p>
+
+Popover APIについての紹介記事。
+`popover`属性と`popovertarget`属性を使ったPopover APIの使い方について。
+`<dialog>`要素と`popover`属性の違いについて
+
+
+----
+
+## Combining CSS :has() And HTML &lt;select&gt; For Greater Conditional Styling — Smashing Magazine
+[www.smashingmagazine.com/2024/05/combining-css-has-html-select-conditional-styling/](https://www.smashingmagazine.com/2024/05/combining-css-has-html-select-conditional-styling/ "Combining CSS :has() And HTML &lt;select&gt; For Greater Conditional Styling — Smashing Magazine")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">HTML</span> <span class="jser-tag">CSS</span> <span class="jser-tag">article</span></p>
+
+`<select>`と`:has()`を組み合わせて、選択した値によってスタイルを変化させる方法について
+
+
+----
+<h1 class="site-genre">サイト、サービス、ドキュメント</h1>
+
+----
+
+## ARIA Authoring Practices Guide | APG | WAI | W3C
+[www.w3.org/WAI/ARIA/apg/](https://www.w3.org/WAI/ARIA/apg/ "ARIA Authoring Practices Guide | APG | WAI | W3C")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">WAI-ARIA</span> <span class="jser-tag">accessibility</span> <span class="jser-tag">document</span></p>
+
+WAI-ARIAを使ったデザインパターン、ランドマークの使い方、名前の付け方について紹介しているドキュメント
+
+
+----
+
+## Webフロントエンド版DX Criteria (v202402)/プロダクトのユーザー体験と変化に適応するチームのためのガイドライン
+[dxcriteria.cto-a.org/frontend](https://dxcriteria.cto-a.org/frontend "Webフロントエンド版DX Criteria (v202402)/プロダクトのユーザー体験と変化に適応するチームのためのガイドライン")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">document</span></p>
+
+Webフロントエンド版DX Criteria
+
+- [日本CTO協会から、プロダクトのユーザー体験と変化に適応するチームのためのガイドライン『Webフロントエンド版DX Criteria』を4月24日に新公開 | 一般社団法人日本CTO協会のプレスリリース](https://prtimes.jp/main/html/rd/p/000000024.000081310.html "日本CTO協会から、プロダクトのユーザー体験と変化に適応するチームのためのガイドライン『Webフロントエンド版DX Criteria』を4月24日に新公開 | 一般社団法人日本CTO協会のプレスリリース")
+
+----
+<h1 class="site-genre">ソフトウェア、ツール、ライブラリ関係</h1>
+
+----
+
+## jacob-ebey/turbo-stream: A streaming data transport format that aims to support built-in features such as Promises, Dates, RegExps, Maps, Sets and more.
+[github.com/jacob-ebey/turbo-stream](https://github.com/jacob-ebey/turbo-stream "jacob-ebey/turbo-stream: A streaming data transport format that aims to support built-in features such as Promises, Dates, RegExps, Maps, Sets and more.")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">library</span></p>
+
+PromiseやDateなどをシリアライズしてWeb Streamとして送受信するためのecode/decodeライブラリ
+
+
+----
+<h1 class="site-genre">書籍関係</h1>
+
+----
+
+## The Front End Developer/Engineer Handbook 2024
+[frontendmasters.com/guides/front-end-handbook/2024/](https://frontendmasters.com/guides/front-end-handbook/2024/ "The Front End Developer/Engineer Handbook 2024")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">HTML</span> <span class="jser-tag">CSS</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">book</span></p>
+
+The Front End Developer/Engineer Handbookの2024年版
+
+
+----