JSer.info #694 - 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がリリースされました。
SolidStartはSolidのNext.jsのようなフルスタックウェブアプリケーションフレームワークで、Vite/vinxi/Nitroを使って作られています。
Angular v18がリリースされました。
zone.jsを使わない変更検知の仕組みを実験的にサポート、Material 3を正式サポート、Deferrable views/Built-in control flowをStableに変更といった変更が行われています。
また、Angular DevToolsの改善やTypeScript 5.4のサポートなども含まれています。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Release Release v1.7.0 · axios/axios
github.com/axios/axios/releases/tag/v1.7.0
axios v1.7.0リリース。
Fetch APIを使ったadapterを追加など
Bun v1.1.9 | Bun Blog
Bun v1.1.9リリース。
最大255 DNSレコードを最大30秒キャッシュするように、dns.prefetch()/dns.getCacheStats()の追加。
bun --no-clear-screen --watchのサポート、mswのサポートなど
Release @ark-ui/[email protected] · chakra-ui/ark
github.com/chakra-ui/ark/releases/tag/%40ark-ui%2Freact%403.0.0
Ark UI 3.0リリース。
React/Vue/Solid対応版がそれぞれリリースされている。
3.0ではContext/Formatコンポーネントの追加、HiddenInputの扱いの変更、React 19に対応など
Next.js 15 RC | Next.js
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
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
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/
細工したPDFファイルをPDF.jsで表示すると任意のJavaScriptが実行できるXSS脆弱性について。
PDF.js v4.2.67で修正されている。またisEvalSupported: falseにすることでも回避できる。
CSSでチェックボックスやラジオボタンをカスタマイズする 2024年版: Days on the Moon
nanto.asablo.jp/blog/2024/05/24/9686885
チェックボックス（<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/
Virtual DOMを実装しながら仕組みについてみていく記事
Understand errors and warnings better with Gemini | Chrome DevTools | Chrome for Developers
developer.chrome.com/docs/devtools/console/understand-messages
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
Airbnbのアクセシビリティの取り組みとしてテキストサイズ/ズームを考慮して、remを優先として使う意思決定をした背景、テストのアプローチ、Figma/デザイナーとの連携方法についてなど
スライド、動画関係
esbuild 最適化芸人 - Speaker Deck
speakerdeck.com/exoego/esbuild-zui-shi-hua-yun-ren
esbuildを使ってバンドルサイズを最適化することでAWS LambdaのCold Startの時間を短縮することについてのスライド。
サイト、サービス、ドキュメント
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
コンポーネントライブラリを作成する際のガイド。
ライブラリを使う、npmパッケージとしての公開方法、リポジトリの構成、bundlerなどについて
