wheatandcat https://blog.hatena.ne.jp/wheatandcat/ wheatandcatの開発ブログ https://www.wheatandcat.me/ シェアフル Advent Calendar 2018 3日目の記事です。 ここ一年くらい複数のプロジェクトでAtomic Designを取り入れてやっていたので、その辺の話を開発者視点で書いていこうと思います。 Atomic Designとは bradfrost.com 解説については↑のサイトを参照 コンポーネントの種類 Atomic Designでは以下の種類のコンポーネントに分けて実装 Atoms Molecules Organisms Templates Pages 個人開発プロジェクトで採用しているので実装例を元に各種類について解説します Atoms 最小単位のパーツコンポーネント … 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.wheatandcat.me%2Fentry%2F2018%2F12%2F03%2F032228" title="開発者視点で一年間Atomic Designと付き合ってみた結果 - wheatandcatの開発ブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/w/wheatandcat/20181203/20181203012436.png Hatena Blog https://hatena.blog 2018-12-03 03:22:28 rich https://www.wheatandcat.me/entry/2018/12/03/032228 1.0 100%