2024-05-26のJS: Next.js 15 RC、SolidStart 1.0、Angular v18(zoneless) (#1196

)

* Update 694 draft

* Update 694 draft

* Update 694 draft

* Update 694 draft

* Update 694 draft

* Update 694 draft

* Update 694 draft

* Update 694 draft

* Update 694 draft

* Update 694 draft

* Update 694 draft

* Update 694 draft

* Update 694 draft

* Update 694 draft

* Update _i18n/ja/_posts/2024/2024-05-26-next.js-15-rc-solidstart-1.0-angular-v18zoneless.md

* Delete _i18n/ja/_posts/2024/2024-05-26-694draft.md

* Update _i18n/ja/_posts/2024/2024-05-26-next.js-15-rc-solidstart-1.0-angular-v18zoneless.md

---------

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

_i18n/ja/_posts/2024/2024-05-26-next.js-15-rc-solidstart-1.0-angular-v18zoneless.md

@@ -0,0 +1,190 @@
+---
+title: "2024-05-26のJS: Next.js 15 RC、SolidStart 1.0、Angular v18(zoneless)"
+author: "azu"
+layout: post
+date: 2024-05-26T14:42:03.718Z
+category: JSer
+tags:
+- CSS
+- HTTP
+- PDF
+- security
+- Electron
+
+---
+
+JSer.info #694 - Next.js 15 RCがリリースされました。
+
+- [Next.js 15 RC | Next.js](https://nextjs.org/blog/next-15-rc)
+
+[React 19 RC](https://react.dev/blog/2024/04/25/react-19)に対応、React Compilerを実験的にサポート、Hydration Error表示の改善が行われています。
+また、Fetch/`GET` Route Handler/Client Routerをデフォルトでキャッシュしないように変更、Partial Prerenderingの`incremental`オプションを追加などの変更も行われています。
+そのほかには、遅延処理をする`next/after`を追加、`create-next-app`のアップデート、非推奨だった`@next/font`のサポート削除などが行われています。
+
+----
+
+SolidStart 1.0がリリースされました。
+
+- [SolidStart 1.0: The Shape of Frameworks to Come | SolidJS](https://www.solidjs.com/blog/solid-start-the-shape-frameworks-to-come)
+
+[SolidStart](https://start.solidjs.com/)は[Solid](https://www.solidjs.com/)のNext.jsのようなフルスタックウェブアプリケーションフレームワークで、[Vite](https://vitejs.dev/)/[vinxi](https://github.com/nksaraf/vinxi)/[Nitro](https://nitro.unjs.io/)を使って作られています。
+
+----
+
+Angular v18がリリースされました。
+
+- [Angular v18 is now available!. Today we are excited to share the next… | by Minko Gechev | May, 2024 | Angular Blog](https://blog.angular.dev/angular-v18-is-now-available-e79d5ac0affe)
+
+zone.jsを使わない変更検知の仕組みを実験的にサポート、Material 3を正式サポート、Deferrable views/Built-in control flowをStableに変更といった変更が行われています。
+また、Angular DevToolsの改善やTypeScript 5.4のサポートなども含まれています。
+
+----
+
+{% include inline-support.html %}
+
+----
+
+<h1 class="site-genre">ヘッドライン</h1>
+
+----
+
+## Release Release v1.7.0 · axios/axios
+[github.com/axios/axios/releases/tag/v1.7.0](https://github.com/axios/axios/releases/tag/v1.7.0 "Release Release v1.7.0 · axios/axios")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">HTTP</span> <span class="jser-tag">library</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">ReleaseNote</span></p>
+
+axios v1.7.0リリース。
+Fetch APIを使ったadapterを追加など
+
+
+----
+
+## Bun v1.1.9 | Bun Blog
+[bun.sh/blog/bun-v1.1.9](https://bun.sh/blog/bun-v1.1.9 "Bun v1.1.9 | 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.9リリース。
+最大255 DNSレコードを最大30秒キャッシュするように、`dns.prefetch()`/` dns.getCacheStats()`の追加。
+`bun --no-clear-screen --watch`のサポート、`msw`のサポートなど
+
+
+----
+
+## Release @ark-ui/react@3.0.0 · chakra-ui/ark
+[github.com/chakra-ui/ark/releases/tag/%40ark-ui%2Freact%403.0.0](https://github.com/chakra-ui/ark/releases/tag/%40ark-ui%2Freact%403.0.0 "Release @ark-ui/[email protected] · chakra-ui/ark")
+<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>
+
+Ark UI 3.0リリース。
+React/Vue/Solid対応版がそれぞれリリースされている。
+3.0では`Context`/`Format`コンポーネントの追加、`HiddenInput`の扱いの変更、React 19に対応など
+
+
+----
+
+## Next.js 15 RC | Next.js
+[nextjs.org/blog/next-15-rc](https://nextjs.org/blog/next-15-rc "Next.js 15 RC | Next.js")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Next.js</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Next.js 15 RCリリース。
+React 19 RCに対応、React Compilerを実験的にサポート、Hydration Error表示の改善。
+Fetch/`GET` Route Handler/Client Routerをデフォルトでキャッシュしないように変更、Partial Prerenderingの`incremental`オプションを追加。
+遅延処理をする`next/after`を追加、`create-next-app`のアップデート。
+非推奨だった`@next/font`のサポート削除など
+
+
+----
+
+## SolidStart 1.0: The Shape of Frameworks to Come | SolidJS
+[www.solidjs.com/blog/solid-start-the-shape-frameworks-to-come](https://www.solidjs.com/blog/solid-start-the-shape-frameworks-to-come "SolidStart 1.0: The Shape of Frameworks to Come | SolidJS")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Solid</span> <span class="jser-tag">ReleaseNote</span></p>
+
+SolidStart 1.0リリース。
+
+
+----
+
+## Angular v18 is now available!. Today we are excited to share the next… | by Minko Gechev | May, 2024 | Angular Blog
+[blog.angular.dev/angular-v18-is-now-available-e79d5ac0affe](https://blog.angular.dev/angular-v18-is-now-available-e79d5ac0affe "Angular v18 is now available!. Today we are excited to share the next… | by Minko Gechev | May, 2024 | Angular Blog")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Angular</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Angular v18リリース。
+zone.jsを使わない変更検知の仕組みを実験的にサポート、Material 3を正式サポート、Deferrable views/Built-in control flowをStableに変更。
+また、Angular DevToolsの改善などが含まれている
+
+
+----
+<h1 class="site-genre">アーティクル</h1>
+
+----
+
+## CVE-2024-4367 - Arbitrary JavaScript execution in PDF.js — Codean Labs
+[codeanlabs.com/blog/research/cve-2024-4367-arbitrary-js-execution-in-pdf-js/](https://codeanlabs.com/blog/research/cve-2024-4367-arbitrary-js-execution-in-pdf-js/ "CVE-2024-4367 - Arbitrary JavaScript execution in PDF.js — Codean Labs")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">PDF</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">security</span> <span class="jser-tag">Electron</span> <span class="jser-tag">article</span></p>
+
+細工したPDFファイルをPDF.jsで表示すると任意のJavaScriptが実行できるXSS脆弱性について。
+PDF.js v4.2.67で修正されている。また`isEvalSupported: false`にすることでも回避できる。
+
+- [PDF.js vulnerable to arbitrary JavaScript execution upon opening a malicious PDF · CVE-2024-4367 · GitHub Advisory Database](https://github.com/advisories/GHSA-wgrm-67xf-hhpq "PDF.js vulnerable to arbitrary JavaScript execution upon opening a malicious PDF · CVE-2024-4367 · GitHub Advisory Database")
+
+----
+
+## CSSでチェックボックスやラジオボタンをカスタマイズする 2024年版: Days on the Moon
+[nanto.asablo.jp/blog/2024/05/24/9686885](https://nanto.asablo.jp/blog/2024/05/24/9686885 "CSSでチェックボックスやラジオボタンをカスタマイズする 2024年版: Days on the Moon")
+<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>
+
+チェックボックス（`<input type="checkbox">`）やラジオボタン（`<input type="radio">`）をCSSでカスタマイズする方法について。
+
+
+----
+
+## A virtual DOM in 200 lines of JavaScript – Marcelo Lazaroni – Developing for the Interwebs
+[lazamar.github.io/virtual-dom/](https://lazamar.github.io/virtual-dom/ "A virtual DOM in 200 lines of JavaScript – Marcelo Lazaroni – Developing for the Interwebs")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">DOM</span> <span class="jser-tag">article</span></p>
+
+Virtual DOMを実装しながら仕組みについてみていく記事
+
+
+----
+
+## Understand errors and warnings better with Gemini  |  Chrome DevTools  |  Chrome for Developers
+[developer.chrome.com/docs/devtools/console/understand-messages](https://developer.chrome.com/docs/devtools/console/understand-messages "Understand errors and warnings better with Gemini  |  Chrome DevTools  |  Chrome for Developers")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Chrome</span> <span class="jser-tag">debug</span> <span class="jser-tag">LanguageModel</span> <span class="jser-tag">article</span></p>
+
+Chrome DevToolsのGeminiを使ったエラーの解説機能について。
+
+
+----
+
+## Rethinking Text Resizing on Web. Airbnb has made significant strides in… | by Steven Bassett | The Airbnb Tech Blog | May, 2024 | Medium
+[medium.com/airbnb-engineering/rethinking-text-resizing-on-web-1047b12d2881](https://medium.com/airbnb-engineering/rethinking-text-resizing-on-web-1047b12d2881 "Rethinking Text Resizing on Web. Airbnb has made significant strides in… | by Steven Bassett | The Airbnb Tech Blog | May, 2024 | Medium")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">accessibility</span> <span class="jser-tag">article</span> <span class="jser-tag">CSS</span></p>
+
+Airbnbのアクセシビリティの取り組みとしてテキストサイズ/ズームを考慮して、`rem`を優先として使う意思決定をした背景、テストのアプローチ、Figma/デザイナーとの連携方法についてなど
+
+
+----
+<h1 class="site-genre">スライド、動画関係</h1>
+
+----
+
+## esbuild 最適化芸人 - Speaker Deck
+[speakerdeck.com/exoego/esbuild-zui-shi-hua-yun-ren](https://speakerdeck.com/exoego/esbuild-zui-shi-hua-yun-ren "esbuild 最適化芸人 - Speaker Deck")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Lambda</span> <span class="jser-tag">esbuild</span> <span class="jser-tag">slide</span></p>
+
+esbuildを使ってバンドルサイズを最適化することでAWS LambdaのCold Startの時間を短縮することについてのスライド。
+
+- [exoego/esbuild-bundle-analyzer: Analyzes each PR&#039;s impact on esbuild bundle size](https://github.com/exoego/esbuild-bundle-analyzer "exoego/esbuild-bundle-analyzer: Analyzes each PR&amp;#039;s impact on esbuild bundle size")
+
+----
+<h1 class="site-genre">サイト、サービス、ドキュメント</h1>
+
+----
+
+## andrico1234/the-dilemmas-youll-face: The Dilemmas You&#039;ll Face When Creating Your First Component Library
+[github.com/andrico1234/the-dilemmas-youll-face?tab&#x3D;readme-ov-file](https://github.com/andrico1234/the-dilemmas-youll-face?tab=readme-ov-file "andrico1234/the-dilemmas-youll-face: The Dilemmas You&#039;ll Face When Creating Your First Component Library")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">UI</span> <span class="jser-tag">document</span></p>
+
+コンポーネントライブラリを作成する際のガイド。
+ライブラリを使う、npmパッケージとしての公開方法、リポジトリの構成、bundlerなどについて
+
+
+----