こんにちは！サイボウズ株式会社 フロントエンドエキスパートチームの @mugi_uno です。
はじめに
サイボウズ社内では毎週火曜日に Frontend Weekly と題し「一週間の間にあったフロントエンドニュースを共有する会」を開催しています。
今回は、2023/08/29 の Frontend Weekly で取り上げた記事や話題を紹介します。
取り上げた記事・話題
<search> が Chrome118 で実装予定
検索や絞り込み要素に関するコンテナ要素である <search> が Chrome 118 で実装予定とのことです。Firefox や Safari にはすでに実装済みのため、メジャーブラウザの多くで利用可能になります。
Fresh 1.4 のリリース
Deno の Web フレームワークである Fresh のバージョン 1.4 がリリースされました。従来 Fresh では動的なビルドを行っていましたが、islands-architecture においてパフォーマンス上の問題が生じることがあり、その解消のために事前ビルド（ahead-of-time compilation）が可能となりました。他にも、レイアウト用ファイル（_layout）のサポート・co-location 向けのルーティングに干渉しないディレクトリ分割のサポート、といった変更が含まれます。
Bun 0.8.0 のリリース
Bun の v0.8.0 がリリースされました。SvelteKit・Nuxt のサポートや、Node.js 互換性の向上などが含まれます。
TypeScript 5.2.0
TypeScript 5.2.0 がリリースされました。新しい構文である using の追加・Array を非破壊で操作するためのメソッドのサポート・WeakMap/WeakSet のキーとしての symbol が利用可能に、といった変更が含まれます。
@dan_abramov 氏が Bluesky のエンジニアとして JOIN
Astro が Vercel の公式ホスティングパートナーに
静的サイトジェネレータの Astro が、Vercel の公式ホスティングパートナーとなりました。併せて、Astro ミドルウェアが Vercel のエッジ上で動作するようになり、Vercel 上での画像最適化も利用可能になりました。
State of CSS 2023 の結果公開
毎年恒例の State of CSS 2023 の Survey 結果が公開されました。新たに Open Props や Awards として Panda などの名前も登場しています。
[Fizz/Float] Float for stylesheet resources #25243
"Float" と呼ばれる、React でのリソース読み込みに関する PullRequest です（PullRequest 自体は 2022 年にマージされています）。React 自体でのスタイルシートのプリロードや重複排除に加え、それらをコントロールするための新しい API が ReactDOM にも追加されており、React を利用している場合のフロントエンド周りでのリソースファイルの取り扱いにいずれ影響を与えるかもしれません。
Next.js App Router のドキュメントに Form Validation・Error Handling の項目が追加
Next.js App Router の Server Actions に関係するドキュメントに、Form Validation と Error Handling の項目が追加されました。Form Validation では、zod を利用したスキーマバリデーションが紹介されています。
VanillaJS での Reactive パターンの紹介
"Reactivity" や "Signal" と呼ばれるパターンの VanillJS でのサンプル実装です。
Vue や Svelte などでのリアクティブの仕組みの理解に役立ちそうです。
Microsoft Playwright Testing
Microsoft が、Playwright をベースにした Azure 上でのテスト自動化サービスとして「Microsoft Playwright Testing」のプライベートプレビューを開始しました。すでに Playwright でテストコードを書いている場合はシームレスに統合でき、並列ブラウザでの分散実行による高速化やモバイルも含めた複数環境での実行をサポートしているそうです。
WordPress が 100 年ドメイン保守プランを発表
WordPress が、一度の支払いで 100 年間の保守つきのドメインを契約するプランを発表したそうです。生涯のプレゼントにいかがでしょうか。
Discussion