【参考資料】Atomic Design参考資料／参考書籍

参考サイト：
◆atomic design
http://bradfrost.com/blog/post/atomic-web-design/
◆Atomic Designを採用したWeb開発におけるistyleの現状と課題　導入の経緯から効果まで
https://logmi.jp/tech/articles/320358
◆DevLOVEの「Atomic Design ～堅牢で使いやすいUIを効率良く設計する〜」に行ってきた
http://hiromitsuuuuu.hatenablog.com/entry/2018/07/01/221433
◆Atomic Designの考え方と利点・欠点
https://blog.kubosho.com/entry/using-atomic-design/
◆【イベントレポート】堅牢で使いやすいUIを効率良く設計するためにAtomic Designを知る
http://www.itstaffing.jp/engineer/entry/20180727_1
◆Atomic Design を読んでの備忘録
https://qiita.com/japboy/items/9576301456b2bffb1fac
◆ Atomic Design を分かったつもりになる
https://design.dena.com/design/atomic-design-%E3%82%92%E5%88%86%E3%81%8B%E3%81%A3%E3%81%9F%E3%81%A4%E3%82%82%E3%82%8A%E3%81%AB%E3%81%AA%E3%82%8B/
◆Atomic Designってデザイナーには難しくない！？という話
https://qiita.com/rhirayamaaan/items/7f990e146ec01f2e7e08
◆Atomic Design について調べて見た
https://qiita.com/yoshimo123/items/302fb3f1698a8db3cf23
◆Atomic Design に学ぶ Web 開発をハッピーにするデザイン手法
https://qiita.com/usako/items/10ea7340f1a0b23a7b8b
◆Vue.js × Atomic Design 【Vue.js Advent Calendar 2017 5日目】
http://migi.hatenablog.com/entry/vue_atomicdesign
◆「Atomic Design」と「Design Systems」〜デザイナーとエンジニアが二人三脚で開発する手法〜
https://inside.dmm.com/entry/2018/05/07/atomic_design_system
◆React Component 視点でのアトミックデザインの解釈といくつかの疑問
https://mizchi.hatenablog.com/entry/2018/06/07/203739
◆アトミックデザインとは？ コンポーネント単位で創るUIデザイン手法
https://goworkship.com/magazine/atomic_design/
◆Atomic Designを使ってReactコンポーネントを再設計した話
https://blog.spacemarket.com/code/atomic-design%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6react%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E3%82%92%E5%86%8D%E8%A8%AD%E8%A8%88%E3%81%97%E3%81%9F%E8%A9%B1/
◆Atomic Designの導入に際して工夫したこと 〜Atomic Designを使ったコンポーネント指向のUI開発：破〜
http://ugap.hatenablog.com/entry/2018/06/28/082638
◆デザイナー向け – コンポーネント化について考える
https://qiita.com/eisuke_watanabe/items/0a13544cc0f906557b84
◆「Atomic Design & Design Systems」をお話させて頂きました
https://yory.design/note/dmm-designsystems/
◆Atomic Designの考え方と利点・欠点
https://blog.kubosho.com/entry/using-atomic-design/
◆フロントエンドエンジニア 入社3か月目
https://www.mmj.ne.jp/mmjblog/kishi03/
◆Storybook for Vueでエンジニアとデザイナーの協業を加速させる
http://studio-andy.hatenablog.com/entry/storybook-for-vue
◆Storybookでモジュール一覧を作る
https://www.mitsue.co.jp/knowledge/blog/frontend/201806/08_1524.html
◆PhotoshopからXD、さらにSketchへ…Atomic Designを実現させるまでにぶち当たったデザインチームの苦悩
https://blog.spacemarket.com/design/atomic_design/
◆チームの課題から考える、Adobe XDとSketchの導入メリット
https://tech.recruit-mp.co.jp/design/post-13341/

参考書籍：
◆Atomic Design ~堅牢で使いやすいUIを効率良く設計する
https://www.amazon.co.jp/Atomic-Design-%E5%A0%85%E7%89%A2%E3%81%A7%E4%BD%BF%E3%81%84%E3%82%84%E3%81%99%E3%81%84UI%E3%82%92%E5%8A%B9%E7%8E%87%E8%89%AF%E3%81%8F%E8%A8%AD%E8%A8%88%E3%81%99%E3%82%8B-%E4%BA%94%E8%97%A4-%E4%BD%91%E5%85%B8/dp/477419705X/ref=sr_1_1?ie=UTF8&qid=1549247248&sr=8-1&keywords=atomic+design

参考サイト

エトセトラ忘備録

【第一回】Atomic Designとは

http://note.favorite-color.net/2019/201902141493/

エトセトラ忘備録

【第ニ回】コンポーネントの考え方

http://note.favorite-color.net/2019/201902221497/

エトセトラ忘備録

【第三回】コンポーネントを用いた構築と運用方法

http://note.favorite-color.net/2019/201903011500/

エトセトラ忘備録

【第四回】コンポーネントカタログの利用

http://note.favorite-color.net/2019/201903091509/