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

Atomic Design手法

keinuma
August 03, 2019

Atomic Design手法

keinuma

August 03, 2019
Tweet

More Decks by keinuma

Other Decks in Technology

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 "UPNJD%FTJHOͷख๏ʹ͍ͭͯ

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  6. "UPNJD%FTJHOͱ͍͑͹

    View full-size slide

  7. "UPNTd0SHBOJTNTলུ

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide