AtomicDesignに挑戦した所感 ~総評~
- 2019.06.25
- ANOTHER
- AtomicDesign, 感想
管理画面ベースのサイトを構築するにあたり、AtomicDesignを導入しデザイン・フロントトコーディングを進めている。
その中で出た疑問や、つまずきのメモになります。
————
AtomicDesignの考え方、コンポーネント管理を意識して作成したサービスが仮完成した。
現段階で「良かった点」「悪かった点」の感じた点をまとめる。
◆良かった点
A、パーツ単位を意識したコーディング
→どう作れば汎用的に使えるかを意識できた。
B、工数削減
→制作に用いたVue.jsとの相性が良かったこともあり、「再利用」することでスムーズな制作が行えた。
◆悪かった点
A、中途半端なコンポーネント化
→パーツを分解の見込みが甘く、コンポーネント化する前にしっかり洗い出しをするべきだった。
同一パーツとして作成しても、ページ毎にフォントサイズを変える、デザイン自体が変わるなど対応工数が発生。
残念と感じる点もあるが、上記を踏まえれば今後もっとスムーズなコーディングができそうである。
-
前の記事
Vue.jsで追従サイドメニューを作成 2019.06.24
-
次の記事
Vue.js環境でスクロールバーのデザインを変更する(perfect-scrollbar) 2019.07.09