公開日: 2025 年 9 月 11 日
8 月が終わり、ベースラインにも大きな動きがありました。注目すべき開発もいくつかあります。
CSS コンテナクエリが Baseline Widely で利用可能になりました
2023 年には、すべての主要なブラウザ エンジンで CSS コンテナクエリが導入されました。これらは、さまざまなコンテキストでページ スタイルを変更する方法という点で、メディアクエリからの大きな変化を表しています。メディアクエリではデバイスの画面の寸法に基づいてスタイルを変更できますが、コンテナクエリでは要素の寸法に基づいてスタイルを変更できます。これにより、スタイルのカプセル化とデベロッパー エクスペリエンスの面で多くの実用的なメリットが得られます。8 月の時点で、コンテナ クエリは Baseline Widely available になっています。
コンテナ クエリを初めて使用する場合は、最近更新された Learn CSS に新しいモジュール（コンテナ クエリに関するモジュールなど）が追加されています。このエキサイティングな機能の使用方法を学ぶのに最適なリソースです。ほとんどのサイトで自信を持って採用できるようになるでしょう。
8 月にベースラインになったその他の機能
今年の 8 月に Baseline Widely で利用可能になったのは、コンテナ クエリだけではありません。次の 2 つの機能も広く利用できるようになりました。
また、選択された範囲で構成される範囲が 8 月に Baseline で新たに利用可能になりました。
MDN が Baseline に焦点を当てた新しいフロントエンドをリリース
最近、Mozilla は MDN の新しいフロントエンドをリリースしました。これは、完全に再設計され、ゼロから再構築されたものです。新しいフロントエンドでは、読みやすさ、検索の改善など、UI が大幅に改善されています。
新しいフロントエンドを構築する際、MDN は Baseline を基準として、広く利用可能な機能を意図的にターゲットにすることで、どの機能を使用するのが最も理にかなっているかを判断しました。広く利用可能でない他の機能については、MDN はケースバイケースでポリフィルを採用するか、実用的な場合はプログレッシブ エンハンスメントを使用するかを判断しました。MDN は、新しいフロントエンドの構築方法に関する技術的な詳細を記載したフォローアップ投稿を公開する予定です。ぜひご期待ください。
Baseline ツーリング ハッカソンが開催中です。
技術的には 8 月に発生したわけではありませんが、今月初めに Baseline tooling hackathon が開始されたことは言及する価値があります。このハッカソンは 10 月 6 日まで開催され、賞品は次のとおりです。
- 1 位: $5,000
- 1 位: $3,000
- 3 位: $1,000
- 最も価値のあるフィードバック（10 名）: 各 $100
さらに、上位 3 名の受賞者は、こちらの web.dev ブログで紹介され、Chrome チームとの 30 分間のプライベートなフィードバックと戦略セッションに参加できます。詳細と登録方法については、ハッカソンに関するブログ投稿をご覧ください。
終わりに
Baseline の 1 か月が終わりました。いつものように、Baseline 関連のことで見落としがあった場合はお知らせください。今後のエディションで取り上げさせていただきます。1 か月後にまたお会いしましょう。