Popover on たかおの解説https://takao.blog/ja/tags/popover/Recent content in Popover on たかおの解説Hugo -- gohugo.iojaたかおの解説Sat, 13 Jun 2026 23:11:50 +0900CSS Popover API：JavaScript不要のネイティブオーバーレイhttps://takao.blog/ja/web/css-popover-api/Tue, 20 Aug 2024 00:00:00 +0900https://takao.blog/ja/web/css-popover-api/<img src="https://takao.blog/img/thumnail.webp" alt="Featured image of post CSS Popover API：JavaScript不要のネイティブオーバーレイ" /><h2 id="はじめに">はじめに </h2><p>ツールチップやドロップダウンメニュー、モーダルといったオーバーレイUIを構築するには、これまで多くのJavaScriptが必要でした。CSSの <code>position: absolute</code> による手動座標計算、ARIA属性を使ったアクセシビリティ対応、ReactポータルやFloating UIなどのフレームワーク依存の解決策——これらすべてに学習コストとメンテナンスの負荷が伴います。</p>