こんにちは！サイボウズ株式会社フロントエンドエンジニアのおぐえもん（@oguemon_com）です。
はじめに
サイボウズでは毎週火曜日にFrontend Weeklyという「一週間にあったフロントエンドニュースを共有する会」を社内で開催しています。
今回は、2024年6月4日のFrontend Weeklyで取り上げた記事や話題を紹介します。
取り上げた記事・話題
Portable stories for Playwright Component Tests
CypressやPlaywrightを用いたコンポーネントテストでStorybookのStoryをテストできるPortable Stories APIという実験的機能を紹介する記事です。
The Deno Standard Library is now available on JSR
Denoの標準ライブラリがJSRから利用できるようになる旨などを告知する記事です。
State of HTML 2023
State of HTML 2023の集計結果が公開されました。ユーザーの回答に基づき、新しいHTML要素や属性、APIの利用状況などがまとめられています。
MrBeast shipped http://viewstats.com with @nextjs App Router on @vercel
海外のYouTuber・Mr BeastがNext.jsのApp Routerを用いた新サービスを開発しました。
YouTubeチャンネルの各種統計情報を閲覧することができます。
Yahoo!知恵袋 フロントエンドをリアーキテクトしている話
Yahoo!知恵袋におけるフロントエンドリアーキテクトの取り組みを紹介した記事です。一部のページのファイルに対してロジックの集中を緩和したり、TypeScriptを導入して型安全にするなどの改善を行なったそうです。
デジタル庁デザインシステムのサンプルコンポーネント
デジタル庁のデザインシステムのサンプルコンポーネントです。全てのコンポーネントのサンプルが公開されているわけではありませんが、今後も定期的に追加されるようです。
Type-safe module mocking in Storybook
Storybook8.1で利用できる型安全なモジュールモックの紹介記事です。package.jsonのimportsフィールドを用いることで利用可能です。
PPR - pre-rendering新時代の到来とSSR/SSG論争の終焉
Partial Pre-Rendering(PPR)の仕組みを解説した記事です。PPRとは、ページを静的生成しつつ部分的に動的生成することを可能とするレンダリングモデルです。
React 19の新機能まるわかり
2024年4月に公開されたReact 19betaの新機能を解説した記事です。Actionsの概念から丁寧に解説しています。
Discussion