2024-10-29のJS: Svelte 5、MSW v2.6.0(WebSockets API)、State of CSS 2024 (#…

…1236)

* Update 713 draft

* Update 713 draft

* Update 713 draft

* Update 713 draft

* Update 713 draft

* Update 713 draft

* Update 713 draft

* Update 713 draft

* Update 713 draft

* Update 713 draft

* Update 713 draft

* Update 713 draft

* Update 713 draft

* Update 713 draft

* Update _i18n/ja/_posts/2024/2024-10-29-svelte-5-msw-v2.6.0web-sockets-state-of-css-2024.md

* Delete _i18n/ja/_posts/2024/2024-10-29-713draft.md

* Update _i18n/ja/_posts/2024/2024-10-29-svelte-5-msw-v2.6.0web-sockets-state-of-css-2024.md

* Update _i18n/ja/_posts/2024/2024-10-29-svelte-5-msw-v2.6.0web-sockets-state-of-css-2024.md

* Update _i18n/ja/_posts/2024/2024-10-29-svelte-5-msw-v2.6.0websockets-api-state-of-css-2024.md

* Delete _i18n/ja/_posts/2024/2024-10-29-svelte-5-msw-v2.6.0web-sockets-state-of-css-2024.md

---------

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

_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 %}
+
+----
+
+<h1 class="site-genre">ヘッドライン</h1>
+
+----
+
+## Svelte 5 is alive
+[svelte.dev/blog/svelte-5-is-alive](https://svelte.dev/blog/svelte-5-is-alive "Svelte 5 is alive")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Svelte</span> <span class="jser-tag">ReleaseNote</span></p>
+
+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")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">React</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>
+
+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)")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">ReleaseNote</span></p>
+
+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")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">WebStorm</span> <span class="jser-tag">editor</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">software</span></p>
+
+非商用の場合は、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")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">pnpm</span> <span class="jser-tag">ReleaseNote</span></p>
+
+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")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">ECMAScript</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>
+
+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")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">benchmark</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>
+
+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")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">test</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>
+
+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")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">safari</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Safari 18.1リリース。
+
+
+----
+<h1 class="site-genre">アーティクル</h1>
+
+----
+
+## 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")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Unicode</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">article</span></p>
+
+絵文字やサロゲートペアを安全に扱える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")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Next.js</span> <span class="jser-tag">article</span></p>
+
+`"use cache"` directiveを使ったNext.jsの新しいキャッシュの仕組みについて
+
+
+----
+
+## State of CSS 2024
+[2024.stateofcss.com/en-US/](https://2024.stateofcss.com/en-US/ "State of CSS 2024")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">css </span> <span class="jser-tag">Survey</span></p>
+
+State of CSS 2024のアンケート結果が公開された。
+CSSの言語機能、ライブラリやフレームワーク、開発ターゲット、学習リソースなどについてのアンケート
+
+
+----
+<h1 class="site-genre">サイト、サービス、ドキュメント</h1>
+
+----
+
+## Homepage » Jeasx - JSX with Ease
+[www.jeasx.dev/](https://www.jeasx.dev/ "Homepage » Jeasx - JSX with Ease")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">jsx</span> <span class="jser-tag">server</span> <span class="jser-tag">library</span></p>
+
+JSXをテンプレートとして利用してSSRを行うフレームワーク。
+非同期処理、ディレクトリベースのルーティング、Static Assetsの扱いなどに対応している
+
+
+----
+<h1 class="site-genre">ソフトウェア、ツール、ライブラリ関係</h1>
+
+----
+
+## One, a React Framework
+[onestack.dev/](https://onestack.dev/ "One, a React Framework")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">iOS</span> <span class="jser-tag">Android</span> <span class="jser-tag">library</span></p>
+
+ウェブとネイティブに対応したReactフレームワーク。
+tamaguiのチームが開発している
+
+
+----