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

Cookpad Techconf@kimura 2016/01/23

3e64ab0aa15150f3e512a06e973cb41d?s=47 mari kimura
January 23, 2016

Cookpad Techconf@kimura 2016/01/23

Cookpad Techconf 2016/01/23

「今日なに作ろう」を支えるデザイン ーエンジニアとの協業ー

3e64ab0aa15150f3e512a06e973cb41d?s=128

mari kimura

January 23, 2016
Tweet

Transcript

  1. ʮࠓ೔ͳʹ࡞Ζ͏ʯΛ ࢧ͑ΔσβΠϯ Mari kimura 2016/01/23 ΤϯδχΞͱͷڠۀ

  2. ࣗݾ঺հ ໦ଜਅཧ mari kimura ϢʔβʔϑΝʔετਪਐࣨɹσβΠφʔ w σβΠφʔ w $PPLQBE $PPLQBEJ04"OESPJE%FTJHO

    w ύϯͱΠϯλʔωοτͱ੨͍΋ͷ͕͖͢ "QQ%FTJHO8FC%FTJHO%51)5.- 4BTTʜ
  3. ࣗݾ঺հ ʘΤσΟλ΋੨͘᪾͚͓ͯΓ·͢ʗ

  4. ࠓ೔ͷ͓࿩ ΫοΫύουʹ͓͚Δ σβΠφʔxΤϯδχΞͷ ڠۀʹ͍ͭͯ ࣄྫΛڞʹ঺հ

  5. ΞδΣϯμ wϢʔβʔϑΝʔετਪਐࣨͷ໾ׂ wΤϯδχΞͱͷڠۀʹ͍ͭͯ w·ͱΊ

  6. ϢʔβʔϑΝʔετ ਪਐࣨͷ໾ׂ

  7.  ΫοΫύουσβΠφʔ Designer

  8.  Designer ΫοΫύουσβΠφʔ illustration UI Design HTML/CSS Markup Rails Coding

    Service Design Direction ఆੑɾఆྔ ௐࠪ Visual Design iOS Dev
  9. ϢʔβʔϑΝʔετਪਐࣨ ΫοΫύουશମͷαʔϏεΛɺԣஅ၆ᛌతʹ ଊ͑ͯϢʔβʔϑΝʔετΛՃ଎ͤ͞Δ ू٬ ͕͢͞ ৽ن ձһ֫ಘ ͷͤΔ σβΠφʔ ϢʔβʔϑΝʔετਪਐࣨ

  10. ϢʔβʔϑΝʔετਪਐࣨͷ໾ׂ wΫοΫύουϑΝϯϢʔβʔΛ૿΍͢ wϢʔβʔମݧ޲্ͷͨΊͷ৽ن։ൃɾվળ wσβΠϯ։ൃ؀ڥͷ੔උ wσβΠϯख๏ɾࢥ૝ͷܒ໤

  11. ϢʔβʔϑΝʔετਪਐࣨͷ໾ׂ ϢʔβʔϑΝʔετͳ αʔϏεͱ͸ʁ

  12. ϢʔβʔϑΝʔετͳαʔϏεͱ͸ wϢʔβ͕ظ଴ͨ͠௨Γͷ݁ՌΛ
 ಘΔ͜ͱ͕Ͱ͖Δ wϢʔβ͕͍͍ͭͭເதʹͳͬͯ͠·͏ wਓʹ͓͢͢Ίͨ͘͠ͳΔ

  13. ϢʔβʔϑΝʔετͳσβΠϯ ػೳͰ͸ͳ͘ɺ ετʔϦʔͰߟ͑Δ

  14. ετʔϦʔͰߟ͑Δ ػೳ w Ϩγϐݕࡧ w Ϩγϐอଘ ετʔϦʔ ʮࠓ೔ͳʹ࡞Ζ͏ʁʯ ͕ܾ·Δ ࠓ೔ͷ༦൧ͷݙཱ

    Կ౓΋࡞Δ͓ؾʹೖΓͷ ϨγϐΛ͍ͭͰ΋ݟฦ͢ ͜ͱ͕Ͱ͖Δ
  15. ετʔϦʔͰߟ͑Δ wػೳʹϑΥʔΧε͢Δͱ໨తΛࣦ͍͕ͪ wϢʔβͷͲΜͳ໰୊ΛղܾͰ͖Δͷ͔ wʮϢʔβʔʯΛओޠʹͯ͠ߟ͑Δ

  16. ΤϯδχΞͱͷ
 ڠۀʹ͍ͭͯ ΫοΫύουͷ։ൃख๏

  17. ΫοΫύουͷ։ൃख๏ wԾઆݕূ wϓϩτλΠϐϯά wσβΠϯϑϨʔϜϫʔΫ wσβΠϯϨϏϡʔ wఆੑɾఆྔௐࠪ And More …

  18. ΫοΫύουͷ։ൃख๏ wԾઆݕূ wϓϩτλΠϐϯά wσβΠϯϑϨʔϜϫʔΫ wσβΠϯϨϏϡʔ wఆੑɾఆྔௐࠪ And More …

  19. ΫοΫύουͷ։ൃख๏ ϓϩτλΠϐϯά

  20. ϓϩτλΠϐϯάͷ໨త wԾઆݕূ wΞΠσΞΛڞ༗ wখ͘͞ɾ͢͹΍͘ࢼͤΔ νʔϜϢʔβʔ ΤϯδχΞ޻਺ΛऔΒͳ͍

  21. ϓϩτλΠϐϯάͷछྨ wϖʔύʔϓϩτλΠϐϯά wσβΠϯϓϩτ wΞχϝʔγϣϯϞοΫ wಈըϞοΫ

  22. ࣄྫ ಈըࣗಈ࠶ੜ6*࣮૷࣌ͷ ಈըϞοΫ࡞੒

  23. ಈըϞοΫ࡞੒ࣄྫ ಈըࣗಈ࠶ੜςετͷͨΊͷ6*

  24. ಈըϞοΫ࡞੒ࣄྫ ௨ৗͷσβΠϯϓϩτλΠϓʹՃ͑
 ಈըʹΑΔಈ࡞ϞοΫΛ࡞੒

  25. None
  26. ಈըϞοΫ࡞੒ࣄྫ ͜͏͍͏ͷ ࡞Γ͍ͨ͢ʂ 0, ͜ΕͳΒ࣮૷ Ͱ͖ͦ͏ ࠷ߴ͔Αʜʂ Engineer Designer

  27. ϓϩτλΠϐϯάಋೖͷར఺ w։ൃͷॳظஈ֊Ͱ
 ࣮ݱ͍ͨ͠۩ମతͳΠϝʔδΛ
 νʔϜʹڞ༗ɾ֬ೝͰ͖Δ w࣮૷ޙͷख໭Γ͕ͳ͍

  28. ΫοΫύουͷ։ൃख๏ σβΠϯϑϨʔϜϫʔΫ

  29. σβΠϯϑϨʔϜϫʔΫ w4BSB wJ046* wΞΠίϯϑΥϯτ wΦϦδφϧ਺ࣈϑΥϯτ ΫοΫύου6*σβΠϯϑϨʔϜϫʔΫ J04ΫοΫύουϑϨʔϜϫʔΫ ಛച৘ใՁ֨දهઐ༻ϑΥϯτ

  30. σβΠϯϑϨʔϜϫʔΫ wݟग़͠ɾϦετɾϘλϯͳͲͷ6*ύʔπ wม਺໊ʹΑΔΧϥʔϚωδϝϯτ

  31. None
  32. None
  33. ఆٛͨ͠ม਺໊͸ελΠϧΨΠυʹ΋׆༻

  34. ΞΠίϯϑΥϯτ

  35. ΞΠίϯϑΥϯτ wΑ͘࢖͏ΞΠίϯɾγϯϘϧΛϑΥϯτԽ ը૾ϦιʔεΛॻ͖ग़͢ඞཁ͕ͳ͍ ϑΝΠϧαΠζͷ࡟ݮ

  36. ΫοΫύουͷ։ൃख๏ σβΠϯϨϏϡʔ w (JU)VCʹΑΔσβΠϯϨϏϡʔ w σβΠϯϦϦʔεϚωʔδϟʔ

  37. ΫοΫύουͷ։ൃख๏ (JU)VCJTTVFʹΑΔ σβΠϯϨϏϡʔ

  38. (JU)VCσβΠϯϨϏϡʔ w࡞੒ͨ͠σβΠϯ͸࣮૷લʹ(JU)VCʹ JTTVFΛཱͯͯɺ໨త΍എܠɺσβΠϯͷ ҙਤͳͲΛઆ໌ͯ͠ɺଞͷσβΠφʔ΍։ ൃऀ͔ΒϨϏϡʔΛड͚Δ wΤϯδχΞ͕Ϣʔβʔମݧ΍6*ͳͲΛ
 มߋΛ͢Δ৔߹΋σβΠφʔͷϨϏϡʔΛ ड͚ͯϦϦʔε͢Δ

  39. HJUIVCσβΠϯϨϏϡʔྫ

  40. HJUIVCσβΠϯϨϏϡʔྫ ʮ͓໰͍߹Θͤཤྺʯ͸Ϟʔμϧ
 ɹʹมߋ͠·͢ Designer Engineer ʮ͓໰͍߹Θͤཤྺʯ͸௨஌͔Β ௚઀։͘͜ͱ΋͋ΔΑ

  41. HJUIVCσβΠϯϨϏϡʔྫ Engineer τοϓͷ৽͍͠σβΠϯΛ
 λϒϨοτͷԣը໘Ͱ΋
 ͍͍͔Μ͡ʹݟ͍ͤͨ !"OESPJEEFTJHO

  42. HJUIVCσβΠϯϨϏϡʔྫ

  43. HJUIVCσβΠϯϨϏϡʔྫ Engineer ΧʔυྖҬΛ޿͛ͨࡍͷݟͤํ
 Ͳ͏͢Δʁ

  44. HJUIVCσβΠϯϨϏϡʔྫ

  45. (JU)VCσβΠϯϨϏϡʔ w඼࣭ͷҡ࣋ɾ޲্ wσβΠϯมߋͷܦҢ͕୭Ͱ΋ࢀরͰ͖Δ wٞ࿦ʹΑΔ৽ͨͳؾ෇͖΋

  46. σβΠϯ ϦϦʔεϚωʔδϟʔ ΫοΫύουͷ։ൃख๏

  47. σβΠϯϦϦʔεϚωʔδϟʔ wΞϓϦΞοϓσʔτʹؚ·ΕΔϢʔβʔͷ ମݧ΍6*ʹมߋ͕͋ΔՕॴΛ೺Ѳ͠ɺ
 ϦϦʔε·Ͱͷ։ൃαϙʔτΛߦ͏ w$'ޙʹɺΞϓϦσβΠφʔશһͰ3$൛ͷ ΞϓϦΛ୺຤͝ͱʹɺมߋՕॴʙશମͷ νΣοΫ͢ΔσβΠϯ֬ೝձΛओಋ


  48. σβΠϯϦϦʔεϚωʔδϟʔ ͜͜ɺϚʔδϯ޿͍͢ʂ ͜͜ͷจݴɺ΋͏ͪΐͬͱ
 ෼͔Γ΍͍ͯ͋͛ͨ͘͢͠ ϩάΠϯ͍ͯ͠ͳͯ͘΋ɺ
 ػೳΛ஌Δ͖͔͚͕ͬͳ͍ͷͰ͸ʁ ʮϑΥϩʔʯϘλϯ͕Έ͑ͯͳ͍ͱ ͜͜͸λονϑΟʔυόοΫ͕ ཉ͍͠Ͱ͢Ͷ

  49. σβΠϯϦϦʔεϚωʔδϟʔͷ໨త wΞϓϦΞοϓσʔτ࣌ʹ
 Ϣʔβʔମݧશൠ͕ଛͳΘΕ͍ͯͳ͍͔ɺ σβΠφʔશһͰ੹೚Λ࣋ͭ wҰ੪ɾूதతʹϓϩμΫτΛ
 ৮ΔػձΛ૿΍͢͜ͱͰɺ
 ΞϓϦͷݱঢ়ͱཧ૝૾Λ೺Ѳ͢Δ

  50. ·ͱΊ

  51. ·ͱΊ wৗʹϢʔβʔͷظ଴Ҏ্ͷ΋ͷΛ
 ఏڙ͠ଓ͚Δ wʮϢʔβʔʯΛओޠʹͯ͋͠ΒΏΔ΋ͷΛ ߟ͑ଓ͚Δ σβΠφʔͷ໨ࢦ͢΋ͷ

  52. ·ͱΊ ͦͷͨΊʹʜ ΤϯδχΞΛ͸͡Ίͱ͢Δɺ
 ։ൃϝϯόʔͱίϛϡχέʔ
 γϣϯΛີʹऔΓͳ͕Β
 ೔ʑͷσβΠϯΛ͍ͯ͠·͢

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