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

なぜAtomic Designが生まれたか

なぜAtomic Designが生まれたか

keinuma

July 27, 2019
Tweet

More Decks by keinuma

Other Decks in Programming

Transcript

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  7. ΞδϟΠϧͷ৔߹

    View full-size slide

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

    View full-size slide

  9. "UPNJD%FTJHOͷ৔߹

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide