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

20190401_design_system.pdf

26a00012c475c2380cd98cfe5e2e70ef?s=47 ozaki25
April 01, 2019

 20190401_design_system.pdf

26a00012c475c2380cd98cfe5e2e70ef?s=128

ozaki25

April 01, 2019
Tweet

More Decks by ozaki25

Other Decks in Technology

Transcript

  1. σβΠϯγεςϜ 

  2. ໨࣍  σβΠϯγεςϜͱ͸   σβΠϯγεςϜͷޮՌ  σβΠϯγεςϜͷಋೖέʔε  σβΠϯγεςϜͷ੒Ռ෺

     
  3. σβΠϯγεςϜͱ͸  

  4. σβΠϯγεςϜͱ͸ w ໌֬ͳఆ͕ٛ͋Δ΋ͷͰ͸ͳ͍͕ҰൠతݴΘΕ͍ͯΔ͜ͱΛ·ͱ ΊΔͱҎԼͷͭΛຬͨ͢΋ͷͱݴ͑Δ  Ұ؏ͨ͠σβΠϯͷఆ͕ٛ͞Ε͍ͯΔ  σβΠϯͷ֓೦͕ڞ༗Ͱ͖Δ  ৴པͰ͖Δ།Ұͷ৘ใݯͰ͋Δ

    4JOHMF4PVSDFPG5SVUI  
  5. Ұ؏ͨ͠σβΠϯͷఆ͕ٛ͞Ε͍ͯΔ ελΠϧΨΠυ w ৭΍େ͖͞ͳͲͷ6*ͷఆٛू
 ίϯϙʔωϯτϥΠϒϥϦ w ελΠϧΨΠυͷఆٛʹଇͬͨ ࣮૷ू w ύλʔϯϥΠϒϥϦͱ΋͍͏

      http://makotottn.hatenablog.com/entry/2017/12/02/004702
  6. σβΠϯͷ֓೦͕ڞ༗Ͱ͖Δ΋ͷ w σβΠϯͷഎܠ΍ࠜڌ͕ఆٛ͞Ε͍ͯΔ͜ͱ w Ͳ͏͍͏࣌ʹͲͷελΠϧίϯϙʔωϯτΛ࢖͏͔ w Ͳ͏͍͏ཧ༝͔ΒͦͷσβΠϯʹͳͬͨͷ͔ w ྫ w

    CUOQSJNBSZ͸ओಋઢʹ࢖͏Ϙλϯ w CUOEBOHFS͸औΓফ͕͖͔͠ͳ͍ૢ࡞ʹ࢖͏Ϙλϯ w ͜ΕΒΛσβΠφʔΤϯδχΞεςʔΫϗϧμʔ౳ͱڞ༗Ͱ͖Δ΋ͷ  
  7. ৴པͰ͖Δ།Ұͷ৘ใݯͰ͋Δ w σβΠϯγεςϜࣗମ͕αʔϏεΛఏڙ͢ΔΛϓϩμΫτ w །Ұͷ৘ใݯͱͳΔΑ͏ʹߋ৽Λଓ͚Δ w σβΠϯγεςϜ͸࡞ͬͯऴΘΓͰ͸ͳ͘੒௕͠ଓ͚Δ΋ͷ  

  8. σβΠϯγεςϜͷޮՌ  

  9. σβΠϯγεςϜͷޮՌ Ϣʔβମݧͷ౷Ұ w ҟͳΔΞϓϦέʔγϣϯͰ΋Ұ؏ͨ͠-PPL'FFMΛఏڙͰ͖Δ ࠶ར༻ʹΑΔߴ଎Խ w ڞ௨Խ͞ΕͨίϯϙʔωϯτʹΑΓ࣮૷͕ޮ཰Խ͞ΕΔ ίϛϡχέʔγϣϯͷ؆қԽ w σβΠϯΛݴޠԽ͢Δ͜ͱͰೝࣝᴥᴪΛͳͤ͘Δ

     
  10. σβΠϯγεςϜͷಋೖέʔε  

  11. σβΠϯγεςϜͷಋೖέʔε w σβΠφʔͱΤϯδχΞͷҙࢥૄ௨ͷͨΊ༻͍Δέʔε w σβΠϯͷഎܠ౳Λهࡌ͢Δͷ΋͜ͷཧ༝͔Β w ͜ͷจ຺Ͱίϯϙʔωϯτཻ౓ͷ࿩͕Ͱ͖ͯͯ"UPNJD%FTJHOʹͭ ͳ͕Δ w Ϛωδϝϯτͱͷೝࣝڞ༗ͷͨΊʹ΋༻͍ΒΕΔ

    w ౷Ұతͳ6*69Λෳ਺ͷΞϓϦͰ࣮ݱ͍ͨ͠έʔε w ୭Ͱ΋ಉ͡ϒϥϯυΠϝʔδͷ6*69Λޮ཰తʹ࡞ΕΔΑ͏ʹ͢Δ  
  12. σβΠϯγεςϜͷ੒Ռ෺  

  13. ੒Ռ෺ͷྫ w 4UPSZCPPL w ϝδϟʔͳίϯϙʔωϯτϥΠϒϥϦ w ଟ͘ͷ41"'8ʹରԠ w %PD[ w

    3FBDUઐ༻ͷίϯϙʔωϯτϥΠϒϥϦ w 7VF%FTJHOFS w σβΠϯͱ࣮૷ΛWVFϑΝΠϧͰ؅ཧ͢ΔͨΊͷπʔϧ  
  14. ੒Ռ෺ͷྫ w 4UPSZCPPL  

  15. ·ͱΊ  

  16. ·ͱΊ w σβΠϯγεςϜͱ͸
 ɹᶃσβΠϯʹؔ͢Δߟ͑ํͷڞ༗
 ɹᶄ౷ҰతͳϢʔβମݧΛఏڙ
 ɹᶅ։ൃΛޮ཰Խ
 Λ࣮ݱ͢ΔͨΊͷγεςϜ  

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