はじめに
こんにちは！サイボウズ株式会社フロントエンドエキスパートチームの BaHo です。
サイボウズでは毎週火曜日に Frontend Weekly という「1 週間の間にあったフロントエンドニュースを共有する会」を社内で開催しています。
今回は、2023/04/04 の Frontend Weekly で取り上げた記事や話題を紹介します。
取り上げた記事・話題
Announcing Rome v12
Rome v12 がリリースされました 🎉
- JSON 形式のパースに対応
- TypeScript4.7~5.0 をサポート
- optional variance annotation
-
extendsconstrain oninfer - const type parameters
export type *
- CLI 経由でのインポート順のソート
- etc
storybookjs/storybook v7.0.0 Prerelease
Stroybook の v7 がプレリリースされました 🎉
- Vite の第一級サポート
- NextJS のゼロコンフィグサポート
- SvelteKit のゼロコンフィグサポート
- 各フレームワークの API 対応
- Component Story Format v3
- Docs を MDX2 でオーバーホールする機能の追加
- etc
layer - vanilla-extract
vanilla-extract が layer に対応しました。
ポリフィルが使用されているわけではないので、現在 layer 機能が有効になっているクライアントでのみ動作するようです。
Styling Addon: configure styles and themes in Storybook
UI コンポーネントにテーマを提供するためのアドオンの話です。
このアドオンにより、フレームワークに依らずスタイルを統一してかけるようになります。
ZOZOTOWN の Web ホーム画面を Next.js でリプレイスして得た知見
ZOZOTOWN のフロントエンドをリプレイスするプロジェクトの話です。
開発効率の向上・運用コストの削減・人材獲得を目的として、API のマイクロサービス化とフロントエンドの新フレームワーク導入を実施したようです。
カナリアリリースやストラングラーパターンといった手法、アーキテクチャの導入により無停止での段階的なリプレイスに成功しています。
Cloudflare Workers のためのフルスタックツールキット Superflare を試してみた
D1 Database や R2 Storage むけのユーティリティ機能を提供しているフルスタックツールキット Superflare を試した話です。
記事では簡単なアルバムアプリの実装からデプロイまでを通して Superflare の使い方に触れています。
Future Proofing Your Remix App
Remix の新機能に対するフラグ管理(Future Flags)についての話。
Remix では V2 リリースに向けて、future.unstable_ と future.v2_ というフラグを用意して新機能の管理を行なっているようです。
V2 の新 API に対応する機能は future.v2_ フラグで管理され、unstable な機能は future.unstable_ フラグで管理されており、それぞれ remix.config.js の future flags 項目から任意で利用可能となります。
Rich Harris Talks SvelteKit and What’s Next for Svelte
Svelte に大きめの修正をする準備が進行中であるという話です。
Svelte 周りの内部コードが TypeScript から JavaScript へ置き換えられるほか、大きなアイデアが取り入れられる予定だそうです。
One In Two New Npm Packages Is SEO Spam Right Now
2023 年 3 月に新しく公開された npm パッケージのうち半数以上が SEO スパムとして利用されているという話です。
ロシア語話者をターゲットとした悪意ある Telegram のチャンネルへの誘導や無料の電子書籍、ゲームの課金通貨といった典型的なスパムとして悪用されているようです。
New to the web platform in March
各主要 Web ブラウザが 3 月にリリースした追加機能がまとめられた記事です。
あとがき
サイボウズでは毎月、最終火曜日の 17 時から Frontend Monthly というイベントを YouTube Live で開催しています。その月のフロントエンド注目ニュースや、ゲストを呼んでの対談など、フロントエンドに関する発信をしていますので是非どうぞ！
また、サイボウズでは一緒にサイボウズのフロントエンドをより良くする仲間を募集しています。興味ある方はこちら ↓ から！
【フロントエンドエキスパート】
サイボウズのフロントエンドを最高にするためのチームです。
【フロントエンドエンジニア（kintone アーキテクチャ刷新 PJ）】
クラウドサービス「kintone」のフロントエンドを新しくしています。
Discussion