Atomic Designを 導入する理由と悩み

第１回AtomicDesignについて考える会での登壇資料
https://thinkatomicdesign.connpass.com/event/110159/

@Twitter
https://twitter.com/__sakito__

Transcript

1. "UPNJD
   %FTJHOΛ
 ಋೖ͢Δཧ༝ͱ೰Έ
 ୈ̍ճ"UPNJD%FTJHOʹ͍ͭͯߟ͑Δձ
2. 5XJUUFSɿ!@@TBLJUP@@
 'SPOU&OE
   &OHJOFFS
 3FBDU XFCQBDL (BUTCZ+4
3. ࠓ೔࿩͢͜ͱɾ࿩͞ͳ͍͜ͱ
4. ࠓ೔࿩͢͜ͱɾ࿩͞ͳ͍͜ͱ ࿩͢͜ͱ
   w"UPNJD
   %FTJHOΛͳͥಋೖͨ͠ͷ͔
   w"UPNJD
   %FTJHOΛಋೖͯ͠ɺ
 ͲΜͳ೰ΈΛ๊͍͑ͯΔͷ͔
   ࿩͞ͳ͍͜ͱ
   ɾ"UPNJD
   %FTJHOͱ͸
 ɾ"UPNJD
   %FTJHOͷ࣮૷
5. ͜Ε͔Β"UPNJD
   %FTJHOΛ
 ಋೖ͢ΔਓͷࢀߟʹͳΕ͹޾͍
6. "UPNJD
   %FTJHOΛͳͥಋೖͨ͠ͷ͔
7. Ͳͷཻ౓Ͱίϯϙʔωϯτ෼ׂ͢Δʁ
8. Ͳͷཻ౓Ͱίϯϙʔωϯτ෼ׂ͢Δʁ wΞΠίϯͱςΩετΛ෼͚Δ
   wΞΠίϯͱςΩετ͸Ұॹ
   wݕࡧϑΥʔϜͱݕࡧΞΠίϯ͸ผɾɾɾ
 ͳͲෳ਺ߟ͑ΒΕΔ
9. ίϯϙʔωϯτ෼ׂ͕ݸਓґଘͩͬͨ wίϯϙʔωϯτ෼ׂͷࢦඪ͕ͳ͍1+ͩͬͨ
   wνʔϜਓ਺͕ଟ͘ɺฏߦ։ൃΛߦ͍ͬͯͨ
   wίϯϙʔωϯτͷཻ౓͕ݸਓݸਓͰόϥόϥͩͬͨɹ
 ɾߦҎ্ʹͳΔίϯϙʔωϯτര஀ɹ
   w13Ͱίϯϙʔωϯτ෼ׂʹ͍ͭͯɺ
 ᐆດͳࢦఠ͕ߦΘΕΔ
10. ͦ͜Ͱ"UPNJD
    %FTJHOΛಋೖ
11. ίϯϙʔωϯτࢦඪ͕Ͱ͖ͨ w"UPNɺ.PMFDVMFTɺ0SHBOJTNTɺ
 5FNQMBUFTɺ1BHFTͱ͍͏ࢦඪ͕Ͱ͖ͨ
    wίϯϙʔωϯτ࣮૷࣌ʹɺݸਓґଘͳߟ͕͑ݮͬͨ
    wࢦඪ͕͋ΔͷͰɺ૒ํͷίϛϡχέʔγϣϯ͕ԁ׈ʹ
    wͭͷίϯϙʔωϯτ͕ڊେԽ͢Δ͜ͱ͸ͳ͘ͳͬͨ
12. "UPNJD
    %FTJHO͸
 ͢΂ͯղܾͯ͘͠ΕΔΘ͚Ͱ͸ͳ͍
13. "UPNJD
    %FTJHOΛಋೖͯ͠ɺ
 ͲΜͳ೰ΈΛ๊͍͑ͯΔͷ͔
14. "UPNJD
    %FTJHOΛಋೖͯ͠ɺ
 ͲΜͳ೰ΈΛ๊͍͑ͯΔͷ͔ w1BHFTͱ0SHBOJTNTͲͷ୯ҐͰɺ
 3FEVYΛDPOOFDU͢Δͷ͔
    w"UPNͳͷ͔ɺ.PMFDVMFTͳͷ͔ͷཻ౓ʹؔ͢Δٞ࿦͸ඞཁ
    wϑϩϯτΤϯυ͚ͩ"UPNJD
    %FTJHOΛಋೖͯ͠΋μϝ
 ɾσβΠφʔͷΞ΢τϓοτ੒Ռͱ

    
    
    ཻ౓ͷೝ͕͍ࣝ͋ͬͯͳ͍͜ͱ͕Ͱ͖ͯͨ
 ɾσβΠϯγεςϜͷఏڙ͢Δίϯϙʔωϯτͱ
 ɹίϯϙʔωϯτཻ౓͕ҧ͏
15. ·ͱΊ
16. ·ͱΊ w"UPNJD
    %FTJHO͸ۜͷ஄ؙͰ͸ͳ͍
    wσβΠφʔ΍ϑϩϯτΤϯυͰ
 ίϛϡχέʔγϣϯ͸ີʹऔΔେࣄ͞͸มΘΒͳ͍
    wΉ͠Ζίϛϡχέʔγϣϯ͸૿΍͞ͳ͍ͱ͍͚ͳ͍
    w"UPNJD
    %FTJHOͷϧʔϧ͸ɺॊೈʹมߋͯ͠
 νʔϜʹϑΟοτͨ͠ܗʹม͑Δ͜ͱ΋େࣄ
17. ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠