こんにちは! サイボウズ株式会社フロントエンドエンジニアの nissy です。
はじめに
サイボウズでは毎週火曜日に Frontend Weekly という「1 週間の間にあったフロントエンドニュースを共有する会」を社内で開催しています。
今回は、2023 年 11 月 21 日 の Frontend Weekly で取り上げた記事や話題を紹介します。
取り上げた記事・話題
@storybook-test: more streamlined and powerful testing
@storybook/jest と @storybook/testing-library を統合した @storybook/test を紹介しているブログです。
Storybook の interaction tests を書くときに必要な assert や spy に関する関数も統合され、内部では Vitest の関数を export するようになりました。
How Core Web Vitals saved users 10,000 years of waiting for web pages to load
Core Web Vitals の導入によって起きたパフォーマンス改善に関する活動を紹介している記事です。bfcache, prerender などのブラウザそのものへの改善だけでなく、Aurora Project を通じた Web フレームワークとの連携なども行っているのが印象的でした。
Announcing TypeScript 5.3 - TypeScript
TypeScript 5.3 が正式にリリースされました 🎉 リリースには、import attributes の構文サポートなどが含まれています。
Using CSS content-visibility to boost your rendering performance
レンダリングのパフォーマンスを改善する content-visibility プロパティに関するブログです。
content-visibility がどのようにパフォーマンスのスコアに影響を与えるのかについて詳しく解説されています。
Last week, we shared StorybookGPT – a GPT that automatically creates stories for React TS components.
GPT を使って自動で React コンポーネント の story を作成するツールの紹介ポストです！実際のツールは次のリポジトリで公開されています。
vuejs/core-vapor
Vue の新しいコンパイルモードとして開発が進んでいる Vapor に関するリポジトリが公開されました。
Vapor については、公式ドキュメントでも以下のように言及されています。
仮想 DOM に依存せず、Vue の組み込みのリアクティビティーシステムをより活用する、Solid にインスパイアされた新しいコンパイル戦略（Vapor モード）も模索しています。
参考：https://ja.vuejs.org/guide/extras/reactivity-in-depth.html#connection-to-signals
Announcing Vite 5
Vite 5.0 が正式にリリースされました 🎉 内部で利用している Rollup のバージョンが v4 へ更新されたり、CJS 向けの Node.js API などが deprecated になったようです。バージョンを更新するための migration guide も公開されています。
Deno Subhosting: the easiest and most secure way to run untrusted multi-tenant code
信頼できない JS コードを安全に実行するための Deno Subhosting というサービスが公開されました。
製品内でユーザーが自由にカスタマイズやプラグインを作成できる B2B の SaaS 企業を主なターゲットとしたサービスのようです。
Intent to Deprecate & Remove: Third-Party Cookies
Chromium でのサードパーティ Cookie の段階的な廃止についての最新動向です。2024 年の 1Q には 1% のユーザーに対してテストを行い、2024 年の 3Q から正式に段階的な廃止を始める予定のようです。
あとがき
サイボウズでは毎月、最終火曜日の 17 時から Frontend Monthly というイベントを YouTube Live で開催しています。その月のフロントエンド注目ニュースや、ゲストを呼んでの対談など、フロントエンドに関する発信をしていますので是非どうぞ！
Discussion