Frontend Weekly 2024-12-12
React v19
React v19 がリリースされた。
https://react.dev/blog/2024/12/05/react-19
次のような機能追加が行われている。
- useOptimistic や useActionState、useFormStatus などの新しいフックの追加
- form 要素の action 及び form 関連要素の formAction に関数を渡したフォームの送信
- Promise 及び Context を読み取る use API の追加
- ref の props への追加、forwardRef が不要に
- Context を Provider としてレンダー出来るように変更
- title や meta、link などメタ要素のサポート
一方で、破壊的な変更はほぼないため、アップデート自体は比較的容易に出来ると思われる。 ただし、useReducer や JSX など型の変更は行う必要がある。
Astro 5.0
Astro 5.0 がリリースされた。
https://astro.build/blog/astro-5/
Content Layer や Server Islands などの機能が Stable になっている。
Component testing RSCs - Storybook
Storybook による Storybook の RSC を利用したコンポーネントテストの方法を紹介する記事が公開された。 認証のモックや、ユーザーワークフローのテストなどについても触れられている。
https://storybook.js.org/blog/component-testing-rscs/
デモが公開されている。
Mozilla’s rebrand
Mozilla のロゴが変更された。
https://blog.mozilla.org/en/mozilla/mozilla-brand-next-era-of-tech/
Gemini 2.0、Multimodal Live API
Gemini 2.0 が発表された。 パフォーマンスや品質などの改善に加えて、Multimodal Live API、画像生成、テキスト読み上げ機能も追加されている。
https://blog.google/intl/ja-jp/company-news/technology/google-gemini-ai-update-december-2024/
また Gemini 2.0 Flash と Multimodal Live API のサンプルコードが公開されている。
Source map format の仕様確定
ソースマップファイルのフォーマットが ECMA-426 として確定された。
GitHub 認定試験が日本語に対応
GitHub の基礎、GitHub 管理、Github Actions を日本語で受験できるようになった。 学習ガイドも日本語で公開されている。
https://x.com/GitHubJapan/status/1867012915125158169
GitHub Advanced Security と GitHub Copilot の日本語対応も進行中とのこと。
Figma の料金体系変更予定
Figma の料金体系が 2025 年 3 月から変更される。
ビジネスプランは月額 10 ドル、エンタープライズプランは月額 15 ドルの値上げになる。 一方、FigJam と Figma Slides が同梱されるようになるが、これらの機能を両方利用している場合と同等の料金になる。
また、今まではユーザーによって暗黙的に有料シートが追加されていたが、管理者による事前承認性に変更される。
https://www.figma.com/ja-jp/blog/billing-experience-update-2025/
Figma の代替となるアプリケーションは既に複数出ているため、FigJam や Figma Slides などが不要な場合は、この際にPenpotやCreatie、UXPinなど他のツールへの移行を検討するのも良いかもしれない。