Atomic Design手法

Transcript

1. "UPNJD%FTJHOख๏
   !LFJOVNB
   

   View Slide

2. ࣗݾ঺հ
   w !LFJOVNB
   w 10ʹͳΓ͍ͨϑϩϯτΤϯυΤϯδχΞ
   

   View Slide

3. ͸ͳ͢͜ͱ
   w "UPNJD%FTJHOͷݪจʹ͍ͭͯ
   w IUUQBUPNJDEFTJHOCSBEGSPTUDPN
   w "UPNJD%FTJHOͷख๏ʹ͍ͭͯ
   

   View Slide

4. "UPNJD%FTJHOCZ#SBE'SPTU
   %FTJHOJOH4ZTUFN
   "UPNJD%FTJHO.FUIPEPMPHZˡࠓ೔ͷϝΠϯςʔϚ
   5PPMTPGUIF5SBEF
   5IF"UPNJD8PSLqPX
   .BJOUBJOJOH%FTJHO4ZTUFN
   

   View Slide

5. લճΘ͔ͬͨ͜ͱ
   w "UPNJD%FTJHO͸σβΠϯγεςϜͷߏஙͷखஈ
   w ϓϩμΫτͷ௕ظతՁ஋޲্Λ໨ࢦ͍ͯ͠Δ
   

   View Slide

6. "UPNJD%FTJHOͱ͍͑͹
   

   View Slide

7. View Slide

8. "UPNTd0SHBOJTNTলུ
   

   View Slide

9. 5FNQMBUFT
   w ϖʔδϨϕϧͰίϯϙʔωϯτͷϨΠΞ΢τͱσβΠϯͷ
   ߏ଄Λ໌֬ʹ͢Δ
   w ίϯςϯπ͸μϛʔ ྫ/P*NBHF
   ʹ͢Δ͜ͱͰػೳੑʹ
   ஫໨͢Δ
   

   View Slide

10. 1BHFT
    w 5FNQMBUFTʹ۩ମతͳίϯςϯπΛೖΕͨ΋ͷ
    w Ϣʔβʔ͕ମݧ͢Δ6*
    w ίϯςϯπΛෳ਺όϦΤʔγϣϯ༻ҙ͢Δ
    

    View Slide

11. "UPNJD%FTJHOͷར఺
    w ෦඼ͱશମͷߦ͖དྷ
    w ίϯςϯπͱߏ଄ͷ෼཭
    w ԽֶతϝλϑΝʔʹΑΔ໊લ෇͚
    

    View Slide

12. ෦඼ͱશମͷߦ͖དྷ
    w "UPNTʹΑΔσβΠϯͷ౷Ұੑͱɺ1BHFTʹΑΔ6*શମͷ
    ߏ଄͸ޓ͍ʹґଘ͍ͯ͠Δ
    w ҰݸҰݸಠཱͯ͠ίϯϙʔωϯτ࡞ͬͨޙʹ6*͸࡞Εͳ͍
    

    View Slide

13. ίϯςϯπͱߏ଄ͷ෼཭
    ˡ5FNQMBUFTc1BHFTˠ
    

    View Slide

14. ԽֶతϝλϑΝʔ
    ʹΑΔ໊લ෇͚
    w "UPNT .PMFDVMFT 0SHBOJTNT͸Θ͔Γ΍͔ͬͨ͢
    w ஫#SBE͞ΜͱνʔϜʹͱͬͯ
    w શνʔϜʹద໊ͨ͠લ෇͚Ͱ͸ͳ͍
    

    View Slide

15. r#SBE'SPTU
    “Atomic Design is not rigid dogma”
    

    View Slide

16. ͋Γ͕ͱ͏͍͟͝·ͨ͠
    

    View Slide