Interop 2025で 👍 リアクションが50件以上ある機能リクエストをまとめる（2024年10月時点）
yamanoku
Interop 2025の投票期間が終わってしばらく経ったので現状どの機能が👍としての反応を多くもらっているかを調べたくスクラップとしてまとめてみる。
提案数も多いので 👍 リアクションで50件以上もらっているものに絞る。
yamanoku👍リアクションが多く集まっているものがInteropの対象になるかどうかは別のためあくまでも反応がどれくらい集まっているか、という温度感で見る。
yamanokuJPEG XL image format - 👍 385
該当Issue
概要
JPEGの後継形式。ファイルフォーマットは2021年10月に、コア符号化システムは2022年3月に正式に標準化。現在Safariのみがサポートされている（Safari 17よりサポート）。
yamanokuScrolling on Mobile Devices - 👍 236
該当Issue
概要
Safari/Webkitにおいてbodyスクロールをブロックできてない（overflow: hiddenが効かない）問題についての言及。モバイルデバイスのブラウザ間で一貫したスクロール体験を目指すため改善を希望する。
yamanoku
CSS @custom-media at-rule to manage media queries - 👍 98
該当Issue
概要
Media Queries Level 5の仕様より、@custom-mediaルールが導入され、 複数のCSSファイルにわたってメディアクエリのブレークポイントをハードコーディングする代わりに、@custom-media ルールを使用してブレークポイント値を宣言できるようになる。
@custom-media --mobile-screen (max-width: 480px);
@custom-media --tablet-screen (max-width: 768px);
@custom-media --laptop-screen (max-width: 1024px);
@custom-media --desktop-screen (max-width: 1440px);
@custom-media --widescreen (min-width: 1441px);
Core Web Vitals: LCP, INP, CLS - 👍 83
該当Issue
概要
Largest Contentful Paint（LCP）については、現在Safari/Webkitが、Cumulative Layout Shift（CLS）とInteraction to Next Paint（INP）はSafari/WebkitとFirefoxの両ブラウザで安定的に使用できない状態のため、Core Web Vitalsという一括りにして安定化してほしい提案。
yamanokuNavigation API - 👍 80
該当Issue
概要
Navigation APIはHistory APIに代わるSPAでのナビゲーションやURLの更新を簡単に扱えるようにするAPI。 ポリフィルができないためクロスブラウザサポートが必要。
yamanokuCSS Anchor Positioning - 👍 77
該当Issue
概要
アンカーと呼ばれる要素を基準として対象の要素の表示位置を決めることができるAPI。共に使うことが想定されるPopover APIは今年の初めにBaselineに導入されたため、こちらのAPIもクロスブラウザサポートの必要性が高まっている。
yamanokuMathematics Rendering - 👍 69
該当Issue
概要
ほとんどのブラウザはMathMLに対応しているが、一部の不正確なレンダリングのために、数式全体を読めなくしたり、誤解を招いたりすることがある。そうした差異をなくし相互運用性を高めるために提案。
yamanokuWebDriver BiDi - 👍 63
該当Issue
概要
次世代のブラウザテスト自動化プロトコル。 双方向通信を導入することでWebDriverプロトコルを拡張する。 WebdriverIO、Selenium、BrowserStack、SauceLabs、LambdaTestなどの主要な業界関係者は、すでにWebDriver BiDiの機能を採用してユーザーへ機能提供している。
yamanoku
CSS calc-size() and interpolate-size (transition 0 to auto) - 👍 60
該当Issue
概要
要素に含まれるコンテンツの大きさを基準に要素のサイズを変更するintrinsic-sizeというプロパティがあり、それを扱ってアニメーションさせるためのCSS関数のcalc-size()とinterpolate-sizeプロパティをクロスブラウザサポートする提案。