diff --git a/_i18n/ja/_posts/2024/2024-05-03-bun-v1.1.5cross-compile-react-18.3.0-svelte-5-rc.md b/_i18n/ja/_posts/2024/2024-05-03-bun-v1.1.5cross-compile-react-18.3.0-svelte-5-rc.md new file mode 100644 index 00000000000..004d9ddf33f --- /dev/null +++ b/_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 %} + +---- + +

ヘッドライン

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

Bun ReleaseNote

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

JavaScript webpack rspack ReleaseNote

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

Bun ReleaseNote

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

nodejs ReleaseNote

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

Remix ReleaseNote

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

React library ReleaseNote

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

React ReleaseNote

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

Svelte ReleaseNote

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

アーティクル

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

WebAssembly JavaScript article

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

Design article opinion

+ +デザインシステムについての連載。 +デザインシステムとは何か、どのように実践するか、どのようにスケールするかについて + + +---- + +## Popover API lands in Baseline  |  Blog  |  web.dev +[web.dev/blog/popover-api?hl=en](https://web.dev/blog/popover-api?hl=en "Popover API lands in Baseline  |  Blog  |  web.dev") +

HTML JavaScript article

+ +Popover APIについての紹介記事。 +`popover`属性と`popovertarget`属性を使ったPopover APIの使い方について。 +``要素と`popover`属性の違いについて + + +---- + +## Combining CSS :has() And HTML <select> 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 <select> For Greater Conditional Styling — Smashing Magazine") +

HTML CSS article

+ +`