公開日: 2024 年 12 月 10 日
2024 年は、ベースライン プロジェクトにとってエキサイティングな年でした。基盤となるデータセットの作成はほぼ完了しており、ウェブ プラットフォームのステータス ダッシュボードやベースライン ステータス ウィジェットなどのツールをリリースしました。RUM アーカイブなどの他のプロジェクトでも、ベースラインの導入が始まっています。この記事では、2024 年のベースラインを振り返ります。
ベースラインとは
ベースライン ラベルは、パソコンとモバイルの両方ですべてのコア ブラウザでサポートされているウェブ機能を示します。使用している機能がベースラインの一部である場合は、ブラウザの互換性レベルを信頼できます。
ベースラインのさまざまなラベルと、ウェブ機能がベースラインになる仕組みについて詳しくは、ベースライン サイトをご覧ください。また、ベースラインで安心して構築するもご覧ください。
2024 年のベースライン プロジェクト
web-features の作業は 81% 完了しました。
web-features は、ウェブ プラットフォームの機能の共有カタログを構築するための取り組みです。各機能にはグループと定義が割り当てられ、ベースライン サポート データがこのデータセットに記録されます。
YouTube は今年、この取り組みを進めるうえで多大な努力を払ってきました。現在、特徴キーの 81% は、web-features npm パッケージを使用してマッピングされ、使用できます。web-features はベースラインのステータスの信頼できる情報源です。
新しいウェブ プラットフォーム ステータス ダッシュボード
ウェブ プラットフォームのステータス ダッシュボードでは、さまざまなブラウザでのウェブ プラットフォーム機能の実装に関する分析情報を確認できます。このダッシュボードは web-features データに基づいているため、ウェブ機能の作業が進み、より完全なものになるにつれて、このダッシュボードの信頼性が大幅に向上しました。
特定の機能の進捗状況を追跡したり、フィルタしてベースライン 2024 などの一連の機能を表示したりできます。このダッシュボードは、Can I Use や MDN の互換性データなどの既存のリソースを補完し、ウェブ プラットフォームの進化をより広範に把握できるようにします。
ダッシュボードの詳細については、ウェブ プラットフォーム ダッシュボードの発表をご覧ください。リリース以降、group: や snapshot: などのフィルタが追加されています。たとえば、snapshot:ecmascript-2023 を使用すると、ES2023 に含まれる機能が表示されます。
<baseline-status> ウィジェット
<baseline-status> ウェブ コンポーネントもウェブ特徴データを使用しており、独自のサイトやスライドで使用できるようになりました。npm からインストールし、機能について言及するたびにコンポーネントを使用します。
<baseline-status> ウィジェット詳しくは、ベースライン ステータス ウェブ コンポーネントの使用をご覧ください。
公式サイトとロゴ
Baseline は W3C の WebDX コミュニティ グループが所有しています。今年、Baseline プロジェクトの公式ページを作成しました。
プロジェクトでベースラインを採用している場合、ベースラインについて執筆している場合、またはベースラインについて講演している場合は、プルリクエストを送信して、ベースラインの実践例のページにプロジェクトを掲載できます。
プロジェクトでベースラインを使用する場合は、名前とロゴの使用に関するガイドラインをご覧ください。これらのロゴは、ウェブ機能のステータスを表示する際にいつでも使用できるライセンス付きです。
相互運用性強化プロジェクトにより、多くの機能がベースラインで新たに利用可能になりました
Interop プロジェクトは、ウェブの相互運用性を改善するためのクロスブラウザの取り組みです。このプロジェクトの機能は、クロスブラウザ実装を対象としており、ベースラインの新規利用可能になるまでの時間を短縮しています。Interop 2024 では、宣言型 Shadow DOM、font-size-adjust、requestVideoFrameCallback、text-wrap: balance がベースライン 2024 に追加され、他の多くの機能も完成に近づいています。
RUM の分析情報
ベースラインを統合した最初のツールは RUM アーカイブの分析情報ページでした。データに基づいて、ベースラインの各年に含まれるユーザー数を確認できます。これにより、ベースラインの一般提供を採用するのではなく、プロジェクトのベースライン年を選択できます。
詳しくは、RUM アーカイブとのベースライン統合をご覧ください。
This Is Baseline 動画シリーズ
Baseline の新機能について簡単に説明するため、#thisisbaseline という動画シリーズを公開しています。新しい Set メソッド、Screen Wake Lock API、CSS サブグリッドなどについて、60 秒未満で学びましょう。
This Is Baseline の動画をすべてご覧ください。
ぜひお気軽にお立ち寄りください。
今年、このチームは多くのカンファレンスに参加し、ベースラインを皆様に紹介し、皆様のご意見を伺い、質問にお答えしてきました。 これまでに実施した講演の一部をご紹介します。
10 月の FITC Web Unleashed でのレイチェルのプレゼンテーション、11 月の connect.tech でのピート セッション、マリコの JSNation での講演をご覧ください。2025 年には、Google が開催するさまざまなイベントでお会いできることを楽しみにしています。
ベースライン 2024 の内容
年末が近づき、ベースライン 2024 に含まれる機能が明らかになりました。主な機能は次のとおりです。
@property
CSS カスタム プロパティ（CSS 変数）は、広く利用可能な機能です。2024 年 7 月以降、すべてのコア ブラウザで、@property ルールを使用して型、デフォルト値、継承を持つカスタム プロパティを定義できるようになりました。
新しい Set メソッド
Set は ES2015 以降 JavaScript の一部になっていますが、今年は intersection や union など、Set に対して数学演算を実行するメソッドが追加され、すべてのコア ブラウザでサポートされるようになりました。
AVIF
AVIF は、WebP、JPEG、PNG、GIF などの他の画像形式よりも圧縮率が高いモダンな画像形式です。AVIF は、2024 年 1 月以降、すべてのコア ブラウザでサポートされています。
…など
もちろん、今年ベースラインになった機能は他にもたくさんあります。2024 年にベースラインに追加された機能については、こちらをご覧ください。
まとめ
2022 年 5 月にベースライン プロジェクトを発表した時点では、ベースラインはコンセプトであり、初期定義に過ぎませんでした。この投稿では、すべてのデベロッパーのワークフローに組み込めるものに Baseline を変換するために行われた作業の一部について説明します。
ベースライン プロジェクトにご協力いただいた皆様に感謝いたします。
web-features に貢献した個人: Victor Allen、Dietrich Ayala、Daniel Beck、Patrick Brosset、Sondra Eby、Adriana Jara、Mariko Kosaka、Pete LePage、Florian Scholz、James Stuckey Weber、queengooborg（Vinyl）
<baseline-status> ウィジェット: Ewa Gasperowicz、Chrome DevRel チーム
ウェブ プラットフォーム ステータス ダッシュボード: Panos Astithas、Kyle Ju、James Scott、Daniel Smith、Jason Xu
Google のベースライン チーム: Aaron Abbarno、Rachel Andrew、Tony Conway、Philip Jägenstedt、Adriana Jara、Mariko Kosaka、Pete LePage、Nandu Nair、Ali Spivak、Kadir Topal
特別な感謝: CanIUse の Alexis Deveria 氏、Claas Augner 氏、Hermina Condei 氏、Florian Dieminger 氏、Ruth John 氏、MDN の Leo McArdle 氏、RUM Archive の Nic Jansma 氏と Robin Marx 氏、Interop プロジェクトの貢献者、Apple、Firefox、Igalia、Microsoft、Open Web Docs、OddBird、WebDX コミュニティ グループのメンバー。