JSer.info #643 - Next.js 13.4リリースされました。
App RouterをStableに変更されています。
まだApp Routerについての参考になるリソースは少ないですが、次のドキュメントや記事などが参考になります。
また、Next.js 13.4ではTurbopackをBetaに変更、実験的な機能としてServer Actionsを追加なども行われています。
Firefox 113.0がリリースされました。
CSSのcolor()
/lab()
/lch()
などのサポート、CSSセレクタのof <selector>
構文をサポートなどが追加されています。
また、Compression Streams APIのサポート、AndroidでAV1 video codecをサポートなどが追加されています。
そのほかには、アクセシビリティエンジンを刷新し、スクリーンリーダなどを使った際のパフォーマンス改善などが行われています。
詳しい改善内容については、次の記事で書かれています。
- Firefox 113 Significantly Boosts Accessibility Performance - Mozilla Accessibility
- Cache the World: Turbo Charging Firefox Accessibility Performance and Maintainability | Jantrid
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Blog - Next.js 13.4 | Next.js
Next.js 13.4リリース。
App RouterをStableに変更、TurbopackをBetaに変更。
実験的な機能としてServer Actionsを追加など
Astro 2.4 | Astro
Astro 2.4リリース。
scopedStyleStrategy
オプションの追加、<Code />
コンポーネントの改善、SSR時にもサイトマップをサポート。
フラグ付きでmiddlewareのサポート、CSSのインライン化のサポートなど
Release v0.1.10 · web-infra-dev/rspack
github.com/web-infra-dev/rspack/releases/tag/v0.1.10
rspack 0.1.10リリース。
compilation.modules
のサポート、splitChunks
オプションの互換性の改善、Angularの初期サポートの追加など
Release v8.4.0 · pnpm/pnpm
github.com/pnpm/pnpm/releases/tag/v8.4.0
pnpm v8.4.0リリース。
pnpm publish --provenance
をサポートなど
Firefox 113.0, See All New Features, Updates and Fixes
www.mozilla.org/en-US/firefox/113.0/releasenotes/
Firefox 113リリース。
CSSのcolor()
/lab()
/lch()
などのサポート、of <selector>
構文をサポート。
Compression Streams APIのサポート、AV1 video codecをサポート。
アクセシビリティエンジンを刷新し、スクリーンリーダなどを使った際のパフォーマンスを改善など。
- Firefox 113 for developers - Mozilla | MDN
- Firefox 113 Significantly Boosts Accessibility Performance - Mozilla Accessibility
- Cache the World: Turbo Charging Firefox Accessibility Performance and Maintainability | Jantrid
アーティクル
Origin Private File Systemを使ってブラウザ上でファイルを高速に操作しよう
zenn.dev/cybozu_frontend/articles/origin-private-file-system
Origin Private File Systemの基本的な使い方について
5 Lessons Learned From Taking Next.js App Router to Production - Inngest Blog
www.inngest.com/blog/5-lessons-learned-from-taking-next-js-app-router-to-production
Next.jsのApp Routerについて。
クライアントサイドのキャッシュとサーバサイドのキャッシュ、Search Parameterの扱い、ディレクトリ構造、学習リソースについて。
Chromium Blog: An Update on the Lock Icon
blog.chromium.org/2023/05/an-update-on-lock-icon.html
Chrome 117でメニューの鍵アイコンをやめて、調整アイコンに変更するという話
Cache the World: Turbo Charging Firefox Accessibility Performance and Maintainability | Jantrid
www.jantrid.net/2022/12/22/Cache-the-World/
Firefox 113で入ったアクセシビリティエンジンの刷新の詳細。
Quantumでパフォーマンスが低下したのを、キャッシュによって改善する取り組み。
アクセシビリティツリーのキャッシュをするが、そのキャッシュを同期する仕組みについて
サイト、サービス、ドキュメント
Unlighthouse - Site-wide Google Lighthouse · Unlighthouse
サイトをクロールしてLighthouseによるスキャンをまとめてやってくれるツール。
クロール対象をルーティングから定義もでき、結果をまとめたレポートを生成してくれる。
ソフトウェア、ツール、ライブラリ関係
natemoo-re/ultramatter: <1kB frontmatter parser that supports a reasonable subset of YAML
github.com/natemoo-re/ultramatter
frontmatterをパースする小さなライブラリ。
YAMLのサブセットのみを扱うことで、ファイルサイズを小さくしている。
vadimdemedes/ink-ui: 💄 Ink-redible command-line interfaces made easy
github.com/vadimdemedes/ink-ui
Inkを使ったターミナル向けのUIコンポーネント。
対話的な入力フォーム、選択肢、ローディング、
アラート、リスト表示などのコンポーネント
書籍関係
React Application Architecture for Production | Packt
www.packtpub.com/product/react-application-architecture-for-production/9781801070539
Reactでのアプリケーション開発についての書籍。
著者はbulletproof-reactの人
- PacktPublishing/React-Application-Architecture-for-Production: React Application Architecture for Production, published by Packt
- alan2207/bulletproof-react: 🛡️ ⚛️ A simple, scalable, and powerful architecture for building production ready React applications.