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
デザインと技術をつなぐ for New Graduates 2018/03/26
Search
Sadaaki Hirai
March 26, 2018
Technology
0
130
デザインと技術をつなぐ for New Graduates 2018/03/26
デザインと技術をつなぐ for New Graduates 2018/03/26
Sadaaki Hirai
March 26, 2018
Tweet
Share
More Decks by Sadaaki Hirai
See All by Sadaaki Hirai
よりよいプロダクトをつくるためのデザインプロセス / Design Process for Making Better Products
sadah
4
850
エンジニアがデザインとどう関わるか / Engineer Involves Design
sadah
6
520
デザインと技術をつなぐ / Connecting Design and Technology
sadah
21
9.9k
Prottを支えるチームと技術
sadah
1
140
Goodpatch Berlin Report
sadah
3
140
Make Prott Faster
sadah
0
63
チームでつくるUIデザイン
sadah
1
170
Other Decks in Technology
See All in Technology
FastAPIの魔法をgRPC/Connect RPCへ
monotaro
PRO
1
700
Windows で省エネ
murachiakira
0
160
VCC 2025 Write-up
bata_24
0
180
Green Tea Garbage Collector の今
zchee
PRO
2
380
ZOZOのAI活用実践〜社内基盤からサービス応用まで〜
zozotech
PRO
0
160
SREとソフトウェア開発者の合同チームはどのようにS3のコストを削減したか?
muziyoshiz
1
100
コンテキストエンジニアリングとは? 考え方と応用方法
findy_eventslides
4
880
stupid jj tricks
indirect
0
7.8k
KMP の Swift export
kokihirokawa
0
330
KAGのLT会 #8 - 東京リージョンでGAしたAmazon Q in QuickSightを使って、報告用の資料を作ってみた
0air
0
200
Exadata Database Service on Dedicated Infrastructure(ExaDB-D) UI スクリーン・キャプチャ集
oracle4engineer
PRO
2
5.4k
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
11
77k
Featured
See All Featured
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.6k
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.9k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
Bash Introduction
62gerente
615
210k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
For a Future-Friendly Web
brad_frost
180
9.9k
The Language of Interfaces
destraynor
162
25k
We Have a Design System, Now What?
morganepeng
53
7.8k
Faster Mobile Websites
deanohume
310
31k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.2k
The Straight Up "How To Draw Better" Workshop
denniskardys
237
140k
Transcript
Goodpatch Inc. ࣥߦһ CTO & Vice President of ProductͻΒ͍͖ͩ͋͞ 2018/03/26
σβΠϯͱٕज़Λͭͳ͙ (PPEQBUDIͷΤϯδχΞϦϯά
© 2018 Goodpatch Inc. All Right Reserved. 2 1SPGJMF ͡Ίʹ
4BEBBLJ)JSBJͻΒ͍͖ͩ͋͞ (PPEQBUDI *OD ࣥߦһ $507JDF1SFTJEFOUPG1SPEVDU TBEBIHJUIVCJP!TBEB@IDPOTPMFCMPH TFMG IUNMK)5.-ͱ͔ษڧձ'POU-PWFST 3VCZ3BJMT)5.-+BWB4DSJQU+BWB
© 2018 Goodpatch Inc. All Right Reserved. 3 ϋʔτΛ༳͞ͿΔσβΠϯͰ ੈքΛલਐͤ͞Δʂ
OUR VISION Pushing the world forward with design that move people's hearts
© 2018 Goodpatch Inc. All Right Reserved. 4 σβΠϯͷྗΛূ໌͢Δ OUR
MISSION Proving the power of great design
© 2017 Goodpatch Inc. All Right Reserved. 5 ࣮ ࣄۀհ
ूதྗΛՄࢹԽ͢Δ+*/4.&.&0''*$&ΞϓϦͷ 7FSͰ͢ɻʮॠؒʯͱʮྦྷੵʯͷूதσʔλ͕ͻͱ ͰΘ͔ΔΑ͏σβΠϯ͠ɺूதΛ͍͜ͳ͢ମݧΛ ٻ͠·ͨ͠ɻ 69ઃܭɺ6*σβΠϯɺ։ൃ J04XBUDI04 https://jins-meme.com/ja/office/
© 2017 Goodpatch Inc. All Right Reserved. 6 ϓϩμΫτࣄۀɿ1SPUU ࣄۀհ
1SPUUɺ୯७ʹϓϩτλΠϓΛͭ͘Δπʔ ϧͰͳ͘ɺϓϩτλΠϐϯάΛνʔϜʹΠ ϯετʔϧ͢ΔπʔϧͰ͢ɻ(PPEQBUDIͷ ࣗࣾαʔϏεͱ݄ͯ͠ʹਖ਼ࣜϦϦʔ εɻେखΣϒαʔϏεاۀʹͯ&OUFSQSJTF ϓϥϯͷ࠾༻࣮ଟʢ:BIPPɺ%F/"ɺ (3&&ɺ3FDSVJUɺָఱͳͲʣɻ ͷձٞΑΓɺͭͷϓϩτλΠϓ άουσβΠϯड
© 2018 Goodpatch Inc. All Right Reserved. 7 ΞδΣϯμ"HFOEB ͡Ίʹ
(PPEQBUDIͷσβΠϯϓϩηε σβΠϯͱٕज़Λͭͳ͙ ·ͱΊ
© 2018 Goodpatch Inc. All Right Reserved. 8 (PPEQBUDIͷσβΠϯϓϩηε σβΠϯϓϩηε
(00%130505:1&4 ؿ؋٦أزٔٔ٦أתד (00%130#-&.4 周⟝㨣 (00%1&01-& 周⟝㨣湫䖓 (00%130%6$54 فٗتؙز״״ֻ׃גְֻ
© 2018 Goodpatch Inc. All Right Reserved. 9 (PPE1FPQMF σβΠϯϓϩηε
(00%130505:1&4 ؿ؋٦أزٔٔ٦أתד (00%130#-&.4 周⟝㨣 (00%1&01-& 周⟝㨣湫䖓 (00%130%6$54 فٗتؙز״״ֻ׃גְֻ lҒେͳϓϩμΫτҒେͳνʔϜ͔Βੜ·ΕΔz ϓϩμΫτͷΫΦϦςΟίϛϡχέʔγϣϯ ͷྲྀྔʹΑͬͯൺྫɻ ϝϯόʔ͕ҙݟΛ௨ΘͤɺΞΠσΞͷԽֶԠ ͕͓͖͍͢ঢ়گΛ࡞Δɻ
© 2018 Goodpatch Inc. All Right Reserved. 10 (PPE1SPUPUZQFT σβΠϯϓϩηε
(00%130505:1&4 ؿ؋٦أزٔٔ٦أתד (00%130#-&.4 周⟝㨣 (00%1&01-& 周⟝㨣湫䖓 (00%130%6$54 فٗتؙز״״ֻ׃גְֻ ϓϩτλΠϐϯάจԽ ߹ݴ༿ʮ·ͣͬͯΈΔʂʯ ΞΠσΟΞΛૉૣ͘ܗʹ͢Δ͜ͱͰ νʔϜͷҙݟΛ௨ΘͤɺվળݕূΛ ૉૣ͘܁Γฦ͢ɻ
© 2018 Goodpatch Inc. All Right Reserved. 11 (PPE1SPEVDUT σβΠϯϓϩηε
(00%130505:1&4 ؿ؋٦أزٔٔ٦أתד (00%130#-&.4 周⟝㨣 (00%1&01-& 周⟝㨣湫䖓 (00%130%6$54 فٗتؙز״״ֻ׃גְֻ ࠷ߴͷΫΦϦςΟΛٻΊͯ೪Δ Ϣʔβʔ͕৮ΕΔϓϩμΫτͷ ࠷ߴ࣭ΛٻΊɺΪϦΪϦ·Ͱ νʔϜશһͰ೪Δɻ ΫΦϦςΟʹଥڠ͠ͳ͍
© 2018 Goodpatch Inc. All Right Reserved. 12 ΞδΣϯμ"HFOEB ͡Ίʹ
(PPEQBUDIͷσβΠϯϓϩηε σβΠϯͱٕज़Λͭͳ͙ ·ͱΊ
© 2018 Goodpatch Inc. All Right Reserved. 13 8IZ σβΠϯͱٕज़Λͭͳ͙
Α͍ϓϩμΫτΛ ͭ͘Γ͍ͨ Why How What
© 2018 Goodpatch Inc. All Right Reserved. 14 8IZΑ͍ϓϩμΫτΛͭ͘Γ͍ͨ σβΠϯͱٕज़Λͭͳ͙
ΤϯδχΞ͕ཁ݅ఆٛઃܭϑΣʔζ͔ΒؔΘΕͳ͍ͱɺ Α͍σβΠϯ͕ͭ͘Εͳ͍ w αʔϏεͷجຊઃܭʹؔΘΔ͜ͱ w ձһొͷϑϩʔ w ϓογϡ௨ͷઃܭ w 04ʹΑͬͯͰ͖Δ͜ͱ͕มΘͬͯ͘Δ w όοΫάϥϯυͰͷλεΫ࣮ߦ Why How What
© 2018 Goodpatch Inc. All Right Reserved. 15 )PX σβΠϯͱٕज़Λͭͳ͙
ૣ͍ϑΣʔζͰ ϓϩδΣΫτʹؔΘΔ Why How What
© 2018 Goodpatch Inc. All Right Reserved. 16 )PXૣ͍ϑΣʔζͰϓϩδΣΫτʹؔΘΔ σβΠϯͱٕज़Λͭͳ͙
ཁ݅ఆٛͷظ͕ؒ͘ɺ։ൃظ͕͍ؒ ։ൃʹೖΒͳ͍ͱɺΤϯδχΞ͕ΞαΠϯ͞Εͳ͍ w ͱΓ͋͑ͣࢼͯ͠ΈΔɺ͕͍͠ w ઃܭஈ֊ͷϓϩτλΠϐϯάʹΤϯδχΞ͕ࢀՃͰ͖ͳ͍ w ։ൃ͕࢝·͔ͬͯΒͷϓϩτλΠϓ͕࡞Γʹ͍͘ Why How What
© 2018 Goodpatch Inc. All Right Reserved. 17 8IBU σβΠϯͱٕज़Λͭͳ͙
Why How What ϓϩδΣΫτͷ ؔΘΓํΛݟ͢
© 2018 Goodpatch Inc. All Right Reserved. 18 8IBUϓϩδΣΫτͷؔΘΓํΛݟ͢ σβΠϯͱٕज़Λͭͳ͙
"OESPJEσϕϩούʔ͕ .BUFSJBM%FTJHOΞυόΠβʔͱͯ͠ϓϩδΣΫτʹࢀՃ͢Δ J04σϕϩούʔ͕ 69σβΠφʔͱͯ͠ϓϩδΣΫτʹࢀՃ͢Δ w .BUFSJBM%FTJHO)VNBO*OUFSGBDF(VJEFMJOFT ࣮ͷܦݧ͕ͳ͍ͱཧղ͕͢Δ͜ͱ͕͍͠ w 04ΞϓϦέʔγϣϯͷݪཧΈ w ͳͥͦ͏ॻ͍ͯ͋Δͷ͔ w ϝλϑΝʔΛཧղ্ͨ͠Ͱར༻͢Δ Why How What
© 2018 Goodpatch Inc. All Right Reserved. 19 "OESPJE σβΠϯͱٕज़Λͭͳ͙
"OESPJEσϕϩούʔΛ .BUFSJBM%FTJHOΞυόΠβʔͱͯ͠ ϓϩδΣΫτ ΞϓϦͷϦχϡʔΞϧ ʹΞαΠϯ ͬͨ͜ͱ w ࠷దͳίϯϙʔωϯτͷఏҊ w ࣮ͷ֬ೝɺमਖ਼ํ๏ͷఏҊ
© 2018 Goodpatch Inc. All Right Reserved. 20 J04 σβΠϯͱٕज़Λͭͳ͙
J04σϕϩούʔ͕ 69σβΠφʔͱ͍͏ϩʔϧΛ࣋ͬͯ ϓϩδΣΫτ αʔϏεͷΞϓϦରԠ ʹؔΘΔ ͬͨ͜ͱ w Ͳ͏αʔϏεΛΓग़ͯ͠ΞϓϦέʔγϣϯʹ͢Δ͔ఏҊ w αʔϏεͷڧΈΛ׆͔ͨ͢ΊʹͲ͏͍ͬͨΞϓϩʔν͕Ͱ ͖Δ͔ఏҊ
© 2018 Goodpatch Inc. All Right Reserved. 21 ΞδΣϯμ"HFOEB ͡Ίʹ
(PPEQBUDIͷσβΠϯϓϩηε σβΠϯͱٕज़Λͭͳ͙ ·ͱΊ
© 2018 Goodpatch Inc. All Right Reserved. 22 (PPE1SPUPUZQFT ·ͱΊ
ϨϏϡʔ ΠϯαΠτൃݟ ίϯηϓτઃܭ σβΠϯɺ࣮ GOOD PROBLEMS GOOD PEOPLE GOOD PROTOTYPES GOOD PRODUCTS
© 2018 Goodpatch Inc. All Right Reserved. 23 (PPE1SPUPUZQFT ·ͱΊ
ϨϏϡʔ ΠϯαΠτൃݟ ίϯηϓτઃܭ σβΠϯɺ࣮ GOOD PROBLEMS GOOD PEOPLE GOOD PROTOTYPES GOOD PRODUCTS ͜͜Λ͔ͬ͠Γ·Θͨ͢Ίʹ σβΠϯͱٕज़Λͭͳ͍͛ͨ
ߴ͍ٕज़ྗΛ͍࣋ͬͯΔ͚ͩͰͳ͘ ࣗͷٕ࣋ͭज़ΛσβΠϯʹ ׆͔͢͜ͱ͕େɻ © 2018 Goodpatch Inc. All Right Reserved.
© 2018 Goodpatch Inc. All Right Reserved. 25 σβΠϯͱٕज़Λͭͳ͙
Design Technology © 2018 Goodpatch Inc. All Right Reserved.