楽しいだけで十分です

Atomic Designを部分的に取り入れてみる

以前にも書いていたのですが、 Atomic Design ~堅牢で使いやすいUIを効率良く設計する を読んでAtomic Designを勉強したので、このサイトに取り入れてみます。このくらいの規模ならAtomic Designにしなくてもよい気はするのですが、勉強も兼ねてやっています。ひとまず次のPRでテキストのコンポートネント化をしてみました。

Add txt component by yinm · Pull Request #16 · yinm/website

まだAtomsを1個だけ実装しただけなので、いまいち効果もわかりません。 ただ、実装の中でGatsbyでCSS Modulesの使うには、ファイル名を ~.module.css にすればよいことがわかるという収穫がありました。(最初からこれで実装すればよかった...。よくわかってなかったから仕方ないけれど。) 詳しくは次のリンク先に書いてあります。

Introduction to Using CSS in Gatsby | GatsbyJS

yinm

WRITTEN BY yinm

I'm a software engineer.