Web Platform Baseline では、ウェブ プラットフォームの機能に対するブラウザのサポートに関する情報を明確にします。

ベースラインでは、現在プロジェクトで使用できるウェブ プラットフォームの機能について明確な情報を確認できます。記事を読んだり、プロジェクト用のライブラリを選択したりする際に、使用される機能がすべてベースラインに含まれている場合は、ブラウザの互換性レベルを信頼できます。

ベースラインは Chrome チームが作成し、現在は WebDX Community Group によって定義されました。

ベースラインには次の 2 つのステージがあります。

  • 新たに利用可能: この機能はすべてのコアブラウザでサポートされているため、相互運用可能です。
  • 広く利用可能: 新たに相互運用可能になった日から 30 か月が経過している。この機能は、サポートを気にすることなくほとんどのサイトで使用できます。

新しく利用可能になる前は、ブラウザ全体でまだサポートされていない機能は限定的な可用性となります。

  • Chrome（パソコン、Android）
  • エッジ
  • Firefox（パソコンと Android）
  • Safari（macOS と iOS）

I/O でのベースライン

Google I/O が開幕しました。ベースラインとウェブ全体の最新情報について、いくつかお知らせします。詳しくは、こちらの投稿をご覧ください。
詳細

ベースラインとツール

Baseline が成熟するにつれて、Baseline を開発ワークフローに統合するデベロッパーが増えています。Baseline を統合するための最新のツールと、独自のツールを構築するために使用できるリソースについて学びましょう。
Browserslist で Baseline クエリのサポートが追加されました。これがデベロッパーのワークフローにどのような影響を与えるかを確認してください。
詳細
web-features npm パッケージのデータを使用して独自の Baseline ツールを作成する方法を学びましょう。
詳細
ウェブをより良くして、賞金獲得のチャンスを掴みませんか？Baseline Tooling ハッカソンに参加しましょう！
詳細
Chrome DevTools の [要素] パネルで、CSS プロパティのベースライン情報を確認できるようになりました。
詳細
この Codelab では、Baseline をプロジェクトに統合する方法を学習します。
詳細
ウェブ プラットフォーム ダッシュボードの改善についてお知らせします。
詳細
Baseline Netlify 拡張機能を使用すると、ユーザーに最も適した Baseline ターゲットをデベロッパーが把握できます。使用方法について詳しくは、こちらの投稿をご覧ください。
詳細
VS Code の新しいベースライン サポートについて学びます。
詳細
Browserslist に組み込まれたベースライン固有のクエリを使用して、開発のリンティング ツールとパッケージング ツールにベースラインを追加します。
詳細
ウェブ プラットフォーム ダッシュボードと、ベースライン ツールの構築に役立つ HTTP API をクエリする方法について学びます。
詳細
ESLint を使用して CSS の lint チェックを行い、プロジェクトで Baseline CSS 機能の使用を強制できるようになりました。詳しくは、こちらのブログ投稿をご覧ください。
詳細
RUMvision がベースライン情報を RUM データに組み込んだ方法。
詳細

ベースライン理論

プロジェクトでベースラインを採用する場合は、考慮すべき点がいくつかあります。これらの資料は、ポリフィルやツールなど、難しい質問に答えるのに役立ちます。
ベースライン ターゲットとは何か、ベースライン ターゲットを選択する方法、ベースライン ターゲットが開発にどのように役立つかについて学びます。
詳細
ポリフィルを使用するタイミングを判断するのは難しい場合がありますが、ベースライン機能を使用すると、この問題の解決に役立ちます。詳しくは、こちらのガイドをご覧ください。
詳細

ベースラインの月次ダイジェスト

Baseline 月次ダイジェストは、Baseline の最新情報（新機能、コミュニティの最新情報など）を毎月お届けするニュースレターです。
詳細
詳細
詳細
詳細
詳細
詳細
詳細
詳細
詳細

ベースライン ターゲット

ある年のベースラインに含まれる機能は、機能セット（ベースライン ターゲット）にグループ化されます。以下に、現在利用可能な機能を確認するために確認できるターゲットの例を示します。
2025 年には、まだ多くのブラウザがリリースされる予定です。それらのブラウザは、リリース後、ベースライン 2025 に含まれます。今年は新機能を随時発表していく予定です。
ベースライン 2025 の機能
2024 年に新たにベースラインに追加される項目はすべて、ベースライン 2024 と呼ばれます。2024 年末に、その年にリリースされたすべての機能をまとめた投稿を公開しました。
2024 年のベースライン機能
2023 年に新たに利用可能になるベースラインのすべての項目は、ベースライン 2023 と呼ばれます。2023 年末に、その年にリリースされたすべての機能をまとめた投稿を公開しました。
2023 年のベースライン機能
サイズ コンテナ クエリがベースラインになりました。2023 年 2 月に新しく利用可能になりました。
:has() は、2023 年 12 月にベースラインになりました。
サブグリッドがベースラインになりました。2023 年 9 月に新たに利用可能になりました。
ネスト機能がベースラインに昇格しました。2023 年 8 月に新しく利用可能になりました。
<search> 要素は、2023 年 10 月にベースラインの新規利用可能になりました。
レスポンシブ動画がベースラインに昇格しました。2023 年 11 月に新しく利用可能になりました。
inert 属性は、2023 年 4 月にベースラインとして新たに利用可能になりました。
Constraint Validation API は、2023 年 3 月にベースラインの新規利用可能になりました。
:user-valid と :user-invalid は、2023 年 10 月にベースラインとして新しく利用可能になりました。
圧縮ストリームは、2023 年 5 月にベースラインとして新たに利用可能になりました。
宣言型 Shadow DOM がベースラインになりました。2024 年 2 月に新しく利用可能になりました。
ポップオーバーは、2025 年 1 月にベースラインになりました。

ベースラインの場所

MDN でプロパティのベースライン ステータスを確認します。
MDN でベースラインを見つける
[Can I Use] でベースライン ステータスをチェックして、機能を使用できるかどうかを確認します。
「使えるか」をご覧ください。
記事やプレゼンテーションの機能の状態を明確にするには、Baseline を使用します。
ベースラインのステータスを表示する