2024-11-16のJS: Node v23.2.0、Storybook 8.4、i-html (#1240)

* Update 715 draft

* Update 715 draft

* Update 715 draft

* Update 715 draft

* Update 715 draft

* Update 715 draft

* Update 715 draft

* Update 715 draft

* Update 715 draft

* Update 715 draft

* Update 715 draft

* Update 715 draft

* Update 715 draft

* Update _i18n/ja/_posts/2024/2024-11-16-cnode-v23.2.0-storybook-8.4-i-html.md

* Delete _i18n/ja/_posts/2024/2024-11-16-715draft.md

* Update _i18n/ja/_posts/2024/2024-11-16-node-v23.2.0-storybook-8.4-i-html.md

* Delete _i18n/ja/_posts/2024/2024-11-16-cnode-v23.2.0-storybook-8.4-i-html.md

---------

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

_i18n/ja/_posts/2024/2024-11-16-node-v23.2.0-storybook-8.4-i-html.md

@@ -0,0 +1,186 @@
+---
+title: "2024-11-16のJS: Node v23.2.0、Storybook 8.4、i-html"
+author: "azu"
+layout: post
+date: 2024-11-16T02:19:18.183Z
+category: JSer
+tags:
+- safari
+- TypeScript
+- rspack
+- WebAssembly
+- Tools
+
+---
+
+JSer.info #715 - Node.js v23.2.0がリリースされました。
+
+- [Node.js — Node v23.2.0 (Current)](https://nodejs.org/en/blog/release/v23.2.0)
+
+Node.js v23.2.0ではルート証明書の更新、TypeScriptサポートのステータスをActive developmentに更新されています。
+また、`module.findPackageJSON`、`module.stripTypeScriptTypes`という新しいAPIが追加されました。
+
+---
+
+Storybook v8.4がリリースされました。
+
+- [Storybook 8.4](https://storybook.js.org/blog/storybook-8-4/)
+- [storybook/CHANGELOG.md at next · storybookjs/storybook](https://github.com/storybookjs/storybook/blob/next/CHANGELOG.md#840)
+
+UIからVitestでのコンポーネントテストの実行に対応、パッケージサイズの改善、Svelte 5のサポート、React Nativeの改善、タグベースのフィルタリングの対応などが行われています。
+パッケージサイズの削減では、[e18e](https://e18e.dev/)プロジェクトと協力した利用してる不要なパッケージの削除や置き換えなどを行なっています。
+
+---
+
+i-htmlというWeb Componentsのライブラリが公開されています。
+
+- [i-html, an inline-html import element](https://www.keithcirkel.co.uk/i-html/)
+
+[htmx](https://htmx.org/)や[htmz](https://leanrada.com/htmz/)のようにHTMLを使った動的なフラグメントのロードなどを実現するためのライブラリです。
+フォームのtargetとして`<i-html>`という要素をしておき、フォームをsubmitした結果などを`<i-html>`に対して動的にロードすることができるようになっています。
+
+----
+
+{% include inline-support.html %}
+
+----
+
+<h1 class="site-genre">ヘッドライン</h1>
+
+----
+
+## Release Notes for Safari Technology Preview 207 | WebKit
+[webkit.org/blog/16205/release-notes-for-safari-technology-preview-207/](https://webkit.org/blog/16205/release-notes-for-safari-technology-preview-207/ "Release Notes for Safari Technology Preview 207 | WebKit")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">safari</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Safari Technology Preview 207リリース。
+Cross-Origin-Opener-Policyの`noopener-allow-popups`をサポート、Compression StreamsでBrotliをサポートなど
+
+
+----
+
+## Announcing TypeScript 5.7 RC - TypeScript
+[devblogs.microsoft.com/typescript/announcing-typescript-5-7-rc/](https://devblogs.microsoft.com/typescript/announcing-typescript-5-7-rc/ "Announcing TypeScript 5.7 RC - TypeScript")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">TypeScript</span> <span class="jser-tag">ReleaseNote</span></p>
+
+TypeScript 5.7 RCリリース。
+初期化されてない変数のチェック、相対パスの`.ts`を出力時に`.js`へと書き換える`--rewriteRelativeImportExtensions`フラグの追加。
+`--target es2024`のサポート、Node.js 22のV8 Compile Cacheをサポートして実行速度の改善など
+
+
+----
+
+## Announcing Rspack 1.1 - Rspack
+[rspack.dev/blog/announcing-1-1](https://rspack.dev/blog/announcing-1-1 "Announcing Rspack 1.1 - Rspack")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">rspack</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Rspack 1.1リリース
+パフォーマンスの改善、`experiments.incrementalRebuild`オプションの追加、`HtmlRspackPlugin`の改善など
+
+
+----
+
+## Node.js — Node v23.2.0 (Current)
+[nodejs.org/en/blog/release/v23.2.0](https://nodejs.org/en/blog/release/v23.2.0 "Node.js — Node v23.2.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.2.0リリース。
+ルート証明書の更新、TypeScriptサポートのステータスをActive developmentに更新。`module.findPackageJSON`、`module.stripTypeScriptTypes`の追加など
+
+
+----
+
+## First Public Working Draft: Web Audio API 1.1 | 2024 | News | W3C
+[www.w3.org/news/2024/first-public-working-draft-web-audio-api-1-1/](https://www.w3.org/news/2024/first-public-working-draft-web-audio-api-1-1/ "First Public Working Draft: Web Audio API 1.1 | 2024 | News | W3C")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">web </span> <span class="jser-tag">audio</span> <span class="jser-tag">spec</span> <span class="jser-tag">news</span></p>
+
+Web Audio API 1.1のWorking Draftの公開
+
+
+----
+
+## Storybook 8.4
+[storybook.js.org/blog/storybook-8-4/](https://storybook.js.org/blog/storybook-8-4/ "Storybook 8.4")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">storybook</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Storybook 8.4リリース。
+UIからVitestでのコンポーネントテストの実行に対応、パッケージサイズの改善、Svelte 5のサポート、React Nativeの改善、タグベースのフィルタリングの対応など
+
+- [storybook/CHANGELOG.md at next · storybookjs/storybook](https://github.com/storybookjs/storybook/blob/next/CHANGELOG.md#840 "storybook/CHANGELOG.md at next · storybookjs/storybook")
+
+----
+
+## Release v2.13.0 · parcel-bundler/parcel
+[github.com/parcel-bundler/parcel/releases/tag/v2.13.0](https://github.com/parcel-bundler/parcel/releases/tag/v2.13.0 "Release v2.13.0 · parcel-bundler/parcel")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">parcel</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Parcel v2.13.0リリース。
+`@parcel/bundler-library`の追加、`.proxyrc.ts`のサポート、resolverのパフォーマンス改善など
+
+
+----
+
+## A better Next.js? • Nue 1.0 (RC) is out - Nue
+[nuejs.org/blog/nue-release-candidate/](https://nuejs.org/blog/nue-release-candidate/ "A better Next.js? • Nue 1.0 (RC) is out - Nue")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>
+
+静的サイトジェネレータのNue 1.0 RCリリース。
+Markdownパーサを再実装など
+
+- [Release v1.0.0-RC.1 · nuejs/nue](https://github.com/nuejs/nue/releases/tag/v1.0.0-RC.1 "Release v1.0.0-RC.1 · nuejs/nue")
+
+----
+<h1 class="site-genre">アーティクル</h1>
+
+----
+
+## i-html, an inline-html import element
+[www.keithcirkel.co.uk/i-html/](https://www.keithcirkel.co.uk/i-html/ "i-html, an inline-html import element")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">HTML</span> <span class="jser-tag">WebComponents</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">library</span></p>
+
+htmxのようにHTMLでインタラクティブな動作を実装したり、外部のHTMLフラグメントをロードできるCustom Elementライブラリ
+
+
+----
+
+## Exploring the DOMPurify library: Bypasses and Fixes | mizu.re
+[mizu.re/post/exploring-the-dompurify-library-bypasses-and-fixes](https://mizu.re/post/exploring-the-dompurify-library-bypasses-and-fixes "Exploring the DOMPurify library: Bypasses and Fixes | mizu.re")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">XSS</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">DOM</span> <span class="jser-tag">security</span> <span class="jser-tag">article</span></p>
+
+DOMのサニタイズライブラリであるDOMPurifyのバイパス手法について。
+HTMLのパースにおける仕様やFuzzingからどのようにバイパスするか調べたかについて
+
+
+----
+
+## How To Optimize Performance In Vue Apps | DebugBear
+[www.debugbear.com/blog/optimize-vue-performance](https://www.debugbear.com/blog/optimize-vue-performance "How To Optimize Performance In Vue Apps | DebugBear")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Vue</span> <span class="jser-tag">performance</span> <span class="jser-tag">article</span></p>
+
+Vueアプリケーションのパフォーマンスについての記事。
+VueのDirectiveでのDOM更新の最適化、メモリリークの回避、画像の最適化などについて
+
+
+----
+<h1 class="site-genre">ソフトウェア、ツール、ライブラリ関係</h1>
+
+----
+
+## drogus/jawsm: JavaScript to WASM compiler
+[github.com/drogus/jawsm](https://github.com/drogus/jawsm "drogus/jawsm: JavaScript to WASM compiler")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">WebAssembly</span> <span class="jser-tag">Tools</span></p>
+
+JavaScriptをWebAssemblyにコンパイルするツール
+
+
+----
+
+## React Query Builder
+[react-querybuilder.js.org/](https://react-querybuilder.js.org/ "React Query Builder")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">library</span> <span class="jser-tag">GUI</span></p>
+
+複雑な条件設定をするUIを提供するReactコンポーネント。
+設定した条件からSQLやJSONなどの形式で出力できる
+
+
+----