こんにちは！ サイボウズ株式会社フロントエンドエンジニアの nissy です。
はじめに
サイボウズでは毎週火曜日に Frontend Weekly という「1 週間の間にあったフロントエンドニュースを共有する会」を社内で開催しています。
今回は、2023/04/25 の Frontend Weekly で取り上げた記事や話題を紹介します。
取り上げた記事・話題
Multiple stylesheets per file
@sheet という記法を使って、CSS ファイル内に複数の stylesheet を定義する提案です。作成されたのは 2020 年のようなのですが、3 週間ほど前にこの提案が CSS の Working Group に受け入れられたようです。
Announcing Vite 4.3
Vite 4.3 がリリースされました。パフォーマンスが大きく改善されたようです。パフォーマンスの改善のためにやったことについては、@sun0day500 さんのブログで解説されていました。地道な最適化の積み重ねになっていて必見です。
Preparing for v2
Remix の v2 リリースに関するドキュメントです。File System Routing において、ディレクトリ構造を利用するのをやめてフラット化する点が話題になりました。
It's time to learn oklch color
CSS で色を指定できる関数の 1 つである oklch() の紹介記事です。従来の hsl() と比較して、oklch() では人が感じる色の明るさや鮮やかさを考慮した色が生成されるようです。
Shipping the biggest update for the components.
Radix と Tailwind CSS で作られたコンポーネントスニペット集である shadcn/ui のアップデートがあり、Skelton や Calender などの新しいコンポーネントが追加されました。
"What's next for Deno?" by Ryan Dahl (NodeCongress '23)
Ryan Dahl さんによる Deno の今後についての発表です。Node.js 互換の機能、Deno KV、Deno Deploy などを live coding を交えて紹介していました。動画では 「Deno は Node.js と同じ目標に向かって開発を進めている」と繰り返し述べているのが印象的でした。
SpiderMonkey Newsletter (Firefox 112-113)
Firefox 112 - 113 の Nightly リリースで行われた SpiderMonkey における JavaScript と WebAssembly に関する作業の紹介記事です。React のような最近の Web Framework のパフォーマンスを改善するような最適化を行っているとの報告がありました。
あとがき
今週は、Vite 4.3 のリリースが個人的に印象に残りました。OSS であるにも関わらず、チーム全体でここまで集中してパフォーマンスの改善に力を入れられるのはすごいと思いました。ブログで紹介されていた改善の内容についても、startsWith や endsWith が === より遅いなど勉強になる話が多かったです。
サイボウズでは毎月、最終火曜日の 17 時から Frontend Monthly というイベントを YouTube Live で開催しています。その月のフロントエンド注目ニュースや、ゲストを呼んでの対談など、フロントエンドに関する発信をしていますので是非どうぞ！
Discussion