作記録

記憶代わり

フロントエンドのコンポーネントの設計

順番

開発初期段階では、コンポーネントの設計をする前にコンポーネントを考慮せずにパッと HTML と CSS で実装すると良いような気がしています。

なぜなら、コンポーネントは HTML が出来始めると作り直したい箇所が出てくるからです。

ページ数が多い場合は、ひとまず各機能毎にパッと HTML と CSSを実装します。

コンポーネントの種類

コンポーネントの設計をする際の、僕がやりやすいと思うコンポーネントの大きな分類は下記の通りです。

  • pages
  • aggregates
  • parts

コンポーネントの役割

pages

ページを構成するものを宣言的に並べる。

aggregates

ページを大きく分割した際のセクションを宣言する。

parts

aggregatesを構成するパーツ。