Atomic DesignをVueコンポーネント設計に適用するために見るやつ
Vue Fes JapanのスライドでAtomic Designについて書いてあるスライドがあり、
コンポーネント設計であったもやもやが解決しそう!と思ってほんのり調べてみた。
▼コンポーネント設計にAtomic Designを採用したというスライド note.mu
▼Vue.js からみた AtomicDesign medium.com
▼Atomic Designを考案した人のブログ
そして、みんなで認識合わせる時には、発音しないといけないので
読み方と意味を調べてみた。
これが正しいかどうかは分からないので参考程度にお願いします。
【Atom】
- 読み方:アトム
- 意味:原子
【Molecule】
- 読み方:モリキュール
- 意味:分子
【Organism】
【Template】
- 読み方:テンプレート
- 意味:雛形
考案した人のブログにあるPageという概念は
デザイナーから見た個別のページと
デザインされるべきテンプレートを呼び分けるということなので
Vueのコンポーネント設計では存在しない、はず。
なるほどー!めっちゃ設計概念として分かりみある!!