3
1

MDN の全ページの Browser Compat Data (BCD) を一覧するツールができました

Posted at

はじめに

この記事は 2023 年の MDN 翻訳 Advent Calendar 向けに作成したものです。

こんにちは。debiru です。好きな Web ブラウザは Firefox で好きなエディタは Emacs です。Firefox のことを FireFox と書かれているのを見ると爆撃したくなります。同様に略称を Fx ではなく FF と書かれると何の略なのだろうって思ってしまいます。

さて、このアドベントカレンダーで数日前に「Firefox でも :has() 疑似クラスが使えるようになる」という話と「Firefox で未実装の Intl.Segmenter」の話をしました。

そこで、今日は、その他の「Firefox だけ未実装シリーズ」をお送りしたいと思い、Firefox だけ実装されていない機能を一覧するツールを作ってみました。

できたもの:「BCD一覧表」

こちらです。

このツールを使うことで、ブラウザの実装状況について色々調べることができます。

近々リリースされる Firefox によって、全ブラウザで使えるようになるもの

少しスクロールすると、Firefox バージョン121 の行が見られます。ここから、Firefox 121 の登場でようやく全ブラウザで使えるようになる機能がわかります。

Firefox のバージョン 121 の登場によって、「iFrame の loading プロパティ」と「CSS の has 疑似クラス」が全ブラウザで使えるようになることがわかる。

iFrame の loading プロパティと、CSS の :has() 疑似クラスが次の Firefox リリースによって全てのブラウザで使えるようになりますね!

Firefox だけ実装されていない機能

700項目が Firefox のみ未実装ということがわかる。

Firefox だけ実装されていない機能は 700 項目あることがわかりますね。

Chrome だけ実装されていない機能

なんと、0 件です。「Chrome だけが実装されていない機能」というものはないということです。

ただこれは、「他の全てのブラウザでサポートされている機能」に限った話です。

Firefox では実装されているのに Chrome で実装されていない機能は 845 項目あることがわかる。

例えば、Firefox では実装されているのに、Chrome 含むその他のブラウザでは実装されていないという機能は 845 項目あります。

Firefox だけ実装されていない待望の機能

数日前のアドベントカレンダーで紹介した :has() 疑似クラスや Intl.Segmenter の他に、何か気になる機能はあるでしょうか。面白いものがあれば紹介したいと思ったのですが、何かあるかな。

もし「この機能」を待望しているというものがあればコメントなり Twitter なりで教えてください!コメントいただけた場合は、その機能の実装状況についての詳細なレポートをお届けしたいと思います。

さいごに

このツール、二晩で作ったのですが、開発をしていたらアドベントカレンダーを書くのが遅くなってしまいました。12 月 7 日のアドベントカレンダーとしてこの記事をお届けします。

明日は別の方の 2023 年の MDN 翻訳 Advent Calendar が予定されています!もっと他の人も参加してほしいな……。というか 9 日目以降、ネタがないのでもう私は書けないかもしれません。

そんなわけで、MDN に少しでも興味をお持ちの方がいたら MDN コミュニティ Slack にぜひ参加してくださいね。MDN の記事をメンテナンスし続けるにはあなたの力が必要です。

そうそう、翻訳作業をしなくても MDN に貢献することができます。修正や翻訳されるべき記事を見つけて報告するだけでよいのです!報告は MDN 日本語コミュニティリポジトリの Issue まで、お気軽にお寄せください!コントリビューターはしばしば、次にどの記事を翻訳しようかと悩んでいます。そんなとき、あなたの報告があれば、コントリビューターはそのトピックに着手することができるでしょう。

皆様からの MDN への貢献をお待ちしております。

おわり。

3
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
1