Frontend Weekly 2025-09-12

Vercel Proプランが大幅変更、Viewerシート無料化と柔軟な料金モデルを導入#

日付:2025年9月9日

VercelのProプランが大幅に変更され、Viewerシートの無料化と柔軟なクレジットベース料金モデルが導入された。

Viewerシートが無料になり、デプロイしないチームメンバー(デザイナー、クライアント、非開発者など)がプロジェクトダッシュボード、デプロイメント、アナリティクスに無料でアクセスできるようになった。Developerシート(Owner, Member)は従来通り$20/月で、デプロイや本番設定の変更が可能。

料金モデルは20以上の製品毎に個別割り当てからシンプルなモデルに変更された。約7%のチームで料金が上昇するが、残り10万以上のチームでは料金が減少または変更ないと言及している。

Viewerシートの利用には新しいProプランへの切り替えが必要。

出展:A more flexible Pro plan for modern teams - Vercel Blog

CSSコンテナクエリがBaseline Widely availableに#

日付:2025年9月11日

2023年にすべての主要ブラウザエンジンに導入されたCSSコンテナクエリがBaseline Widely availableになった。コンテナクエリを利用することで、デバイスの画面サイズだけでなく要素のサイズに基づいたスタイルの変更が可能になり、よりフレキシブルでスタイルがカプセル化された実装が可能になる。

.sidebar {
container-name: main-sidebar;
container-type: inline-size;
}
@container main-sidebar (inline-size > 20em) {
.button-group {
display: flex;
padding-inline: 1.25em;
}
}

またcolor-gamutメディアクエリと:autofill擬似クラスもBaseline Widely availableになった。

出展:August 2025 Baseline monthly digest

Learn CSSコースが大幅リフレッシュ、9つの新モジュールを追加#

日付:2025年9月8日

web.devのLearn CSSコースが4年ぶりに大幅リフレッシュされ、9つの新モジュールが追加された。

新モジュールには、CSS nesting、Container queries、Custom properties、Counters、Cursors and pointers、Anchor positioning、Popover and dialog、View transitions for SPAs、Paths, shapes, clipping, and maskingが含まれる。特にContainer queriesは2021年のコース開始時には存在しなかったが、現在はBaseline Widely availableに到達している。

Baseline機能に焦点を当てた実用的な内容で、Interop 2025に含まれるAnchor positioningとView transitions for SPAsも含まれている。業界専門家チームによる執筆・編集で、月間数千人の学習者に対応している。

出展:A refresh of Learn CSS with nine new modules - web.dev