Atomic Designと付き合うコツ♡

s-dev talks ~サービス開発勉強会~ 大忘年LT大会
by みーた CrowdWorks.Inc

Transcript

1. "UPNJD%FTJHOͱ෇͖߹͏ίπὑ
   s-dev talks ʙαʔϏε։ൃษڧձʙ େ๨೥LTେձ
   $SPXE8PSLT*OD
   'SPOUFOE&OHJOFFSྛ ඒل
   Ϋϥ΢υϫʔΫεྲྀ !
   

   View Slide

2. ! $"#%
   !
   

   View Slide

3. Έʔͨ
   $SPXE8PSLT *OD 'SPOUFOE&OHJOFFS
   FBSMHSBZ.,
   ʘస৬੒ޭ
   !ʗ
   

   View Slide

4. 53' 5FBN3FCVJME'SPOUFOE
   
   %FTJHOFS 'SPOUFOE&OHJOFFS
   ! .JIBMZ σβΠϯγεςϜ
   Λͭ͘Δ
   FBSMHSBZ.,
   

   View Slide

5. 8IBUbT"UPNJD%FTJHOʁ
   FBSMHSBZ.,
   

   View Slide

6. IUUQBUPNJDEFTJHOCSBEGSPTUDPNDIBQUFSBUPNJDEFTJHOJTGPSVTFSJOUFSGBDFT FBSMHSBZ.,
   

   View Slide

7. ͜ͷύʔπͲΕʹ౰ͯ͸·Δͷʁ
   .PMFDVMFʁ0SHBOJTNʁԿ͕ҧ͏Μ΍!
   ࠶ར༻͢Δͬͯ
   ϖʔδ͝ͱʹσβΠϯҧ͏͔΋͠Εͳ͍
   ͷʹͲ͜·Ͱ୲อ͢΂͖ʁ
   1BHFTͱ5FNQMFTͬͯඞཁʁ
   FBSMHSBZ.,
   

   View Slide

8. IUUQTUIJOLBUPNJDEFTJHODPOOQBTTDPNFWFOU
   ͜͹͠ΎΜ
   FBSMHSBZ.,
   

   View Slide

9. νʔϜͰ΍ΔͳΒ
   ࢴϕʔεͰܾΊͯ͘ͱ
   ෼͔Γ΍͍͢Αʂ
   FBSMHSBZ.,
   

   View Slide

10. ҹ࡮ͨ͠΋ͷΛͪΐ͖ͪΐ͖
    FBSMHSBZ.,
    

    View Slide

11. FBSMHSBZ.,
    .JIBMZͰͷ"UPNJD%FTJHOͷఆٛΛܾΊΒΕͨ!
    ൪খཻ͍͞౓Ͱ໾ׂΛ࣋ͭ΋ͷɻ
    FH #VUUPO *DPO -BCFM 5FYU "WBUBS
    .PMFDVMFT
    0SHBOJTNT
    "UPNT
    "UPNಉ͕࢜૊Έ߹Θͬͯ͞ҙຯΛ࣋ͭू߹ɻ
    FH #VUUPOXJUI"WBUBS 5PPMUJQ
    Ϣʔβͷ໨ઢͰҰׅΓͱͯ͠ΈΔू߹ɻ
    ը໘͝ͱʹσβΠϯͷ૊Έ߹Θ͕ͤมΘΔࣄ͕͋Δɻ
    FH -JTU $BSE 'PSN (MPCBM/BWJHBUJPO
    64&3/".& 64&3/".&
    ۀ຿ҕୗ ۀ຿ҕୗ IPHFGVHB
    QJZPQJZP
    64&3/".&
    5JUMF
    -PSFNJQTVNEPMPSTJUBNFU DPOTFDUFUVFS BEJQJTDJOH FMJU
    "FOFBO DPNNPEP MJHVMBFHFU EPMPS"FOFBO NBTTB
    
    5JUMF
    

    View Slide

12. FBSMHSBZ.,
    .JIBMZͰͷ"UPNJD%FTJHOͷఆٛΛܾΊΒΕͨ!
    ᶃ "".
    ʮϓϩάϨεόʔʯ "
    ͱʮύʔηϯςʔδ "
    ʯͰʮͷήʔδʯ .
    
    ᶄ "..
    ʮϥϕϧʯ "
    ͱʮͷήʔδʯ .
    ͰʮϓϩϑΟʔϧॆ࣮౓Λදݱ͢Δմʯ .
    
    )0)0తͳɻ
    ˋ
    ϓϩϑΟʔϧॆ࣮౓
    ᶃ
    ᶄ
    "UPNTͱ.PMFDVMFT͸͚͍͍ͬͭͯ͘
    

    View Slide

13. FBSMHSBZ.,
    .JIBMZͰͷ"UPNJD%FTJHOͷఆٛΛܾΊΒΕͨ!
    ҙຯΛ࣋ͬͨಉ࢜ͰूΊΔͱʮ͕̋̋ग़དྷΔ෦෼ͩʯͱ͍͏ೝ஌ʹܨ͕Δɻ
    ͜Ε͸ը໘͝ͱʹσβΠϯͷ૊Έ߹Θ͕ͤมΘΔՄೳੑ͕͋Δɻ
    ".0
    ʮݟग़͠ʯ "
    ͱʮϦετʯ .
    Ͱʮ$PNQPOFOUTʹରͯ͠ͷϦετͳΜͩͳɻʯ
    ...0
    ʮݟग़͠΍จষ͕ॻ͔Εͨ܈ʯ .
    ͱʮεςʔλεʯ .
    ͱʮͦΕΒΛғ͏࿮ʯ .
    Ͱ
    ʮ$BSEσβΠϯͰͻͱ·ͱ·ΓͳΜͩͳɻʯ
    .PMFDVMFTͱ0SHBOJTNTͷҧ͍͸ػೳͱͯ͠ͷೝ஌
    il1
    r1 1 1
    r1 u1 m 1
    r1 1 n t 1
    MO n e 1
    A1 mg 1
    a s o c s
    νʔϜ͝ͱͷ
    ߹ҙΛಘ΍͍͢
    ྫ͑Λͭ͘Δ
    

    View Slide

14. FBSMHSBZ.,
    ͜Ε͔ΒνʔϜͰ"UPNJD%FTJHOͱ෇͖߹͍ͬͯ͘ਓ΁
    • Ξφϩά࡞ۀͰ΍Δͷ΋͍͍Αɻը໘ͱʹΒΊͬ͜͹͔ͬ͸!
    • ʮ߹ҙͷ্ͰͷܾΊʯ͕େࣄɻ
    • ϓϩμΫτશମͰ࢖͏ͳΒڞ௨ೝࣝΛ࣋ͬͯ΋Β͏ͨΊʹ
    ࣗ෼ͨͪͳΓͷݴ༿ʹམͱ͠ࠐΜͰ͓͍ͯଛ͸ͳ͍ɻ ͸ͣ
    
    

    View Slide

15. 5IBOLZPV
    
    #FTUXJTIFTJOUIFOFXZFBS
    

    View Slide