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 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