個人でのWeb開発にもオススメなAtomicDesignとAPB CSSの紹介 - Qiita対象者 ・CSS設計はむずかしいので「シンプルに」かつ「メンテナンス・拡張可能」なCSS設計をしたい！方 ・エンジニアらしく構造的なCSS設計をしたい！方 ・個人で最初はモックアップ程度に開発して ゆくゆくはチームで開発してもっと大きくしていきたい！方 この記事を読んでできること ・AtomicDesignとは何か理解できる ・AtomicDesignを取り入れたCSS設計 APB CSSについて理解ができる この記事の概略 ■AtomicDesignとは、デザイン設計方法の１つ ・ボタンやラベルなどWebページを構成する要素を５つのステージで構成・管理する Atoms(アトム) - 原子：それ以上分解できない要素（ボタン） Molecules(モルキュール) - 分子：原子同士を組み合わせた要素（フォームとボタンがついたもの） Organisms(オルガニズム) - 有機体：分子同士を組
