目次
はじめに
🎄 この記事はOpen UI Advent Calendarの25日目の記事です。
ここまで、Open UIの発足背景から、Webの歴史的背景事情によってForm Controlsが抱えてきた課題、その課題を象徴する<select>改善の提案背景から、CSEの技術的挑戦とその現状、最後にはGlobal Design Systemについて解説してきました。
最終日の今日は、これまでの記事を踏まえて、Open UIの活動が、Webにどんなインパクトを与えていきそうか、筆者なりに考察してみます。
The Past, Present, and Future of Web UI beyond Form Controls
このアドベントカレンダーを始めるにあたり、Web、特にForm Controlsがどうして長年に渡って課題を抱えてきたのか、どうしてWebプラットフォームはForm Controlsを変えるタイミングを失い続けてきたのかの歴史を振り返りました。
今でこそ、多くの標準化団体や、InteropやBaselineといったプラットフォームが牽引する素晴らしい取り組み、Test262やWPTなどの互換性を測る様々なテストスイートが存在し、私たちはWebをユーザとしても開発者としても、より安心して活用できるようになりました。
しかし、Webの黎明期はそうではありませんでした。ブラウザ戦争、OSに依存したコントロール、健全でない標準、前に進もうとしても突き当たる後方互換性の問題。こうした、Form ControlsひいてはWebの進化を阻害してきた過去に盲目になっていては、今プラットフォームが取り組んでいることが自分の中で当たり前になってしまう。そう思って、今回のアドベントカレンダーでは、Form Controlsの辿ってきた歴史から丁寧に振り返りました。
たったひとつのHTML要素にすぎない<select>でさえも、歴史的背景から、見た目やスタイルできる範囲が実に多様で、カスタマイズ可能にするには仕様が足りなさすぎて、複雑かつ莫大な量の仕様検討が必要です。
今回、20/25日を<select>というWebの小さなパーツにフォーカスして書きましたが、UAからのLight DOM変更や、新しい擬似要素や擬似クラス、Content Modelの変更、Popover API、Anchor Positioningなど、非常に多くの関連仕様が絡み合っていて、調べるに足りない部分がまだまだありました。
CSEは割とアクティブに議論されている方ですが、提案から約4年が経過した現在でも、まだ完全な仕様策定・実装には至っていません。そんな複雑な議論を要する課題を持った仕様が、Webの世界にはまだまだたくさんあるんだろうな、と思います。
しかし、現代のWebプラットフォームには、こうした課題に取り組むための基盤が整っているし、これらの活動が相互に関係しあって、相乗効果を発揮していくと思います。Global Design Systemをアドベントカレンダーの締めくくりに取り上げたのは、GDSがその未来の代表例になると、筆者自身が期待しているからです。
GDSというイチ個人のアイデアが、Open UIを巻き込み、Web Components CGやDesign Tokens CGなどの動きを加速させ、各所で長年難航していた議論を前に進める新たな原動力になるかもしれません。
「Webを良くしたい」という同じ理想を持った人々が、それぞれの立場から、スキルを持ち寄って、主張し、議論し、それが集結して作られたWebが、「ブラウザ」となって私たちの手元に届く。こうしたシナジーの連鎖に、とてもワクワクさせられます。
会期中では、書ききれなかったことの方が多いですが、このアドベントカレンダーを通じて、少しでも得られるものがあったのであれば幸いです。
今後はアドベントカレンダーとはまた形を変えて、Open UIの動向を追っていければと思います。
saku
謝辞
本アドベントカレンダーの執筆にあたり、貴重な時間を割いてレビューを重ねていただいた@Jxckさんに、心から感謝申し上げます。本当にありがとうございました。