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

Atomic Designと付き合うコツ♡

earlgrayMK
December 19, 2018

Atomic Designと付き合うコツ♡

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

earlgrayMK

December 19, 2018
Tweet

More Decks by earlgrayMK

Other Decks in Design

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