Cookpad Techconf@kimura 2016/01/23

Cookpad Techconf 2016/01/23

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

Transcript

1. ʮࠓ೔ͳʹ࡞Ζ͏ʯΛ
   ࢧ͑ΔσβΠϯ Mari kimura 2016/01/23 
   ΤϯδχΞͱͷڠۀ
   
2. ࣗݾ঺հ ໦ଜ
   ਅཧ mari kimura ϢʔβʔϑΝʔετਪਐࣨɹσβΠφʔ w 
   σβΠφʔ w 
   $PPLQBE $PPLQBE
   
   J04"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. ಈըϞοΫ࡞੒ࣄྫ ௨ৗͷσβΠϯϓϩτλΠϓʹՃ͑
 ಈըʹΑΔಈ࡞ϞοΫΛ࡞੒
26. ಈըϞοΫ࡞੒ࣄྫ ͜͏͍͏ͷ
    ࡞Γ͍ͨ͢ʂ 0,
    ͜ΕͳΒ࣮૷
    Ͱ͖ͦ͏ ࠷ߴ͔Αʜʂ Engineer Designer
27. ϓϩτλΠϐϯάಋೖͷར఺ w։ൃͷॳظஈ֊Ͱ
 ࣮ݱ͍ͨ͠۩ମతͳΠϝʔδΛ
 νʔϜʹڞ༗ɾ֬ೝͰ͖Δ
    w࣮૷ޙͷख໭Γ͕ͳ͍
28. ΫοΫύουͷ։ൃख๏ σβΠϯϑϨʔϜϫʔΫ
29. σβΠϯϑϨʔϜϫʔΫ w4BSB
    wJ04
    6*
    wΞΠίϯϑΥϯτ
    wΦϦδφϧ਺ࣈϑΥϯτ ΫοΫύου6*σβΠϯϑϨʔϜϫʔΫ J04
    ΫοΫύουϑϨʔϜϫʔΫ ಛച৘ใ
    Ձ֨දهઐ༻ϑΥϯτ
30. σβΠϯϑϨʔϜϫʔΫ wݟग़͠ɾϦετɾϘλϯͳͲͷ6*ύʔπ
    wม਺໊ʹΑΔΧϥʔϚωδϝϯτ
33. ఆٛͨ͠ม਺໊͸ελΠϧΨΠυʹ΋׆༻
34. ΞΠίϯϑΥϯτ
35. ΞΠίϯϑΥϯτ wΑ͘࢖͏ΞΠίϯɾγϯϘϧΛϑΥϯτԽ ը૾ϦιʔεΛॻ͖ग़͢ඞཁ͕ͳ͍
    ϑΝΠϧαΠζͷ࡟ݮ
36. ΫοΫύουͷ։ൃख๏ σβΠϯϨϏϡʔ w (JU)VCʹΑΔσβΠϯϨϏϡʔ
    w σβΠϯϦϦʔεϚωʔδϟʔ
37. ΫοΫύουͷ։ൃख๏ (JU)VC
    JTTVF
    ʹΑΔ
    σβΠϯϨϏϡʔ
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. ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ