TypeScript 5.6の更新点など: Cybozu Frontend Weekly (2024-09-03号)
こんにちは!サイボウズ株式会社フロントエンドエンジニアのおぐえもん(@oguemon_com)です。
はじめに
サイボウズでは毎週火曜日にFrontend Weeklyという「一週間にあったフロントエンドニュースを共有する会」を社内で開催しています。
今回は、2024年9月3日のFrontend Weeklyで取り上げた記事や話題を紹介します。
取り上げた記事・話題
Nuxt Bridge を活用して Nuxt 3 へ移行しました
STORESがNuxt 3への移行を完了した旨を報告する記事です。2022年12月の報告の続編になります。
刷新における工夫点や、移行により得られた恩恵などが紹介されています。
Announcing TypeScript 5.6 RC
TypeScript 5.6でリリース予定の新機能が紹介されています。
例えば、if文の条件文が常にtrue
/false
のときにその旨を指摘する機能(Disallowed Nullish and Truthy Checks)などが追加予定です。
Material UI v6 is out now 🎉
初コミットから10周年を迎えたReact UIコンポーネントライブラリ・Material UIがv6をリリースしたことを告知する記事です。
v6では、CSS theme variablesやカラースキーマのサポートなどが加わっています。
Announcing TypedSQL: Make your raw SQL queries type-safe with Prisma ORM
オブジェクト関係マッピング(ORM)ライブラリ・Prisma ORMに追加された新機能・TypedSQLを紹介する記事です。
TypedSQLの特長は、SQL文を型安全に書くことができる点です。.sql
ファイルに書いたSQLクエリがJSコードに変換されることで、クエリ結果や引数への型付けが可能になっているようです。
Component testing in Storybook
Storybookを用いたコンポーネントテストの方法について紹介する記事です。
Storybookを使ったコンポーネントテストとはどういったものなのか、E2Eテストとのパフォーマンスの違いなどが述べられています。
How to make your web page faster before it even loads
Time to first byte(TTFB)よりも前のイベントをどのように計測するか、そしてそれを改善に繋げる方法をSentry Trace Viewを用いて解説する記事です。
Webページがロードされるまでの過程や、ロードを早くするために役立つヒントもあわせて紹介されています。
Announcing Rspack 1.0
Rust製のJavaScriptバンドラ・Rspackのv1リリースを告知する記事です。
Rspackの現時点の利用者数・導入企業の紹介、v1の変更点(パフォーマンス・互換性向上など)、今後の開発予定などが記載されています。
Astro 4.15
フロントエンドフレームワーク・Astroのv4.15リリースを告知する記事です。
サーバーサイドの関数を型安全に定義・呼び出しできる機能・Astro ActionsのStable化などの変更が行われています。
Next.js Conf is here. Join us in SF or online Oct 24.
Next.js Confが10月24日に開催される予定を知らせる投稿です。
CFPの募集も行われています。
Node.js Takes Steps Towards Removing Corepack
Node.jsのPackage Maintenance Working Group(PMWG)がCorepackをNode.jsの配布から削除する計画と、その経緯をまとめた記事です。
Corepackを削除するPRには70を超えるコメントが寄せられ最終的にロックされるなど、削除の是非について物議を醸しています。
Google Chrome 16周年
9/2にGoogle Chromeがリリースから16周年を迎えたことを祝福する投稿です。
同アカウントでは、Google Chromeが過去に使用していた懐かしのロゴも紹介しています。
Discussion