Frontend Weekly 2023-09-29
Safari v17
https://webkit.org/blog/14445/webkit-features-in-safari-17-0/
- search 要素の追加
- ARIA ロールを指定せずアクセシビリティに配慮した検索機能を実装できる。
- 現状 Safari のみでのサポート
| MDN
- select 要素内の hr 要素をサポート
- popover 属性
- font-size-adjust の追加
text-transform: full-widthとtext-transform: full-size-kanaの追加- それぞれ全角、ァィゥなどの小さな日本語を大きな文字に変換する
- text-transform | MDN
@counter-styleの追加- 独自のカウンタースタイルを定義できる
- Demo
- Storage API の完全なサポート
- OffscreenCanvas のサポート
- 正規表現の
vフラグのサポート - Sta≈ge 3 の Set Operations サポート
From WebGL to WebGPU
https://developer.chrome.com/en/blog/from-webgl-to-webgpu/
WebGL と WebGPU の比較記事が Chrome for Developers で公開されました。
WebGPU では、コンピューティングシェーダーなど処理が効率的なだけでなく、WebGL のように多くのグローバル状態を持たずステートレス、非同期が基本になっているなど、開発者体験も向上しています。
Four common types of code coverage
https://web.dev/ta-code-coverage/
コードカバレッジについての記事が web.dev で公開されました。
コードカバレッジとは、テストの有効性を測定するための有用な指標です。コード内の重要なロジックが十分にテストされていることを確認することで、アプリケーションの品質を向上させることができます。記事では 4 つの測定方法を紹介した上で、100% のコード カバレッジを目指すべきなのかについて説明されています。
ESLint Stylistic
https://github.com/eslint-stylistic
ESLint はメンテナンスコストなどを理由に eslint と typescript-eslint から書式関連のルールをコアから廃止することを決定しました。現在分離作業が進められており、書式関連のルールは今後コミュニティによって eslint-stylistic で維持されます。
Remix v2
https://remix.run/blog/remix-v2
Remix v2 がリリースされました。フューチャーフラグが有効化されている場合、Remix v1 からそのまま v2 に以降出来るそうです。記事では今までリリースされた機能はハイライトが紹介されています。また create-remix という cli ツールが公開された他、RSC が安定すれば RSC サポートを行う気持ちがあるという立場が示されました。
TypeScript Origins: The Documentary
Vike
vite-plugin-ssr が Vike にリブランディングされました。ライブラリに依存せずに Next.js や Nuxt のような SSR などの機能を提供する Vite プラグインです。