Slide 1
Slide 1 text
デザイナーとして⼊社した私が
フロントエンド領域から届ける体験価値とは
Slide 2
Slide 2 text
三好 健太
ʹ:BIPP+"1"/ʹσβΠφʔͱͯ͠৽ଔೖࣾ
ݱࡏݕࡧͷ෦ॺͰಇ͍͍ͯ·͢
࠷ۙ3FBDU/BUJWFͰΞϓϦ։ൃத
@three4c
Slide 3
Slide 3 text
デザイナーの
フロントエンド領域の関わり⽅
Slide 4
Slide 4 text
νʔϜͷϝϯόʔશһ͕
σβΠφʔೖࣾ
Slide 5
Slide 5 text
3FBDU5ZQF4DSJQUͰ։ൃ
Slide 6
Slide 6 text
#''ʢ#BDLFOEGPS'SPOUFOEʣ
ςετΛॻ͘ਓ
Slide 7
Slide 7 text
Ϣʔβͷߦಈʹؔ͢Δ
σʔλΛͬͨΓɺ6*Λ࡞Δਓ
Slide 8
Slide 8 text
σβΠϯϨϏϡʔ
࣭ΛνΣοΫ͢Δਓ
Slide 9
Slide 9 text
デザイナーが
フロントエンド領域に関わるメリット
Slide 10
Slide 10 text
6*࣮ͱ
Ξχϝʔγϣϯ࣮
Slide 11
Slide 11 text
6*࣮ͱ
Ξχϝʔγϣϯ࣮
Slide 12
Slide 12 text
σʔλͷܗʓʓͰʜ
ʓʓͳΠϯλϥΫγϣϯ͕͋Δͱ
ྑ͍ͳ͋ʜ
ʢ৺ͷ
ʣ
Slide 13
Slide 13 text
ฦ٫͞ΕΔσʔλͷ૬ஊ
༷มߋͷ૬ஊ
Ξχϝʔγϣϯͷ૬ஊ
σβΠφʔ ΤϯδχΞ
ࢲ
اը
Slide 14
Slide 14 text
浅い知識しか持っていなくても良い
Slide 15
Slide 15 text
ϦϦʔεޙͷ֬ೝͷϛʔςΟϯάʹࢀՃͨ͠߹
Slide 16
Slide 16 text
σβΠϯ ։ൃ ੳ اը
ϝΠϯ։ൃͰ
ͨ·ʹσβΠϯͳਓ
ྫ͑ʜ
Slide 17
Slide 17 text
$53͕ʜ
τϥϑΟοΫ͕ʜ
ίϯόʔδϣϯ͕ʜ
ؼ͕ʜ
Կݸ͔ݴ༿ͷҙຯ͔Δ͔Β
ϛʔςΟϯάͷ༰ཧղͰ͖Δ͚Ͳ
͔Βͳ͍ݴ༿͋Δ͔Β
ޙͰௐΔͳΓɺฉ͘ͳΓ͠Α͏ʜ
ʢ৺ͷ
ʣ
Slide 18
Slide 18 text
ௐͨ
ฉ͍ͨ
վળΛ
ߟ͑Δ
վળࢪࡦΛ
ఏҊ͢Δ
3.
2.
1.
Έ͕ͦϑϧυϥΠϒ
Slide 19
Slide 19 text
σβΠϯ σβΠϯ
։ൃ ։ൃ
ΑΓਂ·ͬͨ
ੳ ੳ
اը اը
Slide 20
Slide 20 text
ଞྖҬͷਓͱ
ίϛϡχέʔγϣϯ͕औΓ͍͢
͕ࣝগ͕ͣͭ͠Δ
৽ͨͳൃݟʹܨ͕ΔՄೳੑʜ
Slide 21
Slide 21 text
શ͘Θ͔Βͳ͍ͱԿ͔ΒखΛ͚ͯྑ͍͔͕͔Βͳ͍ʜ
গ͠ͰࣝΛ͍࣋ͬͯΔͱλʔήοτ͕ఆΊ͍͢
Slide 22
Slide 22 text
デザイナーが
他領域に関わって⾏くためには
Slide 23
Slide 23 text
νʔϜఆྫͰ
σβΠϯτϨϯυٕज़ͷΩϟονΞοϓɺ
࣮Ͱ٧ͬͨ༰ͱղܾํ๏ɺ
ଞྖҬͰಘͨࣝͷڞ༗
Slide 24
Slide 24 text
1 ɺ͞ΕͨϓϩμΫτʹ࠶ͼɺ
σβΠφʔͱͯؔ͠ΘΔͱͨ͠Β
࣍Ͳͷ෦ʹྗΛൃشͰ͖Δͷ͔Λߟ͑Δ
Slide 25
Slide 25 text
最後に
Slide 26
Slide 26 text
͋·ΓϩʔϧΛҙࣝͤͣʹ
Ϣʔβʔɺ
Ұॹʹಇ͘ϝϯόʔʹରͯ͠
ྑ࣭ͳମݧΛఏڙ͠Α͏ͱߟ͑Δͱ
ࣗવʹྑ͍ྲྀΕʹͳ͍ͬͯ͘