diff --git a/_i18n/ja/_posts/2024/2024-05-26-next.js-15-rc-solidstart-1.0-angular-v18zoneless.md b/_i18n/ja/_posts/2024/2024-05-26-next.js-15-rc-solidstart-1.0-angular-v18zoneless.md new file mode 100644 index 00000000000..dffbf42bb43 --- /dev/null +++ b/_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 %} + +---- + +

ヘッドライン

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

HTTP library JavaScript ReleaseNote

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

Bun ReleaseNote

+ +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/react@3.0.0 · chakra-ui/ark") +

JavaScript React library ReleaseNote

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

Next.js ReleaseNote

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

Solid ReleaseNote

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

Angular ReleaseNote

+ +Angular v18リリース。 +zone.jsを使わない変更検知の仕組みを実験的にサポート、Material 3を正式サポート、Deferrable views/Built-in control flowをStableに変更。 +また、Angular DevToolsの改善などが含まれている + + +---- +

アーティクル

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

PDF JavaScript security Electron article

+ +細工した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") +

HTML CSS article

+ +チェックボックス（``）やラジオボタン（``）を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") +

JavaScript DOM article

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

Chrome debug LanguageModel article

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

accessibility article CSS

+ +Airbnbのアクセシビリティの取り組みとしてテキストサイズ/ズームを考慮して、`rem`を優先として使う意思決定をした背景、テストのアプローチ、Figma/デザイナーとの連携方法についてなど + + +---- +

スライド、動画関係

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

Lambda esbuild slide

+ +esbuildを使ってバンドルサイズを最適化することでAWS LambdaのCold Startの時間を短縮することについてのスライド。 + +- [exoego/esbuild-bundle-analyzer: Analyzes each PR's impact on esbuild bundle size](https://github.com/exoego/esbuild-bundle-analyzer "exoego/esbuild-bundle-analyzer: Analyzes each PR's impact on esbuild bundle size") + +---- +

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

+ +---- + +## andrico1234/the-dilemmas-youll-face: The Dilemmas You'll Face When Creating Your First Component Library +[github.com/andrico1234/the-dilemmas-youll-face?tab=readme-ov-file](https://github.com/andrico1234/the-dilemmas-youll-face?tab=readme-ov-file "andrico1234/the-dilemmas-youll-face: The Dilemmas You'll Face When Creating Your First Component Library") +

UI document

+ +コンポーネントライブラリを作成する際のガイド。 +ライブラリを使う、npmパッケージとしての公開方法、リポジトリの構成、bundlerなどについて + + +----