HTMLはすでに&lt;input&gt;に双方向バインディングを持っている。CSSは:hoverで状態に応じた宣言ができる。なのに、汎用的なリアクティブ状態管理がHTMLの語彙に存在しない。
もし足すとしたら、どんなタグが必要で、どんな構文やモデルが必要になるのか——その思考実験を、実際に動くアウトプットを作りながら検証していきます。



HTMLはすでに<input>に双方向バインディングを持っている。CSSは:hoverで状態に応じた宣言ができる。なのに、汎用的なリアクティブ状態管理がHTMLの語彙に存在しない。
もし足すとしたら、どんなタグが必要で、どんな構文やモデルが必要になるのか——その思考実験を、実際に動くアウトプットを作りながら検証していきます。



もしHTMLにリアクティブな状態管理があったら

第1章 状態をどこに置くか

第2章 リアクティブモデルの選択

第3章 バインディングのDSL

第4章 構造ディレクティブ

第5章 Web Componentsとの統合

終章 思考実験の結果

読者コミュニティ｜もしHTMLにリアクティブな状態管理があったら

html

webcomponents

reactive

データバインディング

customelements

Import MapsだけでWeb Componentsを自動ロード！「wc-autoloader」の紹介

mogera

2025年の最も大きなチャレンジ