課題意識
HTMLとCSSは分離すべきだという一般論があるが、レイアウトの構造を整えるためのHTML要素やアニメーションで表現を変えるためのHTML要素も存在する。
HTMLとCSSは本当に分離できるのか、分離できるとしたら何が分離できて、分離できないとしたら何が分離できないかを整理する必要がある。
また、レイアウトは他のプログラミング機能と違い、単独のモジュールとしてでなく全体で初めて意味を持つ。
そのようなレイアウトの性質を踏まえ、どのようにレイアウトを設計すべきなのか。
レイアウトの共通化の単位はCSS単位ですべきなのかコンポーネント単位ですべきなのか。
コンポーネント単位だとしたら、それはHTMLとCSSが結合した状態に他ならず、分離を考えるよりもむしろ結合を前提にコンポーネント単位で関心を分離する方が適切なのではないか。
そういった事に関する考察。
Memo
- What is content and what is layout.
- What is separation of concerns.
- Why does separation of concerns matter.
- Not separation but direction of dependency.
- Difference of component and css.
- What is Utility class