JavaScriptなしでHTMLだけでできる動的機能一覧
Judul asli: HTML Can Do That
Mengapa Ini Penting
HTMLの標準機能拡張がフロントエンド開発のJavaScript依存を低減し、パフォーマンスとアクセシビリティへの影響が注目される。
Chris Burnellが2026年8月のHTML Dayに公開したページで、JavaScriptなしにHTMLだけで実現できる動的UI機能を網羅的に紹介している。
開発者Chris Burnellは、かつてJavaScriptが担っていた動的機能の多くを現代のHTMLだけで実現できることを示すページを公開した。紹介されている機能には、`popover`属性を使ったポップオーバー表示（z-index管理不要、Escキーで閉じられる）、`<dialog>`要素によるモーダルダイアログ、`<details>`の`name`属性を共有することで実現する排他的アコーディオン（一つを開くと他が自動で閉じる）、そして`command`／`commandfor`属性を使った別要素からのUI操作などが含まれる。Burnell自身は「ブラウザの実装が不十分でアクセシビリティ要件を満たさないケースもある」と明示しており、使用時にはアクセシビリティへの配慮を促している。`command`属性については、`show-modal`、`close`、`toggle-popover`などが主要ブラウザの安定版に実装済みで、今後さらに対応範囲が広がる見込みだという。