なぜAtomic Designが生まれたか

Transcript

1. ͳͥ"UPNJD%FTJHO
   ͕ੜ·Ε͔ͨ
   !LFJOVNB
   

   View Slide

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

   View Slide

3. ͸ͳ͢͜ͱ
   w "UPNJD%FTJHOͷݪจʹ͍ͭͯ
   w IUUQBUPNJDEFTJHOCSBEGSPTUDPN
   w എܠͱ՝୊Λ·ͱΊΔ
   

   View Slide

4. ͳΜͰ΍͔ͬͨ
   w "UPNJD%FTJHOͷಋೖʹࣦഊͨ͠
   w ࠓճͷϓϩδΣΫτͰ͸੒ޭ͍ͤͨ͞
   w ΧϯϑΝϨϯεͰͷൃද୊໨
   

   View Slide

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

   View Slide

6. ͦͷલʹ
   

   View Slide

7. എܠ ՝୊ ख๏ ղܾ
   ϓϥΫςΟεͰ೺Ѳ͍ͨ͜͠ͱ
   

   View Slide

8. ΞδϟΠϧͷ৔߹
   

   View Slide

9. w എܠ΢ΥʔλʔϑΥʔϧ
   w ՝୊ϓϩμΫτ։ൃ͕͏·͍͔͘ͳ͍
   w ख๏εΫϥϜɺϦʔϯɺ91
   w ղܾΠϯΫϦϝϯλϧͳϓϩμΫτ։ൃ
   

   View Slide

10. "UPNJD%FTJHOͷ৔߹
    

    View Slide

11. എܠ
    w 8FCͷੈքʹਁಁ͍ͯ͠Δʮϖʔδʯͱ͍͏֓೦
    w 6*ϑϨʔϜϫʔΫͷग़ݱ
    w ϓϩάϥϛϯάੈքʹ͓͚ΔΦϒδΣΫτࢦ޲
    

    View Slide

12. ՝୊
    w 8FCͷ࡞੒ίετ͸ʮϖʔδʯͷ֓೦ͱҰக͠ͳ͍
    w σόΠεɺϝσ
    ΟΞͷଟ༷ੑʹ͍͍͚ͭͯͳ͍
    w 6*ϑϨʔϜϫʔΫ͕ϓϩμΫτʹ߹Θͳ͍
    

    View Slide

13. ख๏
    w σβΠϯγεςϜ
    w ϒϥϯυ͕࣋ͭجຊతͳελΠϧΨΠυ
    w ίϯϙʔωϯτΨΠυ
    w ίϯηϓτɺݴ༿ͷҙຯ
    w ʢ"UPNJD%FTJHO͸σβΠϯγεςϜͷ࡞੒ख๏ʣ
    

    View Slide

14. ॴײ
    w "UPNJD%FTJHO͸σβΠϯγεςϜͷߏஙΛ౓֎ࢹͰ͖ͳ
    ͍ͷͰ͸
    w ϓϩμΫτͷ௕ظతՁ஋޲্Λ໨ࢦ͍ͯ͠Δ
    w อक༧ఆͷͳ͍डୗ։ൃͰֹ໘௨Γʹ"UPNJD%FTJHOΛ
    ಋೖͨ͜͠ͱ͸ࣦഊͩͬͨ
    w ੈք؍Λ࡞ΔϓϩμΫτͰ΍ͬͯΈ͍ͨ
    

    View Slide

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

    View Slide