diff --git a/_i18n/ja/_posts/2024/2024-10-29-svelte-5-msw-v2.6.0websockets-api-state-of-css-2024.md b/_i18n/ja/_posts/2024/2024-10-29-svelte-5-msw-v2.6.0websockets-api-state-of-css-2024.md new file mode 100644 index 00000000000..b4201a2e647 --- /dev/null +++ b/_i18n/ja/_posts/2024/2024-10-29-svelte-5-msw-v2.6.0websockets-api-state-of-css-2024.md @@ -0,0 +1,202 @@ +--- +title: "2024-10-29のJS: Svelte 5、MSW v2.6.0(WebSockets API)、State of CSS 2024" +author: "azu" +layout: post +date: 2024-10-29T14:06:46.298Z +category: JSer +tags: +- React +- Svelte +- Unicode +- Next.js +- nodejs + +--- + +JSer.info #713 - Svelte 5がリリースされました。 + +- [Svelte 5 is alive](https://svelte.dev/blog/svelte-5-is-alive) + +Svelte 5では、[Runes](https://svelte.dev/docs/svelte/what-are-runes)と呼ばれる構文とReactiveの仕組みがサポートされています +Svelte 4の構文は引き続きサポートされていますが、マイグレーションガイドではRunesへの移行方法が紹介されています。 + +- [Svelte 5 migration guide • Docs • Svelte](https://svelte.dev/docs/svelte/v5-migration-guide) + +--- + +MSW v2.6.0がリリースされました。 + +- [Release v2.6.0 · mswjs/msw](https://github.com/mswjs/msw/releases/tag/v2.6.0) + +MSW v2.6.0では、WebSockets APIのモックがサポートされました。 +詳細は次のドキュメントを参照してください。 + +- [Handling WebSocket events - Mock Service Worker](https://mswjs.io/docs/basics/handling-websocket-events) +- [ws - Mock Service Worker](https://mswjs.io/docs/api/ws) + +--- + +State of CSS 2024の結果が公開されました。 + +- [State of CSS 2024](https://2024.stateofcss.com/en-US/) + +State of CSS 2024では、CSSの言語機能、ライブラリやフレームワーク、開発ターゲット、学習リソースなどについてのアンケート結果がまとめらています。 + +---- + +{% include inline-support.html %} + +---- + +

ヘッドライン

+ +---- + +## Svelte 5 is alive +[svelte.dev/blog/svelte-5-is-alive](https://svelte.dev/blog/svelte-5-is-alive "Svelte 5 is alive") +

Svelte ReleaseNote

+ +Svelte 5リリース。 +runeのサポート、イベント属性の渡し方の変更、Slotの作成方法の変更、コンポーネントはClassではなくなり`new`できないように変更など + +- [Svelte 5 migration guide • Docs • Svelte](https://svelte.dev/docs/svelte/v5-migration-guide "Svelte 5 migration guide • Docs • Svelte") + +---- + +## Release v5.0.0 · pmndrs/zustand +[github.com/pmndrs/zustand/releases/tag/v5.0.0](https://github.com/pmndrs/zustand/releases/tag/v5.0.0 "Release v5.0.0 · pmndrs/zustand") +

JavaScript React library ReleaseNote

+ +Zustand v5リリース。 +default exportの削除、deprecatedな機能の削除、ES5のサポートを削除、無限ループを起こすケースを明示的にエラーにするなど + +- [zustand/docs/migrations/migrating-to-v5.md at main · pmndrs/zustand](https://github.com/pmndrs/zustand/blob/main/docs/migrations/migrating-to-v5.md "zustand/docs/migrations/migrating-to-v5.md at main · pmndrs/zustand") + +---- + +## Node.js — Node v23.1.0 (Current) +[nodejs.org/en/blog/release/v23.1.0](https://nodejs.org/en/blog/release/v23.1.0 "Node.js — Node v23.1.0 (Current)") +

nodejs ReleaseNote

+ +Node.js v23.1.0リリース。 +`Buffer`が`ArrayBuffer`のresizeに対応、`node:test`のMockTimersをStableになるなど + + +---- + +## WebStorm and Rider Are Now Free for Non-Commercial Use | The JetBrains Blog +[blog.jetbrains.com/blog/2024/10/24/webstorm-and-rider-are-now-free-for-non-commercial-use/](https://blog.jetbrains.com/blog/2024/10/24/webstorm-and-rider-are-now-free-for-non-commercial-use/ "WebStorm and Rider Are Now Free for Non-Commercial Use | The JetBrains Blog") +

WebStorm editor JavaScript software

+ +非商用の場合は、WebStormとRiderが無料で利用できるようになった。 + + +---- + +## Release pnpm 10.0 Alpha 0 · pnpm/pnpm +[github.com/pnpm/pnpm/releases/tag/v10.0.0-alpha.0](https://github.com/pnpm/pnpm/releases/tag/v10.0.0-alpha.0 "Release pnpm 10.0 Alpha 0 · pnpm/pnpm") +

pnpm ReleaseNote

+ +pnpm v10.0.0 alpha.0リリース。 +`pnpm link`の挙動の変更、`packageManager`を参照してpnpmのバージョンを確認するように、storeバージョンの更新など + + +---- + +## Release Version 8.14.0 · acornjs/acorn +[github.com/acornjs/acorn/releases/tag/8.14.0](https://github.com/acornjs/acorn/releases/tag/8.14.0 "Release Version 8.14.0 · acornjs/acorn") +

JavaScript ECMAScript library ReleaseNote

+ +acorn 8.14.0リリース。 +ES2025 import attributes/RegExp modifiersのサポートなど + + +---- + +## Release v3.0.0 · tinylibs/tinybench +[github.com/tinylibs/tinybench/releases/tag/v3.0.0](https://github.com/tinylibs/tinybench/releases/tag/v3.0.0 "Release v3.0.0 · tinylibs/tinybench") +

JavaScript benchmark library ReleaseNote

+ +tinybench v3.0.0リリース。 +Node.js 16のサポートを終了、`*Concurrently`メソッドの削除、`warmup()`メソッドを削除し`warmup`オプションの追加など + + +---- + +## Release v2.6.0 · mswjs/msw +[github.com/mswjs/msw/releases/tag/v2.6.0](https://github.com/mswjs/msw/releases/tag/v2.6.0 "Release v2.6.0 · mswjs/msw") +

JavaScript test library ReleaseNote

+ +msw 2.6.0リリース。 +WebSocket APIのモックをサポート + + +---- + +## WebKit Features in Safari 18.1 | WebKit +[webkit.org/blog/16188/webkit-features-in-safari-18-1/](https://webkit.org/blog/16188/webkit-features-in-safari-18-1/ "WebKit Features in Safari 18.1 | WebKit") +

safari ReleaseNote

+ +Safari 18.1リリース。 + + +---- +

アーティクル

+ +---- + +## The nuances of base64 encoding strings in JavaScript  |  Articles  |  web.dev +[web.dev/articles/base64-encoding](https://web.dev/articles/base64-encoding "The nuances of base64 encoding strings in JavaScript  |  Articles  |  web.dev") +

Unicode JavaScript article

+ +絵文字やサロゲートペアを安全に扱えるBase64エンコードについて。 +`btoa()`/`atob()`はUnicodeを扱うときに問題があるため`TextEncoder`でエンコードしてから扱う。 +`TextEncoder`は単独のサロゲートを持つ文字列を不正なデータとして � に置き換えてしまうため、`isWellFormed()`を使い判定する話 + + +---- + +## Our Journey with Caching | Next.js +[nextjs.org/blog/our-journey-with-caching](https://nextjs.org/blog/our-journey-with-caching "Our Journey with Caching | Next.js") +

Next.js article

+ +`"use cache"` directiveを使ったNext.jsの新しいキャッシュの仕組みについて + + +---- + +## State of CSS 2024 +[2024.stateofcss.com/en-US/](https://2024.stateofcss.com/en-US/ "State of CSS 2024") +

css Survey

+ +State of CSS 2024のアンケート結果が公開された。 +CSSの言語機能、ライブラリやフレームワーク、開発ターゲット、学習リソースなどについてのアンケート + + +---- +

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

+ +---- + +## Homepage » Jeasx - JSX with Ease +[www.jeasx.dev/](https://www.jeasx.dev/ "Homepage » Jeasx - JSX with Ease") +

JavaScript jsx server library

+ +JSXをテンプレートとして利用してSSRを行うフレームワーク。 +非同期処理、ディレクトリベースのルーティング、Static Assetsの扱いなどに対応している + + +---- +

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

+ +---- + +## One, a React Framework +[onestack.dev/](https://onestack.dev/ "One, a React Framework") +

React iOS Android library

+ +ウェブとネイティブに対応したReactフレームワーク。 +tamaguiのチームが開発している + + +----