Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
2018 cookpad summer internship - ユーザーインタビューをしよう
Search
Ikue Hanawa
August 28, 2018
Design
3
9.4k
2018 cookpad summer internship - ユーザーインタビューをしよう
2018 summer internship - 10 Day Tech for service engineers
2日目(サービス開発入門)の講義資料
Ikue Hanawa
August 28, 2018
Tweet
Share
More Decks by Ikue Hanawa
See All by Ikue Hanawa
2018 cookpad summer internship - プロトタイピングをしよう
pipipi
1
9.2k
Other Decks in Design
See All in Design
トップデザインチームが描く、 2030年に活躍するデザイナー
hiranotomoki
2
2.6k
地図・デザイン・可視化 −情報をわかりやすく伝えるために−
hjmkth
2
530
The One
chinweanimation
0
100
生成AIを受け入れ共創できるデザイナーマインドへープロセス改革を想定したデザイナーの準備ー
takumasaito
1
370
root COMPANY DECK / We are hiring!
root_recruit
1
16k
Rayout Pattern 01
one0
0
390
デザインからアプリ実装まで一貫したデザインシステムを構築するベストプラクティス
shuzo
14
6.9k
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜
tak073
0
180
今日から始める グラレコ チャレンジ DevRel/Tokyo #94 〜グラレコ チャレンジ〜
moshimoshiyuki
0
140
Managing Design Systems (Smashing NY 2024)
nathanacurtis
2
350
How to go from research data to insights?
mastervicedesign
0
190
Figma Code Connect を使ってエンジニアの新しい体験をデリバリする
junkifurukawa
0
460
Featured
See All Featured
Unsuck your backbone
ammeep
669
57k
A better future with KSS
kneath
238
17k
4 Signs Your Business is Dying
shpigford
182
21k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.3k
We Have a Design System, Now What?
morganepeng
51
7.3k
How to Think Like a Performance Engineer
csswizardry
22
1.2k
Building Better People: How to give real-time feedback that sticks.
wjessup
366
19k
Reflections from 52 weeks, 52 projects
jeffersonlam
347
20k
GitHub's CSS Performance
jonrohan
1031
460k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.1k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.2k
A Tale of Four Properties
chriscoyier
157
23k
Transcript
ϢʔβʔΠϯλϏϡʔΛ͠Α͏ ΠϯλʔϯγοϓɹαʔϏε։ൃ 6*69σβΠφʔɹͳΘɹ͍͑͘
ϫʔΫͰܗʹͨ͠ͷΛͱʹ ΠϯλϏϡʔΛͯ͠Έ·͠ΐ͏
⁞ΠϯλϏϡʔͬͯԿ͢Δͷʁ
˞#.*ϧʔϓͷৄࡉલͷαʔϏε։ൃߨٛεϥΠυࢀর ΠϯλϏϡʔ#.*ϧʔϓͷ .FBTVSF
ΠϯλϏϡʔͰΔ͜ͱ ՁԾઆ ϖʔύʔϓϩτλΠϓ ղܾࡦɾΞΠσΟΞ ͔֬Ίͯ ্هͷਖ਼ޡΛޮՌΛ ؾ͔ͮͳ͔ͬͨ৽͍͠՝ࣄ࣮Λ Δ
ΠϯλϏϡʔͰҙࣝ͢Δ͜ͱ ϢʔβʔΛΔ αʔϏεΛΔ
ϢʔβʔΛΔ w ͲΜͳഎܠΛ࣋ͬͨϢʔβʔͳͷ͔ɺϖϧιφΛਖ਼͘͠ཧղ͢Δ w ͲΜͳ՝Λ͍࣋ͬͯΔϢʔβʔͳͷ͔ɺ՝ͷ༰ΛΔ w ͦͷ՝ɺ͍ͭɺͲ͜Ͱɺͳͥى͖Δͷ͔ɺ՝ͷഎܠΛΔ
αʔϏεΛΔ w ͦͷػೳϢʔβʔͷ՝Λղܾ͍ͯ͠Δ͔ w ͦͷػೳʹΑͬͯϢʔβʔͷߦಈײͲ͏มΘΔ͔ ػೳՁΛΔ w αʔϏε͕͍͑ͨ͜ͱ͕ਖ਼͘͠ΘΔΑ͏ʹͳ͍ͬͯΔ͔ɻ w ޡೝࣝɾޡૢ࡞Λট͘6*ʹͳ͍ͬͯͳ͍͔ɻ
w ͍ͮΒ͍ɺ͔Γʹ͍͘ɺ໘ɺͳͲͷײΛੜΜͰ͍ͳ͍͔ ϢʔβϏϦςΟΛΔ
ΠϯλϏϡʔͷΓ͔ͨ
ΠϯλϏϡʔͷΓ͔ͨ ⁞४උ͢Δ ΠϯλϏϡʔɾϢʔβʔςετ ݁ՌΛ·ͱΊΔ
̎ͭͷΠϯλϏϡʔํ๏ ϢʔβʔΠϯλϏϡʔ Ϣʔβʔςετ ϢʔβʔͱͷձΛ௨ͯ͠ɺϢʔβʔͷ࣮ଶ՝ɺײ͡ ͍ͯΔ͜ͱʹ͍ͭͯਂ͘ཧղ͢Δɻ ࣮ࡍʹϓϩτλΠϓΛݟͯ৮ͬͯૢ࡞ͯ͠Β͍ɺͲͷΑ ͏ʹײ͡ɺͲͷΑ͏ʹૢ࡞͢Δ͔Λ؍͢ΔɻҰ࿈ͷૢ࡞ ޙʹɺૢ࡞ʹؔ͢ΔΠϯλϏϡʔΛߦ͍ɺϓϩτλΠϓͷ ͷຊ࣭Λ୳Δɻ
४උ͢Δ w ԿΛ֬ೝ͍͔ͨ͠ˍΓ͍͔ͨΛ໌֬ʹ͓ͯ͘͠ w Ϣʔβʔςετ༻ͷγφϦΦΛ४උ͢Δ w ؍ϙΠϯτΛ໌֬ʹ͢Δ w ΠϯλϏϡʔͷ࣌ؒΛܾΊΔ ʢΞΠεϒϨΠΫɾϢʔβʔςετɾΠϯλϏϡʔʣ
w ΠϯλϏϡʔΞʔˍॻهˍ؍ऀΛܾΊΔ ԿΛฉ͔͘ɾԿΛૢ࡞ͯ͠Β͏͔Λ·ͱΊΔ
४උ͢Δ w ʮͲ͜ʹ৯ࡐΛങ͍ʹ͍͔͘ʁʯͷ՝Λղܾ͢Δ͔ʁ w ݕࡧ݁ՌͰͷ߲ʮεʔύʔ໊ɾஈʯͷΈͰͳ͍͔ʁ w ଞʹؾ͍͍ͮͯͳ͍՝ཁٻͳ͍͔ʁ ࠓ͋ͳͨδΣϊϕʔθιʔε͕࡞Γͨ͘ͳΓ·ͨ͠ɻࡐྉͷεΟʔτόδϧΛങ͍ʹߦ ͔ͳ͚Ε͍͚ͳ͍ͷͰ͕͢ɺͲ͜ͳΒେྔͷόδϧ͕ങ͑Δ͔͕Θ͔Γ·ͤΜɻͦΜͳঢ় گͷͩͱԾఆͯ͠ɺ͜ͷΞϓϦʮΔΜΔΜόεέοτʯΛͬͯɺͲ͜ʹόδϧΛങ͍ʹ
ߦ͔͘ΛܾΊ͍ͯͩ͘͞ɻ Ϣʔβʔςετ༻ͷγφϦΦ ֬ೝ͍ͨ͜͠ͱ ݕূαʔϏεɿɹΔΜΔΜόεέοτ 4".1-&
ΠϯλϏϡʔͷྲྀΕ ಋೖ ςετઆ໌ Ϣʔβʔςετʢ؍ʣ ϢʔβʔςετΠϯλϏϡʔ ΞΠεϒϨΠΫɾϢʔβʔཧղΠϯλϏϡʔ
͡ΊΔ·͑ʹ w ̎ਓͷࢹઢ͕ࣼΊʹަࠩ͢ΔΑ͏ͳҐஔʹ࠲Ζ͏ w ໘ͷΑ͏ͳ࠲ΓํʹͳΒͳ͍Α͏ʹҙ w ͍͠ਓͱͷձͷΑ͏ͳงғؾͮ͘ΓΛҙࣝ͠Α͏ #"% (00% ۓுײ͕ߴ·Γ͘͢
ϢʔβʔͷຊԻΛฉ͖ग़͠ʹ͘͘ͳΔ ϑϥϯΫͳձͷΑ͏ͳײ͡ ͰຊԻΛ͘͢͠ͳΔ
ΠϯλϏϡʔͷྲྀΕ ಋೖ ςετઆ໌ Ϣʔβʔςετʢ؍ʣ ϢʔβʔςετΠϯλϏϡʔ ΞΠεϒϨΠΫɾϢʔβʔཧղΠϯλϏϡʔ
ಋೖ ؆୯ͳઆ໌Λ͢Δ w ѫࡰˍ؆୯ͳࣗݾհ w ΠϯλϏϡʔͷझࢫͱతͷઆ໌ʢ؆୯ʹʣ Βͳ͍ਓʹɺ͍͖ͳΓࠜ΄Γ༿΄ΓࣗͷใΛฉ͔ ΕΔͷɺؾͷ͍͍͜ͱͰ͋Γ·ͤΜɻϢʔβʔ͞ Μ͕ؾ࣋ͪΑ͘ຊ৺Λ͘͢͠ͳΔΑ͏ʹɺझࢫͷઆ ໌ɺ؆୯ͳࣗݾհ͔Β࢝ΊΔΑ͏ʹ͠·͠ΐ͏ɻ
ΠϯλϏϡʔͷྲྀΕ ಋೖ ςετઆ໌ Ϣʔβʔςετʢ؍ʣ ϢʔβʔςετΠϯλϏϡʔ ΞΠεϒϨΠΫɾϢʔβʔཧղΠϯλϏϡʔ
ΞΠεϒϨΠΫʢϢʔβʔཧղͷΠϯλϏϡʔʣ ຊͷલͷΥʔϛϯάΞοϓ w ΞΠεϒϨΠΫͰɺϢʔβʔ͞ΜͷۓுײΛղ͢ w ͍ܰͰɺ͔ͳงғؾͮ͘ΓΛ͢Δ w Ϣʔβʔ͞Μʹ͍ͭͯΑ͘Δ ͔ͳձͰۓுײΛ΄͙ͭͭ͠ɺ͜Ε͔ΒͲΜͳϢʔβʔ ͞ΜʹϓϩτλΠϓΛ৮ͬͯΒ͏͜ͱʹͳΔͷ͔ɺࣄલͷج
ຊใΛ͖͍͓͖ͯ·͠ΐ͏ɻ͜͜ͰใΛ͖͍͓ͯ͘ͱɺϢʔ βʔςετޙͷΠϯλϏϡʔͰਂ۷Γ͕͘͢͠ͳΓ·͢ɻ
ΞΠεϒϨΠΫͷίπ⁞ Ϣʔβʔ͞ΜΛΔ Ϣʔβʔ͞Μͷੜ׆ΛΓɺ࣭ͷΛ࡞Δ ö ࠓ̋̋ʹ͍࣭ͭͯ͠·͢ʂ ૣͰ͕͢ɺ̋̋ʹ͍ͭͯͲ͏ࢥ͍·͔͢ʁ ô ·ͣɺ໊͓લΛڭ͍͑ͯͩ͘͞ɻ ͲͷΑ͏ͳՈߏͰੜ׆͞Εͯ·͔͢ʁ
ΞΠεϒϨΠΫͷίπ ฉ͖͍ͨςʔϚʹؔ࿈͢ΔΑ͏ͳΛબͿʢྉཧͷ߹ʣ ͜Ε͔Βฉ͖͍ͨ͜ͱʹؔͦ͠͏ͳΛબͿ ö ࡢͷ̋̋ͷχϡʔεɺͲ͏ࢥ͍·ͨ͠ʁ झຯԿͰ͔͢ʁͲΜͳԻָ͕͓͖Ͱ͔͢ʁ ô ීஈ͓ྉཧͲͷ͘Β͍͞Ε·͔͢ʁ ͓ྉཧʹͲͷ͘Β͍ͷ࣌ؒΛ͔͚͍ͯ·͔͢ʁ
ΠϯλϏϡʔͷྲྀΕ ಋೖ ςετઆ໌ Ϣʔβʔςετʢ؍ʣ ϢʔβʔςετΠϯλϏϡʔ ΞΠεϒϨΠΫɾϢʔβʔཧղΠϯλϏϡʔ
ςετઆ໌ ԿΛͯ͠Β͏ͷ͔Λઆ໌͢Δ ÷ ø ͜͜ʹॻ͍ͯ͋Δঢ়گʹͳΓ͖ͬͯૢ࡞Λͯ͠Β͍·͢ɻ ʹग़ͯ͠ಡΜͰ͍ͯΑ͍Ͱ͔͢ʁ ͍ʂʢʜςετγφϦΦΛಡΉʜʣ ÷ ͜Ε͔Βɺͦͷঢ়گʹͳΓ͖ͬͯૢ࡞Λ͍ͯͩ͘͠͞ɻ ૢ࡞தɺࢥ͍ͬͯΔ͜ͱΛಠΓݴͷΑ͏ʹᄁ͍͍ͯͩ͘͞ɻ
Ϣʔβʔςετ༻ͷγφϦΦ ࠓ͋ͳͨδΣϊϕʔθιʔε͕࡞Γͨ͘ͳΓ·ͨ͠ɻ ࡐྉͷεΟʔτόδϧΛങ͍ʹߦ͔ͳ͚Ε͍͚ͳ͍ͷͰ͕͢ɺ Ͳ͜ͳΒେྔͷόδϧ͕ങ͑Δ͔͕Θ͔Γ·ͤΜɻ ͦΜͳঢ়گͷͩͱԾఆͯ͠ɺ͜ͷΞϓϦʮΔΜΔΜόεέο τʯΛͬͯɺͲ͜ʹόδϧΛങ͍ʹߦ͔͘ΛܾΊ͍ͯͩ͘͞ɻ 4".1-&
ΠϯλϏϡʔͷྲྀΕ ಋೖ ςετઆ໌ Ϣʔβʔςετʢ؍ʣ ϢʔβʔςετΠϯλϏϡʔ ΞΠεϒϨΠΫɾϢʔβʔཧղΠϯλϏϡʔ
Ϣʔβʔςετ ؍ʹప͢Δʢձ͠ͳ͍ɾࣗྗͰཧղ͠ૢ࡞Ͱ͖Δ͔Λ؍ʣ ø ʢಠΓݴʣ͋ΕɺݕࡧόʔͱϘλϯ͕͋Δ͚ͲɺͲ͏ҧ͏ͷ͔ͳʁ ÷ ʢ࣭ͷΑ͏ͳಠΓݴͰɺૢ࡞தແݴͰ͑ͳ͍ʣ ø ͱΓ͋͑ͣόδϧͰݕࡧͯ͠ΈΑ͏͔ͳ ø ͋ɺ͓ళ͕ग़͖ͯͨʂ͚Ͳɺόδϧͷछྨ͕Θ͔Βͳ͍ͳ͋
ΠϯλϏϡʔͷྲྀΕ ಋೖ ςετઆ໌ Ϣʔβʔςετʢ؍ʣ ϢʔβʔςετΠϯλϏϡʔ ΞΠεϒϨΠΫɾϢʔβʔཧղΠϯλϏϡʔ
ϢʔβʔςετΠϯλϏϡʔ ؍ͰؾʹͳͬͨϙΠϯτΛਂ۷Γ͍ͯ͘͠ʢ՝ɾཉٻΛ୳Δʣ ÷ ࠓͷૢ࡞ʹ࣭͍ؔͯͤͯͩ͘͠͞͞ɻόδϧͷछྨ͕Θ͔Β ͳ͍ͳ͋ɺͱ͓ͬ͠Ό͍ͬͯ·͕ͨ͠ɺͲ͏͍͏͜ͱͰ͔͢ʁ ø όδϧͱ͍ͬͯɺεΟʔτόδϧͱ͔ϨϞϯόδϧͱ͔৭ʑ छྨ͕͋ΔͷͰɺͲͷόδϧͳͷ͔ɺ͜ͷΞϓϦ͔ΒΘ͔ Γ·ͤΜͰͨ͠ɻɻεΟʔτ͚͕ͩग़ͯͨͷ͔ͳʁ ÷
Ͳͷछྨͷόδϧ͕ग़͍ͯΔͱࢥ͍·͔ͨ͠ʁ
ਂ۷ΓΠϯλϏϡʔͷίπ⁞ ࣭ΦʔϓϯΫΤενϣϯʹ͢Δ ö ̋̋ศརͩͱࢥ͍·͔͢ʁ ̋̋ʷʷͰ͔͢ʁ :FT/PͰ͑ΒΕΔ࣭ආ͚ɺϢʔβʔ͞Μ͕ߟ͍͑ͯ Δ͜ͱΛͦͷ··͑ΒΕΔฉ͖ํΛ͢Δ ô ̋̋ʹ͍ͭͯɺͲ͏ࢥ͍·͔͢ʁ ̋̋Կͩͱࢥ͍·͔͢ʁ
ਂ۷ΓΠϯλϏϡʔͷίπ Ϣʔβʔ͞Μ͕ମݧ࣮ͨ͠ࡍͷετʔϦʔΛฉ͘ ô ö ৯ࡐͷछྨͷදه͕ͳ͍ͱࠔΓ·͔͢ʁ ৯ࡐͷใ͕ෆ͍ͯͯ͠ࠔͬͨܦݧ͋Γ·͔͢ʁ ͦͷ࣌ɺͲ͏ղܾ͠·͔ͨ͠ʁ ͲͷΑ͏ͳؾ࣋ͪͰ͔ͨ͠ʁ ʢͦͷ࣌ͷΤϐιʔυΛৄ͘͠ฉ͖ग़͢ʣ Ϣʔβʔ͞Μͷ࣮ମݧͷத͔Β՝Λݟ͚ͭΔ
݁ՌΛ·ͱΊΔ w ΠϯλϏϡʔͷ݁Ռ͔Βؾ͍ͮͨ՝ɾෆΛ·ͱΊΔ w ϖϧιφཧղՁԾઆʹζϨ͕͋ͬͨ߹ɺमਖ਼͢Δ w ՝ෆཧղͷζϨΛཧղͨ͠Βɺ࠶ํੑΛݕ౼ͯ͠ɺ ϓϩτλΠϓΛ࡞Γ͢ ΠϯλϏϡʔ݁Ռ͔ΒͱվળࡦΛݟ͚ͭΑ͏
ΠϯλϏϡʔσϞ
ਂ۷Γ࣭ͳ͔ͳ͔͍͠ʂ ͷͰɺҰσϞͯ͠Έ·͢
σϞ ΠϯλϏϡʔΞʔ ʢฉ͘ਓʣ ΠϯλϏϡʔΠʔ ʢ͑Δਓʣ ςʔϚɿීஈͷ͓ങ͍ͷ՝Λ୳Δ
ѱ͍ྫ ීஈͷ͓ങ͍ͷ՝Λ୳Δ wΫϩʔζυͳ࣭ܗࣜ w࣮ମݧʹج͔ͮͳ͍࣭ܗࣜ w͍͖ͳΓ݁Λฉ͖ग़ͦ͏ͱ͢Δ ࣭͕ଓ͔ͳ͘ͳΔѱ͍ྫΛ࣮ԋ͠·͢
ྑ͍ྫ ීஈͷ͓ങ͍ͷ՝Λ୳Δ wΦʔϓϯΫΤενϣϯ w࣮ମݧʹج͍࣭ͮͨܗࣜ wͷத͔Βɺ՝ͷλωΛݟ͚͍ͭͯ͘ ࣭Λଓ͚͍͢ྑ͍ྫΛ࣮ԋ͠·͢
ͪΐͬͱ࿅शͯ͠ΈΑ͏
࣭ͨͩ͢Δ͚ͩͰ͠ΐʙ ίϛϡྗͷ͡ΌΜʙ ͔ΜͨΜ͡ΌʙΜ ͱɺࢥ͍͕ͪͳͷͰ͕͢ʜ ·࣮͋ࡍίϛϡྗͷଟগͳΓͱ͋Γ·͕͢ʣ
͜Ε͕ҙ֎ͱΉ͔͍ͣ͠ʂ ࣮ࡍʹͬͯΈΔͱ ͷͰɺຊ൪લʹҰ࿅शͯ͠Έ·͠ΐ͏ʂ
νʔϜͰ࿅शͯ͠ΈΑ͏ νʔϜϝϯόʔͷ͏ͪ̍ਓͷɺҰਓΒ͠ʹؔ͢Δ՝Λௐࠪ ͯ͠Έ·͠ΐ͏ɻ͍ͭɺͲ͜Ͱɺͳͥɺͦͷ՝͕ੜ·ΕΔͷ ͔ɺͲ͏ղܾ͍ͯ͠Δͷ͔ɺͷຊ࣭Λ୳ͬͯΈΑ͏ɻ ˞͠ɺϝϯόʔʹҰਓҰਓΒ͠ͷਓ͕͍ͳ͍߹ɺ ࣮ՈΒ͠ʢγΣΞϋεΒ͠ʣͷ՝ʹ͍ͭͯ୳ͬͯΈ· ͠ΐ͏ɻ ςʔϚɿɹେֶੜͷҰਓΒ͠ͷ՝Λ୳Δ
ׂ୲ΛܾΊΑ͏ ΠϯλϏϡʔΠʔ ΠϯλϏϡʔΞʔ ॻه ΠϯλϏϡʔ͞ΕΔଆͷਓʢ̍ਓʣ ΠϯλϏϡʔ͢Δଆͷਓʢ̍ਓʣ ԣͰ༰Λه͢ΔਓʢԿਓͰʣ
ελϯόΠ͠Α͏ ΠϯλϏϡʔΠʔˍΠϯλϏϡʔΞʔ إͱࢹઢ͕ࣼΊʹͳΔΑ͏ͳҐஔʹ࠲Γ·͠ΐ͏ɻ ʢॻهͲ͜Ͱ0,ʣ #"% (00%
3FBEZʁ ࣌ؒ̑ؒͰ͢ɻ ࣭̑ؒΛ͠ଓ͚͍ͯͩ͘͞ɻ
45"35 ςʔϚɿɹେֶੜͷҰਓΒ͠ͷ՝ ؒΠϯλϏϡʔΛଓ͚͍ͯͩ͘͞ ʢ̑ܦͬͨΒΛ͔͚·͢ʣ
ऴྃ Ͳ͏Ͱ͔ͨ͠ʁ
ׂ֤ͰͦΕͧΕେม͕͋͞Δ ΠϯλϏϡʔΠʔ ΠϯλϏϡʔΞʔ ॻه ҙ֎ͱۓு͢Δ͠ށ͏ͷɻ ۓுΛ΄͙͢େ͞Λ࣮ײͰ͖Ε0, ࣭͠ଓ͚Δେม͞ɺຊ࣭Λਂ۷Γ͍ͯ͠ ͘͠͞Λײ͡ΒΕΕ0, શͯΛه͢Δ͠͞ɾେม͞Λײ͡ΒΕΕ 0,ʂେࣄͳ෦ͷΈه͢Δίπ͕ඞཁʂ
ࣄલʹ͔ͬ͠Γ४උ͠·͠ΐ͏ ͜Μͳײ͡Ͱɺ͍͖ͳΓΔͱ࣮݁ߏେมͳͷͰ ຊ൪ͷΠϯλϏϡʔͰ
͜Ε͔ΒΠϯλϏϡʔ४උΛ࢝Ί͍ͯͩ͘͞ ΠϯλϏϡʔ։࢝Ͱ͢ʂ ʙ
͕Μ͍ͬͯͩ͘͞ ࣭͕͋ΕͲ͏ͧ