Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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


2917a3c430817eb71086f8973c06ebba?s=47 sakito
December 10, 2018
2.5k

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


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

@Twitter
https://twitter.com/__sakito__

2917a3c430817eb71086f8973c06ebba?s=128

sakito

December 10, 2018
Tweet

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. ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠