Firefox専用ミニマップ（2021年）

• Firefoxは、凝った element() CSS関数をサポートする唯一のブラウザーです。
• element() CSS関数を使うと、ページ内の任意のHTML要素の画像を表示できます。
• ブログ記事のミニマップは element() CSS関数を使って作られています。
• ミニマップはリアルタイムで動作し、テキストを選択したりスクロールしたりすると遅延読み込み画像が表示されます。
• ミニマップの背景画像として別のHTML要素を定義するCSSコードが提供されています。
• ミニマップの現在のビューポートボックスを移動するためのJavaScriptコードもあります。
• この記事では読者にFirefoxを使い続けるよう勧めており、その投稿がHNで1位になったことにも触れています。
• 著者はあわせてニュースレターやブログのほかの資料も宣伝しています。

[GN⁺]

Hacker Newsの意見

• 開発者はDOM要素とカスタムGLSLシェーダーを折りたたむJSライブラリを作りましたが、他のブラウザーでは広く採用されませんでした。
• 一部の人は、エディターやWebサイトのミニマップは、サイズが小さいこと、画面スペースを失うこと、そしてインデックスや検索機能のようなより良い代替手段があることから、役に立たないと考えています。
• Firefoxにおけるelement()機能のクロスブラウザー対応の欠如は驚きであり、関心、実装難易度、セキュリティ上の懸念について疑問を投げかけます。
• ミニマップ機能のリアルタイム更新と独立したビューポート特性には影響と潜在的なユースケースがありますが、要素を画像に変換してCSSフィルターを適用することには疑問があります。
• Chromeでしか動作しないサイトに対抗する必要があります。
• ミニマップ機能は、サイトがブラウザー機能を損ない、閲覧、保存、翻訳のようなユーザー操作を制限するために悪用される可能性があります。
• Firefoxのスクリーンセーバー機能は愉快です。
• FirefoxはGPU互換性のため好まれるブラウザーですが、良いWeb翻訳機がありません。
• -moz-element機能が他のブラウザーでも採用されることを期待します。
• 一部のユーザーは記事内でミニマップ機能を見られず、その理由がわかりません。