UI for everyday's cooking

by Takuji Ikeda

Slide 1

Slide 1 text

ຖ೔ͷྉཧͷͨΊͷ 6*σβΠϯ ஑ ా ୓ ࢘ 2013/11/6 ͍ ͚ ͩ ͨ ͘ ͡

Slide 2

Slide 2 text

ࣗݾ঺հ w ஑ా୓࢘UBLVKJJLFEB w ΫοΫύουגࣜձࣾɹσβΠϯ෦ w ΫοΫύουαʔϏεશମͷσβΠϯ Ϣʔβʔମݧͷ੹೚ w σβΠϯ ɾ ϑϩϯτΤϯυج൫ͷߏங w ৽نࣄۀ ɾ αʔϏε΁ͷૹ٬ w IUUQUJLFEBOFU w UJXUUFS!UJLFEB

Slide 3

Slide 3 text

ஶॻ

Slide 4

Slide 4 text

ΞδΣϯμ w ΫοΫύουʹ͍ͭͯ w σβΠφʔΛͱΓ·͘։ൃମ੍ w αʔϏε։ൃͷಛ௃ w 6*σβΠϯͷΨΠυϥΠϯԽ w 6*σβΠϯվળࣄྫ w ࠓɺͦͯ͜͠Ε͔Β

Slide 5

Slide 5 text

ΫοΫύουʹ͍ͭͯ w ΫοΫύουʹ͍ͭͯ w σβΠφʔΛͱΓ·͘։ൃମ੍ w αʔϏε։ൃͷಛ௃ w 6*σβΠϯͷΨΠυϥΠϯԽ w 6*σβΠϯվળࣄྫ w ࠓɺͦͯ͜͠Ε͔Β

Slide 6

Slide 6 text

ຖ೔ͷྉཧΛָ͠Έʹͯ͠ ৺͔ΒͷসإΛ૿΍͢

Slide 7

Slide 7 text

ΫοΫύου 1$ 4NBSUQIPOF8FC

Slide 8

Slide 8 text

ΫοΫύου "OESPJE"QQ J1IPOF"QQ

Slide 9

Slide 9 text

ΫοΫύου J1BE"QQ

Slide 10

Slide 10 text

உੑ ঁੑ 85 15

Slide 11

Slide 11 text

σβΠφʔΛͱΓ·͘ ։ൃମ੍ w ΫοΫύουʹ͍ͭͯ w σβΠφʔΛͱΓ·͘։ൃମ੍ w αʔϏε։ൃͷಛ௃ w 6*σβΠϯͷΨΠυϥΠϯԽ w 6*σβΠϯվળࣄྫ w ࠓɺͦͯ͜͠Ε͔Β

Slide 12

Slide 12 text

8ਓ ։ൃऀϝϯόʔ Engineer + Designer 50ਓ

Slide 13

Slide 13 text

৽ن ૊৫ߏ଄ ձһ֫ಘ ͷͤΔ ू٬ ͕͢͞ ɾ ɾ ɾ σβΠφʔ ʢσβΠϯ෦ʣ

Slide 14

Slide 14 text

ϓϩδΣΫτͷن໛ײ ΞϓϦϦχϡʔΞϧ ৽نαʔϏε։ൃ ݕࡧػೳͷڧԽɾվળ σβΠφʔ ΤϯδχΞ ΤϯδχΞ σβΠφʔ σΟϨΫλʔ ΤϯδχΞ σβΠφʔ σΟϨΫλʔ ΤϯδχΞ ΤϯδχΞ NPOUIT XFFL NPOUI

Slide 15

Slide 15 text

σβΠφʔͷ໾ׂ ΠϥετϨʔγϣϯ ϏδϡΞϧσβΠϯ 6*σβΠϯ )5.-ɾ$44ίʔσΟϯά 3BJMTίʔσΟϯά αΠτઃܭ αʔϏεઃܭɾσΟϨΫγϣϯɾϢʔβʔௐࠪ αΠτ෼ੳ

Slide 16

Slide 16 text

αʔϏε։ൃͷಛ௃ w ΫοΫύουʹ͍ͭͯ w σβΠφʔΛͱΓ·͘։ൃମ੍ w αʔϏε։ൃͷಛ௃ w 6*σβΠϯͷΨΠυϥΠϯԽ w 6*σβΠϯվળࣄྫ w ࠓɺͦͯ͜͠Ε͔Β

Slide 17

Slide 17 text

Ϣʔβʔ΁ͷີணɾۦಈ։ൃ ڞײ JOUFSWJFX౳ ݶఆެ։ ߦಈϩά ࢦඪධՁ ֦େ ެ։

Slide 18

Slide 18 text

ࠜݯతͳϢʔβʔཧղ &0(4 &NPUJPOPSJFOUFE(PBM4FUUJOH

Slide 19

Slide 19 text

Ϣʔβʔͷ੠ΛूΊΔ Ϣʔβʔ͔Βͷ͝ҙݟ

Slide 20

Slide 20 text

આ໌ͳ͠Ͱ΋෼͔Δ ɾ ແݴޠԽ

Slide 21

Slide 21 text

6*σβΠϯͷ ΨΠυϥΠϯԽ w ΫοΫύουʹ͍ͭͯ w σβΠφʔΛͱΓ·͘։ൃମ੍ w αʔϏε։ൃͷಛ௃ w 6*σβΠϯͷΨΠυϥΠϯԽ w 6*σβΠϯվળࣄྫ w ࠓɺͦͯ͜͠Ε͔Β

Slide 22

Slide 22 text

6*%FTJHO3VMFT 6*%FWFMPQNFOU3VMFT 6*%FTJHO'SBNFXPSL ͳͥϧʔϧΛઃ͚Δ͔

Slide 23

Slide 23 text

ຖ೔ͷྉཧΛָ͠Έʹͯ͠ ৺͔ΒͷসإΛ૿΍͢

Slide 24

Slide 24 text

ྉཧΛָ͠Έʹͯ͠ ৺͔ΒͷসإΛ૿΍͢

Slide 25

Slide 25 text

ຖ೔ͷྉཧΛָ͠Έʹͯ͠ ৺͔ΒͷসإΛ૿΍͢

Slide 26

Slide 26 text

ຖ೔ͷྉཧͷͨΊ w ຖ೔ΞΫηεͯ͠΋ࣗવʹೃછΊΔ࢖͍উख w σόΠεΛ·͍ͨͰ΋ҧ࿨ײͷͳ͍࢖͍৺஍ ։ൃޮ཰ͷͨΊ w σβΠφʔ͕શͯͷ։ൃͰखΛಈ͔͞ͳ͍Α͏ʹ w ૉૣ͍ϓϩτλΠϓ։ൃΛߦ͑Δ w ݸʑͷҙࢥܾఆΛૉૣ͘

Slide 27

Slide 27 text

ྉཧΛ࠷େݶΑ͘ݟͤΔ w פ৭͸͋·Γ࢖Θͳ͍ w ྉཧࣸਅͷݟӫ͑ 6*%FTJHO3VMFT ࣸਅ͸ճΓࠐΈ

Slide 28

Slide 28 text

Ұ൪େ੾ͳϖʔδ΁ͷମݧ w Ϩγϐ΁ͷϦϯΫ͸྘ 6*%FTJHO3VMFT

Slide 29

Slide 29 text

ผʑͰ͋Δඞཁੑ͕ͳ͍͜ͱ w ΞοϓɾεςΠɾμ΢ϯ 6*%FTJHO3VMFT 1$ 4NBSUQIPOF8FC J04"QQ

Slide 30

Slide 30 text

6*ίϯϙʔωϯτͷந৅Խ 6*%FTJHO'SBNFXPSLʢ4BSBʣ

Slide 31

Slide 31 text

ΩʔΧϥʔͷม਺Խ 6*%FTJHO'SBNFXPSLʢ4BSBʣ จࣈ৭ എܠ৭ ϦϯΫ৭ Ϙʔμʔ৭ Ϩγϐ৭ ΞΫηϯτ৭ #3c3c3c #faf3e3 #330000 #F5F1E1 #889B00 #ff9933

Slide 32

Slide 32 text

ΩʔΧϥʔͷม਺Խ 6*%FTJHO'SBNFXPSLʢ4BSBʣ $branding_main: #4d2200 !default; $branding_accent: #ff9933 !default; $branding_support: #faf3e3 !default; $anchor: #330000 !default; $anchor_visited: #845f4b !default; $body: #3c3c3c !default; $body_bg: $branding_support !default; $recipe_title: #889B00 !default; $default_border: darken($body_bg, 5%) !default; ιʔείʔυ͔Β ࢀরՄೳͳ ΨΠυϥΠϯ

Slide 33

Slide 33 text

ϧʔϧʹ͸ελ ο ϑશһ͕ΞΫηεՄೳ 6*%FTJHO3VMFT

Slide 34

Slide 34 text

6*σβΠϯվળࣄྫ w ΫοΫύουʹ͍ͭͯ w σβΠφʔΛͱΓ·͘։ൃମ੍ w αʔϏε։ൃͷಛ௃ w 6*σβΠϯͷΨΠυϥΠϯԽ w 6*σβΠϯվળࣄྫ w ࠓɺͦͯ͜͠Ε͔Β

Slide 35

Slide 35 text

1$τοϓϖʔδͷૹ٬վળ ͦͷ ϨγϐΛ͕͢͞ϖʔδ͔Β ΫοΫύουશମΛ ၆ᛌͯ͠ݟΒΕΔߏ଄ʹ

Slide 36

Slide 36 text

ૹ٬࿮ͷҐஔͷมߋ

Slide 37

Slide 37 text

ҐஔΛม͑ΔࣄͰૹ٬਺Λ ίϯτϩʔϧͰ͖Δʁ ૹ٬࿮ͷҐஔͷมߋ

Slide 38

Slide 38 text

Ծઆ௨Γʹ͍͔ͣฏߦ ૹ٬࿮ͷҐஔͷมߋ

Slide 39

Slide 39 text

ૹ٬࿮ͷݟͤํมߋ

Slide 40

Slide 40 text

όφʔܕͷΫϦΤΠςΟϒ͸ ܟԕ͞Ε͕ͪʁ ϑΥʔϜΛ༻͍ͯࢀՃܕʹ ૹ٬࿮ͷݟͤํมߋ

Slide 41

Slide 41 text

Ծઆ௨Γ্ঢ ૹ٬࿮ͷݟͤํมߋ

Slide 42

Slide 42 text

ϦϦʔεޙׂ ʮϲ݄Ͱ఺ΑΓϲ݄Ͱ఺Ͱग़ͯ͠Έ Δʯ ૹ٬࿮ͷݟͤํมߋ

Slide 43

Slide 43 text

εϚʔτϑΥϯΞϓϦ΁ͷૹ٬վળ ͦͷ̎ ࿮ϥϯμϜͰઆ໌෇ ࿮ಉ࣌Ͱઆ໌ແ

Slide 44

Slide 44 text

No content

Slide 45

Slide 45 text

τʔλϧͰͷύϑΥʔϚϯεΛ༏ઌ

Slide 46

Slide 46 text

ʮ˔˔͚ͩͰ࡞ΕΔϨγϐʯ ݕࡧ݁ՌϖʔδͷཁૉҐஔมߋ ͦͷ ݕࡧ݁Ռલ ݕࡧ݁ՌԼ ʢΞίʔσΟΦϯ6*ͷதʣ ݕࡧ݁ՌԼ ʢΞίʔσΟΦϯ6*ͷ֎ʣ

Slide 47

Slide 47 text

ݕࡧ݁Ռલ ݕࡧ݁ՌԼ ʢΞίʔσΟΦϯ6*ͷதʣ ݕࡧ݁ՌԼ ʢΞίʔσΟΦϯ6*ͷ֎ʣ

Slide 48

Slide 48 text

ݕࡧ݁Ռલ ݕࡧ݁ՌԼ ʢΞίʔσΟΦϯ6*ͷதʣ ݕࡧ݁ՌԼ ʢΞίʔσΟΦϯ6*ͷ֎ʣ ը໘্෦͕Α͍ͱ͸ݶΒͳ͍ ͜ͷ৔߹΋

Slide 49

Slide 49 text

ΞϨϧΪʔରԠϨγϐΞϓϦΞΠίϯ ͦͷ গ͠ΞϨϧΪʔͬΆ͞Λ ফͨ͠ํ͕Α͍ʁ ɹ ϗʔϜը໘ʹݏͳ෺Λ ஔ͖ͨ͘ͳ͍ ͜ͷΞϓϦΛ࢖ͬͯ ୭ʹ޾ͤʹͳͬͯ΋Β͍͍ͨʁ ݩؾͳࢠڙʹ ҭͬͯ΄͍͠ʁ

Slide 50

Slide 50 text

ΞϨϧΪʔରԠϨγϐΞϓϦΞΠίϯ ͦͷ ఆੑతͳσβΠϯͷ൑அ

Slide 51

Slide 51 text

ࣄྫͷڞ༗

Slide 52

Slide 52 text

ࣄྫͷڞ༗ ܧଓ։ൃͰͷ݁Ռڞ༗ σβΠϯࢥ૝ͷڞ༗

Slide 53

Slide 53 text

ࣄྫͷڞ༗ 6*มߋ΁ͷͩ͜ΘΓ

Slide 54

Slide 54 text

ࠓɾͦͯ͜͠Ε͔Β ΫοΫύο υ ɾ 6*σβΠϯͷ w ΫοΫύουʹ͍ͭͯ w σβΠφʔΛͱΓ·͘։ൃମ੍ w αʔϏε։ൃͷಛ௃ w 6*σβΠϯͷΨΠυϥΠϯԽ w 6*σβΠϯվળࣄྫ w ࠓɺͦͯ͜͠Ε͔Β

Slide 55

Slide 55 text

Ϩγϐ͔Β৯ͷϓϥοτϑΥʔϜ΁ ങ͍෺ ඒ ༰ ݈ ߁ ڭ ҭ ޘ ָ Ϩγϐ

Slide 56

Slide 56 text

΍͍͞ศ

Slide 57

Slide 57 text

ಛച৘ใ

Slide 58

Slide 58 text

DPPLTUFQ

Slide 59

Slide 59 text

ΞϨϧΪʔରԠϨγϐΞϓϦ

Slide 60

Slide 60 text

ʁ ʁ ʁ ʁ ৽͍͠ϢʔβʔՁ஋ͷ૑଄

Slide 61

Slide 61 text

ຖ೔ͷྉཧͷͨΊͷ 6*σβΠϯ ৯ͦͯ͠ੜ׆ऀͷͨΊͷ 6*σβΠϯ

Slide 62

Slide 62 text

6*σβΠϯ w Ϣʔβʔʹͱͬͯ໨తͱ͢Δ͜ͱΛ ࣗવʹՄೳͱ͢ΔσβΠϯ w ಧ͚खͱड͚खͱͷ Ϊϟοϓͷগͳ͍σβΠϯ w Ϣʔβʔʹͱͬͯڻ͖΍ײಈΛ ༩͑Δ͜ͱ͕Ͱ͖ΔσβΠϯ

Slide 63

Slide 63 text

w Ϣʔβʔʹͱͬͯ໨తͱ͢Δ͜ͱΛ ࣗવʹՄೳͱ͢ΔσβΠϯ w ಧ͚खͱड͚खͱͷ Ϊϟοϓͷগͳ͍σβΠϯ w Ϣʔβʔʹͱͬͯڻ͖΍ײಈΛ ༩͑Δ͜ͱ͕Ͱ͖ΔσβΠϯ 6*σβΠϯ

Slide 64

Slide 64 text

ҰॹʹΫοΫύο υͰαʔϏε ɾ ΞϓϦΛ࡞Δ 69σβΠφʔɾ6*σβΠφʔ ઈࢍืूத http://info.cookpad.com/jobs/?affcd=eetmm Ҏ্ɺ ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠