社内向けに、フロントエンド関連のニュースや業務で発生したQ&A、利用しているライブラリなどの情報を定期的に書いています。
社内の開発部メンバーに向けて直近でリリースされたライブラリなどの情報をMatsuri-tech Frontend Weeklyとしてまとめています。内容は実務や趣味で使えそうなものを中心に扱っており、網羅的ではなく偏りがあります。
# Next.js 14
Next.js 14リリース。Sever Actionsが安定版に。他、Turbopackが9割のテストケースに合格、パフォーマンスの大きな改善。React Suspenseを利用した部分的な事前レンダリングが開発中。App Router、認証、データベースなどを扱った無料コースNext.js Learnが公開など。
# Safari 17.1
Safari 17.1リリース。Managed Media Source API (MMS)のサポートがiPhoneにも入りました。
長年に渡りiPhone以外ではサポートされていたMedia Source Extensions API(MSE)については低レベルなツールキットであることや電力効率を気にしてサポートせず、ブラウザ側に一部を任せたMMS APIを生やしたようです。W3Cにプロポーザルが投げられています。
# Node.js 21
Node.js 21リリース。奇数バージョンなので開発版です。Fetch/WebStreams APIが安定版に、node --test でglobがサポート。デフォルトの解釈をCJSからESMに変更する--experimental-default-type=moduleフラグが追加。
# Yarn 4.0
Yarn 4.0リリース。Node.js v18以上が必須に。yarn set versionなどで指定されたバージョンがpackage.jsonに記録されるように。公式プラグインがデフォルトで含まれるように。2系3系利用している場合は4系に移行するとパフォーマンスの改善が見込まれます。
# Storybook 7.5
Storybook 7.5リリース。 Vite 5とLit 3のサポート、storiesOfの非推奨化。
# JavaScriptビルドツールの整理 各ツールの機能と依存関係
フロントエンドのビルドツールの比較、おおまかな比較表も掲載されている。
# Tanstack Query v5
https://tanstack.com/blog/announcing-tanstack-query-v5
TanStack Query v5リリース。 APIの引数の形式変更など破壊的な変更がそこそこあるため、マグレーションガイドを読んだ方が良いです。codemodも用意されています。Suspenseと合わせてuseQueryを利用した際に意図せずデータの型がundefinedになってしまう問題がありましたがuseSuspenseQuery(), useSuspenseInfiniteQuery(), useSuspenseQueries() を利用するように変更され解決しました。
# MSW 2.0
MSW 2.0リリース。バージョンを上げる場合は、APIの変更がそこそこあるのでマイグレーションガイドを読んだ方がいいです。