Fork me on GitHub

2023-05-10のJS: Next.js 13.4(App RouterがStable化)、Firefox 113

Edit on GitHub 編集履歴を見る

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をサポートなどが追加されています。
そのほかには、アクセシビリティエンジンを刷新し、スクリーンリーダなどを使った際のパフォーマンス改善などが行われています。
詳しい改善内容については、次の記事で書かれています。


JSer.infoをサポートするには

JSer.info Sponsors

JSer.info SponsorsGitHub SponsorsとしてJSer.infoを支援してくれている方々です。


ヘッドライン


Blog - Next.js 13.4 | Next.js

nextjs.org/blog/next-13-4

Next.js ReleaseNote

Next.js 13.4リリース。
App RouterをStableに変更、TurbopackをBetaに変更。
実験的な機能としてServer Actionsを追加など


Astro 2.4 | Astro

astro.build/blog/astro-240/

astro ReleaseNote

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

webpack rspack ReleaseNote

rspack 0.1.10リリース。
compilation.modulesのサポート、splitChunksオプションの互換性の改善、Angularの初期サポートの追加など


Release v8.4.0 · pnpm/pnpm

github.com/pnpm/pnpm/releases/tag/v8.4.0

pnpm ReleaseNote

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 ReleaseNote

Firefox 113リリース。
CSSのcolor()/lab()/lch()などのサポート、of <selector>構文をサポート。
Compression Streams APIのサポート、AV1 video codecをサポート。
アクセシビリティエンジンを刷新し、スクリーンリーダなどを使った際のパフォーマンスを改善など。


アーティクル


Origin Private File Systemを使ってブラウザ上でファイルを高速に操作しよう

zenn.dev/cybozu_frontend/articles/origin-private-file-system

JavaScript article

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

React Next.js article

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 security article

Chrome 117でメニューの鍵アイコンをやめて、調整アイコンに変更するという話


Cache the World: Turbo Charging Firefox Accessibility Performance and Maintainability | Jantrid

www.jantrid.net/2022/12/22/Cache-the-World/

Firefox accessibility article

Firefox 113で入ったアクセシビリティエンジンの刷新の詳細。
Quantumでパフォーマンスが低下したのを、キャッシュによって改善する取り組み。
アクセシビリティツリーのキャッシュをするが、そのキャッシュを同期する仕組みについて


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


Unlighthouse - Site-wide Google Lighthouse · Unlighthouse

unlighthouse.dev/

browser JavaScript Tools performance CI

サイトをクロールしてLighthouseによるスキャンをまとめてやってくれるツール。
クロール対象をルーティングから定義もでき、結果をまとめたレポートを生成してくれる。


ソフトウェア、ツール、ライブラリ関係


natemoo-re/ultramatter: <1kB frontmatter parser that supports a reasonable subset of YAML

github.com/natemoo-re/ultramatter

JavaScript library

frontmatterをパースする小さなライブラリ。
YAMLのサブセットのみを扱うことで、ファイルサイズを小さくしている。


vadimdemedes/ink-ui: 💄 Ink-redible command-line interfaces made easy

github.com/vadimdemedes/ink-ui

JavaScript React console library

Inkを使ったターミナル向けのUIコンポーネント。
対話的な入力フォーム、選択肢、ローディング、
アラート、リスト表示などのコンポーネント


書籍関係


React Application Architecture for Production | Packt

www.packtpub.com/product/react-application-architecture-for-production/9781801070539

React book

Reactでのアプリケーション開発についての書籍。
著者はbulletproof-reactの人


この記事へ修正リクエストをする
JSer.info Slackに参加する