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

開発初期からはじめるスタイルガイド

m-yoshiro
September 22, 2017

 開発初期からはじめるスタイルガイド

社内イベント `Designer's MTG #1 「失敗事例・成功事例」` で発表した資料です。

m-yoshiro

September 22, 2017
Tweet

More Decks by m-yoshiro

Other Decks in Design

Transcript

  1. ։ൃॳظ͔Β͸͡ΊΔ ελΠϧΨΠυ 1 ϗεςΟϯάࣄۀ෦σβΠφʔদຊ๕࿠

  2. 2 দຊ๕࿠ !CFOOLZPVHJSBJ d

  3. ϜʔϜʔυϝΠϯʂΧʔτԽʂ  wυϝΠϯൢചͷ࿝ ฮαΠτ w೔ຊ/P

  4. ͓࿩ͷ಺༰ ΧʔτԽͰͷಋೖͷ࿩ ϦϦʔεޙͷධՁͷ࿩ 4 ελΠϧΨΠυʹ·ͭΘΔ

  5. ຊ୊ʹೖΔલʹ 5

  6. ελΠϧΨΠυͱ͸ ഑৭΍λΠϙάϥϑΟ σβΠϯϧʔϧͷఆٛ 6 σβΠϯɾઃܭͷҰ؏ੑΛอͭͨΊʹඞཁ 6*ɾίϯϙʔωϯτͷ σβΠϯύλʔϯҰཡ IUUQVYNBJMDIJNQDPNQBUUFSOTGPSNT IUUQTXXXMJHIUOJOHEFTJHOTZTUFNDPNHVJEFMJOFTUZQPHSBQIZ

  7. ࠓճͷϙΠϯτ ࠓ·Ͱ͸ɺϦϦʔεޙʹߏங͞ΕΔ͜ͱ͕ଟ͍ҹ৅ɻ ࠓճ ։ൃॳظ͔Βߏஙʂ 7 ʮελΠϧΨΠυͷߏஙλΠϛϯάʂʯ

  8. ΧʔτԽͰͷಋೖͷ࿩ 8

  9. ΧʔτԽϓϩδΣΫτ 

  10. w υϝΠϯΛෳ਺ߪೖͰ͖ΔΧʔ τػೳͷ։ൃ w ؀ڥ͕ͭʹ෼͔ΕͯΔ w Χʔτػೳ3BJMT w طଘαΠτ1)1 ΧʔτԽϓϩδΣΫτ

    
  11. ελΠϧΨΠυಋೖͷཧ༝ w $44ઃܭͷจԽΛࠜ෇͔ͤΔ w ػೳ௥Ճ͕සൟͳαʔϏεɻΤϯδχΞ͕ϑϩϯτ΋࣮૷ Ͱ͖ͨ΄͏͕ྑ͍ w υϝΠϯͷߪೖϑϩʔ͸ෳࡶɻॳظʹઃܭ͠ͳ͍ͱഁ୼͠ ͦ͏ɻ w

    ։ൃऀؒͷίϛϡχέʔγϣϯπʔϧͱͯ͠ظ଴ͯͨ͠ 11
  12. ελΠϧΨΠυͷπʔϧબఆ 12

  13. ελΠϧΨΠυͷπʔϧબఆ ಋೖ͠΍͍͢͜ͱ ૄ݁߹Ͱ͋Δ͜ͱ ͙͢ʹࣺͯΕΔ͜ͱ 13 ̏ͭͷબఆج४

  14. 'SBDUBM 14 IUUQGSBDUBMCVJME ಋೖ͠΍͍͢͜ͱ ૄ݁߹Ͱ͋Δ͜ͱ ͙͢ʹࣺͯΕΔ͜ͱ

  15. 15

  16. ߏ੒ w 3BJMTͷTBTTΛ࢖͏ͨΊʹ(VMQͰUBTL૊Μͩ 16 3BJMT 'SBDUBM 4UZMFHVJEF (VMQ TBTT $44

    (VMQͰελΠϧΨΠυΛىಈ͢Δͱ 3BJMTͷTBTT͔Β$44ΛCVJME
  17. ޻ఔ 17 σβΠϯ ϑϩϯτΤϯυ ελΠϧΨΠυ  ϫΠϠʔɾϓϩτλΠϓ ؀ڥߏஙɾ४උ ɾ$44ͷϕʔεઃܭߏங ɾίϯϙʔωϯτҰཡγʔτΛ࡞੒

    ɾίϯϙʔωϯτ։ൃ Ͱ͖Δͱ͜ σβΠϯ σβΠϯͷ൓ө΋ணख ɾΧϥʔɾλΠϙάϥϑܾఆ ɾίϯϙʔωϯτσβΠϯ ϖʔδσβΠϯ ֤ϖʔδͷαϯϓϧ࡞੒ 3BJMT΁൓ө
  18. 18 ίϯϙʔωϯτͷ૊Έ߹Θͤ΋ελΠϧΨΠυͰઌʹ࡞੒

  19. 19 খ͍͞ίϯϙʔωϯτ͔Β େ͖ͳߏ੒΁

  20. ༨ஊ 20 ίϯϙʔωϯτҰཡγʔτΛ࠷ॳʹ࡞੒͢ΔͷΦεεϝ ޻਺ݟੵ΋Γ͠΍͍͢ λεΫͷࡉ෼Խ શମײͷ೺Ѳ ίϯϙʔωϯτઃܭͷԼॻ͖

  21. 21 ภࣥڰͷ͝ͱ͘ɺίϯϙʔωϯτΛϦετΞοϓ

  22. 22 ແࣄϦϦʔεʂʂ

  23. ϦϦʔεޙͷධՁͷ࿩ 23

  24. Α͔ͬͨ͜ͱ 24

  25. σβΠφʔͱΤϯδχΞͷ ίϯϑϦΫτݮ 25 ! " ελΠϧΨΠυͰ ίʔσΟϯάʂ 3BJMTͰػೳ։ൃ ʹूதʂ ྫ͑͹ϩάΠϯը໘

    όοΫͱϑϩϯτͷ։ൃ؀ڥ͕෼͔ΕͯΔͷͰόοςΟϯ ά͕ͳ͔ͬͨ
  26. ։ൃʹूதͰ͖Δ w ϓϩμΫτͷ࢓༷ͷ੍ݶΛड͚ͣදࣔ֬ೝͰ͖Δ ྫ ϩάΠϯɺߪೖϑϩʔͳͲखଓ͖͕ඞཁͳը໘ 26 ! " ࡞ۀ͍ͨ͠ϖʔδΛ ͙͢ΈΕΔʂ

    ϑΥϩʔ͕ݮͬͯ ։ൃʹूதͰ͖Δʂ
  27. ϨϏϡΞʔબͼ΍͍͢ w ͜Ε͸ΤϯδχΞʁσβΠφʔʁͱ͍͏໎͍͕ݮͬͨ w ؀ڥ͕λεΫͷࡉ෼ԽΛଅ͢ϨϏϡʔϙΠϯτ͕໌֬ʹ ͳΔ 27 ! " ελΠϧΨΠυ্ͷߋ৽͔ͩΒ

    σβΠφʹϨϏϡʔґཔ ػೳ։ൃ͕ϝΠϯ͔ͩΒ
 ΤϯδχΞʹϨϏϡʔґཔ
  28. ίϛϡχέʔγϣϯऔΓ΍͔ͬͨ͢ w ٙ໰΍՝୊ΛελΠϧΨΠυΛΈͳ͕Β֬ೝͰ͖ͨ w Έͳ͕Β΍ΓͱΓ͢Δ͜ͱͰղܾ·Ͱ͕εϜʔζ 28 ! " ! !

    " ςΩετϑΥʔϜ͸Ͳ͜ʹ͓͘ͷʁ ͜͜Ͳ͏͢Δʁ
  29. ౔ஃ৔ͷσβΠϯमਖ਼ɾมߋʹରԠ ͠΍͔ͬͨ͢ w मਖ਼ର৅Λ͕͞͠΍͍͢ɻ w ίϯϙʔωϯτؒͷؔ࿈͕Έ͑΍͍͢ w मਖ਼ͷࡍʹద੾ͳ൑அΛߦ͑ͨʢ৔͠ͷ͗͡Όͳ͍ରԠʣ 29 "

    Ұ෦࢓༷Λ΁Μΰϗΰϗʂ ͋ͷϘλϯ͸ϑΥʔϜͱϞʔμϧͰ ࢖ΘΕͯΔ͔Β ৽͘͠௥Ճ͠Α͏ʂ
  30. 30 ͜ͷؔ܎ੑͱ΄΅શͯͷ૊Έ߹ΘͤΛ ၆ᛌͯ͠ΈΕΔ

  31. ઃܭΛ่ͣ͞ϦϦʔεͰ͖ͨ w ౔ஃ৔Ͱ΋͖ͪΜͱରԠͰ͖ͨͷͰɺϦϦʔε࣌΋ઃܭ͕ ่Εͳ͔ͬͨʢ·ͬͨ͘Ͱ͸ͳ͍͚Ͳɻɻʣ 31 ! "

  32. Α͔ͬͨ͜ͱ·ͱΊ 32 σβΠφʔͱ ΤϯδχΞͷ ίϯϑϦΫτݮ ։ൃʹूதͰ͖Δ ϨϏϡΞʔ બͼ΍͍͢ ίϛϡχέʔγϣϯ औΓ΍͔ͬͨ͢

    ౔ஃ৔ͷσβΠϯ मਖ਼ɾมߋʹ ରԠ͠΍͔ͬͨ͢ ઃܭΛ่ͣ͞ ϦϦʔεͰ͖ͨ
  33. Α͔ͬͨ͜ͱ·ͱΊ 33 σβΠφʔͱ ΤϯδχΞͷ ίϯϑϦΫτݮ ։ൃʹूதͰ͖Δ ϨϏϡΞʔ બͼ΍͍͢ ίϛϡχέʔγϣϯ औΓ΍͔ͬͨ͢

    ౔ஃ৔ͷσβΠϯ मਖ਼ɾมߋʹ ରԠ͠΍͔ͬͨ͢ ઃܭΛ่ͣ͞ ϦϦʔεͰ͖ͨ ޮ཰্͕͕Δʂ ίϛϡχέʔγϣϯ ͕औΓ΍͍͢ ։ൃͷ౔ஃ৔Ͱ΋ ཧੑΛอͯΔʂ
  34. ՝୊ 34

  35. ՝୊ w ։ൃ؀ڥͰ͔͠ӾཡͰ͖ͳ͍ w ίϯϙʔωϯτͷ৔ॴΛ֮͑ͮΒ͍ w ຊՈͱ3BJMT͕ผ؀ڥͳͷͰελΠϧΨΠυ͕࿈ܞͰ͖ͳ͍ w TMJN΁ͷม׵͕ඞཁ w

    ελΠϧΨΠυͷ࡞Γ͕ଐਓԽͪ͠Όͬͨɻɻ 35 w ίετͱརӹͷόϥϯε
  36. ίετͱརӹͷόϥϯε w ಋೖʹࡍͯ͠͸Ұ൪ͷ՝୊͔΋ w ࠓޙͷӡ༻Ͱ༗ޮੑΛࣔͤΔΑ͏ʹ͠ͳ͖Ό͍͚ͳ͍ 36

  37. ελΠϧΨΠυΛॳظಋೖͯ͠Έͯ w ελΠϧΨΠυى఺ͷ։ൃָ͕νϯʂ w ࠷ॳʹελΠϧΨΠυͰ࡞ΔΫη͕͍ͭͨ 37

  38. ໨ࢦ͢͸ελΠϧΨΠυʰυϦϒϯʱʂ 38 ελΠϧΨΠυ͕ϑϩϯτ։ൃͷى఺ͱͳΔ

  39. ·ͱΊ w։ൃͷޮ཰Ξοϓʂ wίϛϡχέʔγϣϯʹ΋࢖͑Δʁ wϦϦʔεͷ౔ஃ৔ʹڧ͍ʂ wελΠϧΨΠυΛ࢖͏จԽ͕ࠜ෇͖΍͍͢ 39 ։ൃॳظ͔Βಋೖ͢Δͱʜ

  40. ·ͣ͸ؾܰʹ࢝ΊͯΈΔͱྑ͛͞ 40