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
ユーザーと向き合いながらつくるSaaS #service_dev
Search
Takaya Deguchi
July 19, 2017
Design
3
9.6k
ユーザーと向き合いながらつくるSaaS #service_dev
ServiceDev Meetup #1
https://tokubai.connpass.com/event/61079/
Takaya Deguchi
July 19, 2017
Tweet
Share
More Decks by Takaya Deguchi
See All by Takaya Deguchi
Figmaでデザインを"ひらく" / Design for Everyone by Figma
dex1t
1
1.3k
キャリアの分岐点 / the intersection of my carrier
dex1t
3
260
コードを書きながらデザインする意味と効果 / The intersection of design & engineering
dex1t
7
2.6k
Cookpad Summer Internship 2018, 5 days Product Course
dex1t
3
7.4k
Machine Learning for Rapid Prototyping #CIIDSummerSchool
dex1t
8
4.9k
2018 Cookpad Spring Internship Service Develoment Course
dex1t
3
3.3k
体験を売るためのサービスづくり
dex1t
3
810
Kibela meets Stripe - Stripeを使って新規SaaSを立ち上げた話 #JP_Stripes
dex1t
12
4.7k
不確実さとうまく付きあうサービス開発
dex1t
3
2.6k
Other Decks in Design
See All in Design
Cyber Heart Online Book
hjnasby
0
170
保育AIプロダクトの UXデザインで考えてきたこと / hoiku-ai-ux-design
hiro93n
0
130
ChatGPT、Gemini、Claude は、なぜ似たようなUIを採用しているのか?
fuwarisprit
0
390
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
450
Мышление историями. Как текстовые модели поведения помогают дизайнеру проектировать
ashapiro
0
140
第4回関東Kaggler会LT HCD-Net人間中心設計スペシャリストが語るNotebookメダルの取り方
utm529f
0
940
Findyのプロデチームの 歩みとこれから
satty9556
0
260
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
nikkei_engineer_recruiting
8
4.5k
Bulletproof Design System with TypeScript
takanorip
7
4k
portfolio.pdf
onof003
0
160
地理院地図をもっと楽しく!れきちず新機能のご紹介
hjmkth
1
120
21 Ways to Call American Airlines Customer Care Full Guide USA
americanhub
0
200
Featured
See All Featured
Build your cross-platform service in a week with App Engine
jlugia
231
18k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Gamification - CAS2011
davidbonilla
81
5.4k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Practical Orchestrator
shlominoach
190
11k
Automating Front-end Workflow
addyosmani
1370
200k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.4k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
185
54k
Documentation Writing (for coders)
carmenintech
73
5k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.8k
Facilitating Awesome Meetings
lara
55
6.5k
Transcript
Ϣʔβʔͱ͖߹͍ͳ͕Βͭ͘Δ4BB4 ServiceDev Meetup #1 2017.07.19 @dex1t
ग़ޱو גࣜձࣾϏοτδϟʔχʔΫοΫύουגࣜձࣾ ϓϩμΫτϚωʔδϟʔ 69ΤϯδχΞ Ϗοτδϟʔχʔۀ࣌ʹࢀըɻॳظ,JCFMB։ൃʹ ؔ͢ΔશͯΛ୲ɻ࠷ۙϓϩμΫτϚωδϝϯτ ମݧઃܭɺ$4ͳͲϢʔβʔͱͷʹΛ࣋ͭɻ झຯ8FCαʔϏεͷΞϯέʔτճɻ @dex1t
ࠓ͓͢͠Δ͜ͱ ,JCFMBͬͯͲΜͳαʔϏεʁ ,JCFMBͷ։ൃͰେʹ͍ͯ͠Δ͜ͱ ͦΕΛࢧ͑Δٕज़ͱ࣮ફ
,JCFMBͬͯͲΜͳαʔϏεʁ
ࠓ݄ʹϦϦʔε͠·ͨ͠
None
None
,JCFMBͷίΞίϯηϓτ
ͳͥݸਓͷൃ৴ʁ
ݪମݧΫοΫύουࣾͷ(SPVQBE ͯͳάϧʔϓ͔ΒӨڹΛड͚ͨࣾϒϩά 8JLJαʔϏε ։ൃ৬Λத৺ʹόοΫΦϑΟεͷਓɺ͖উखʹϒϩάΛॻ͘จԽ ۀʹؔͳ͍͜ͱͰ$ ϒϩάΛ௨ͯ͠ɺਓͱͳΓಘҙ͕ݟ͑ͯ͘Δ
Γ͍ͨࣄʹͭͳ͕Δ ͭͷྠ
Γ͍ͨ ಘҙ Δ͖ Ռ͕ग़͍͢ࣄ ͭͷྠ
৫ͰΔ͖͜ͱൺֱతݟ͚͍ͭ͢ ෦ॺͷඪ ҰํͰɺࣗͷΓ͍ͨ͜ͱಘҙൃ৴͠ͳ͍ͱଞਓʹΘΒͳ͍ ଞਓʹΘΒͳ͍ͱɺΓ͍ͨ͜ͱΛࣄͱ࣮ͯ͠ݱ͢Δͷ͍͠ ಛʹ৫͕େ͖͘ͳΔ΄ͲɺݸਓຒΕͯ͠·͏
෦ॺ͕Ͱ͖͡ΊΔνʔϜن dਓ ͕ͭͷᮢ ͭͷྠΛॏͶΔʹݸਓͷൃ৴͕ॏཁ
ࣾʹ͓͚Δݸਓൃ৴ͷසɺࣄ্ͷՌʹܨ͕ΔͷͰ ݸਓൃ৴͕͍͢͠࡞Γ จԽ࡞Γͷࢧԉ ΛαʔϏεʹͰ͖ΔͷͰ ΫοΫύουͷ(SPVQBE͕ͦͷઌߦࣄྫ ଞͷࣄۀձࣾʹಉ༷ͷχʔζ͕͋ΔͷͰ
͔ࣾΒ࣮ࡍʹґཔΛड͚ͨͷ͕ɺϏοτδϟʔχʔࣾۀͷ͖͔͚ͬ ͦͷޙɺࣾͰ,JCFMBͷϓϩτλΠϓΛ࣮ؒӡ༻ ,JCFMBͷԾઆ
ϏδωεϞσϧ ֹ݄ԁਓͷαϒεΫϦϓγϣϯϞσϧ ໊ҎԼແྉɺΞΫςΟϒϢʔβʔͷΈྉۚൃੜ ͍ΘΏΔ4BB4Ϟσϧ 4PGUXBSFBTB4FSWJDF
༗ྉސ٬΄΅اۀͰͷར༻ #UP#͕ϝΠϯ ͪΖΜ͝ՈఉͰ͓͍͍͚ͨͩ·͢ ݄ؒܦৗऩӹ .33 ͱ $ISVO ͕ॏཁͳࢦඪ ΧελϚʔαΫηε ΧελϚʔαϙʔτ ͕ཁ
,JCFMBͷ։ൃͰେʹ͍ͯ͠Δ͜ͱ
ࠓlϢʔβʔཧղzʹ͍ͭͯ Ϣʔβʔཧղͷపఈ Γͳ͕Βֶͼɺਖ਼ղʹ͚ۙͮΔ ϓϩμΫτՁͷݴޠԽ
ଞͷʹ͍ͭͯ͝ڵຯ͋Δํͪ͜Β https://speakerdeck.com/dex1t/
⚡αʔϏε։ൃͷେલఏ⚡
୭ਖ਼ղ͕Θ͔Βͳ͍ αʔϏε։ൃʹ͓͚Δେલఏ IUUQTP[BJLBUTVNBUW
୭ਖ਼ղ͕Θ͔Βͳ͍ͳ͔Ͱ ਓ͕ཉ͕͠ΔͷΛͭ͘Δ͜ͱ αʔϏε։ൃͱ IUUQTP[BJLBUTVNBUW
ϢʔβʔཧղαʔϏε։ൃͷඞཁ݅ ରͷཧղͳ͠Ͱ࡞Δ͖ϞϊܾΊΒΕͳ͍ ͕ࣗରͷ߹ָ Ձ؍ɺར༻จ຺ɺߦಈΛཧղ͢Δ ൃݴ༰ΑΓࣄ࣮ʹ
े݅Ͱແ͍
Ձ؍ϓϥΠϕʔτͰੵۃతʹใൃ৴ɻݟͰ ͖Δ͚ͩڞ༗͍ͨ͠ ར༻จ຺ۀதͪΖΜɺࣾ֎ͰεϚϗ͔ΒӾཡ ߦಈຖ,JCFMBʹใΛߘ͍ͯ͠Δ Ձ؍ϧʔνϯۀͰҰ͕ऴΘΔɻಛʹॻ͘͜ͱͳ Μͯແ͍ ͱࢥ͍ࠐΜͰ͍Δ ར༻จ຺1$࡞ۀޕલத͚ͩͳͷͰɺ࡞ۀதͷଉൈ ͖ʹ,JCFMBΛ։͘
ߦಈ,JCFMB΄΅ݟΔઐ ؒٝآص، 筨
#UP#αʔϏεಛ༗ͷ͠͞ #UP#αʔϏεಋೖܾఆऀʺར༻ऀ ಛʹ,JCFMBొΩϟετ͕ଟ͍ ϓϥΠϕʔτͰใڞ༗ʹੵۃతͳlΤϯδχΞz ԟ๚͕ଟ͘ΦϑΟεʹ͍ͳ͍͜ͱ͕ଟ͍lӦۀz
ਓࢿ࢈Λཧ͢Δཱʹ͋Δlγεz ΩϟετຖʹαʔϏεʹର͢Δҙཉར༻จ຺͕ҟͳΔ
ελʔτΞοϓಛ༗ͷ͠͞ Ϟϊ͕ແ͍ঢ়ଶͰͷΠϯϓοτෆ ΠϯλϏϡʔରऀΛ·ͣ୳͢ॴ͔Β Ϣʔβʔཧղ͕େࣄͱ͍͑ௐ͔ࠪΓͯ͠ΒΕͳ͍ Ϟϊ͕ແ͍ঢ়ଶͰͷয૩ײ
গͳ͍Ϧιʔε
,JCFMBͰͷ࣮ફྫ
ΦϑϥΠϯͰͷΠϯλϏϡʔ ܗࣜʹ߆Βͣɺࣄ͋Δຖʹ࣮ફ ࡶஊҿΈձΠϯλϏϡʔͷ ॳظΫοΫύουࣾһʹΠϯλϏϡʔ (SPVQBEϢʔβʔͰ͋ΔΫοΫύουࣾһʹฉ ͘͜ͱɺ,JCFMBϢʔβʔͷཧղʹܨ͕Δ
,JCFMB࠷ॳظͷΦϯϥΠϯΠϯλϏϡʔ ֤ࣾ$50ͳͲใڞ༗ͷضৼΓͳํʑΛট ॳظͷوॏͳΠϯϓοτͷ ΞοϓσʔτΛ͓Βͤ͢Δͱͯ͠׆༻ ݸผʹಋೖࢧԉ
ݱࡏαʔϏενϟοτ ޙड़ ʹׂΛҠߦ ΞϧϑΝ൛Ϣʔβʔͱͷ4MBDL
5XJUUFSΤΰαʔν ։ൃऀʹݴͬͨΘ͚Ͱͳ͍Կؾͳ͍Ұݴ͔ΒՁ ؍͕֞ؒݟ͑Δ ࠔΓࣄͰ͋Εͪ͜Β͔Βֻ͚αϙʔτ ڝ߹ʹ͍ͭͯΤΰαʔν ڝ߹ࣗମͰͳ͘ɺͦͷར༻ऀʹڵຯ
ڝ߹ͷϢʔβʔࣗͨͪͷఆϢʔβʔ
ΧελϚʔαϙʔτ݉ΠϯλϏϡʔ ,JCFMBͰ$4ʹνϟοτ *OUFSDPN Λར༻ ͝ҙݟνϟοτʹॻ͍ͯΒ͏ ͝ҙݟ͍ͬͺͳ͠Ͱͳ͘ɺਂ۷Γ͢Δ
ར༻จ຺ɺߦಈɺҙਤΛฉ͘ ϑΟʔυόοΫΠϯαΠτɺ5SFMMPʹཷΊ ͯɺि࣍ͷఆྫͰҰͭҰͭٞ
⚙࣮ફ͢ΔͨΊͷΈͮ͘Γ⚙
ϢʔβʔͱͷΓऔΓνʔϜશһ͕ݟ͍ͯΔͰ ࣾͰҰ൪ൃݴ͕ଟ͍νϟωϧ“#cs” αϙʔτ࣌ͷΓऔΓΛ4MBDLʹྲྀ͢ (NBJMΘͣ*OUFSDPNʹू ͕Ͳ͏ࢥΘΕ͍ͯΔͷ͔ɺϑΟϧλʔ Λ௨ͣ͞ʹશһ͕ײ͡औΔ͖
Ϣʔβʔཧղʹܨ͕Δ $4ઐډͳ͍ͷͰ୭ͰରԠͰ͖ΔΑ͏ʹ
5XJUUFS্Ͱͷαϙʔτ4MBDLͰ 5XJUUFSΞΧϯτ !LJCF@MB Λ$IBU0QT͢Δ#PU IUUQTHJUIVCDPNEFYUTQBSSPXCPU 5ISFBEͰͷϦϓϥΠɺ*OUFSBDUJPO#VUUPOͰͷ-JLF35
ؾʹͳΔπΠʔτΛݟ͚ͭͨΒੵۃతʹαϙʔτ ਓͰؤுΒͣʹΈΜͳͰΔ
ͪΖΜఆྔతͳΞϓϩʔν αʔϏεͷߦಈϩά.JYQBOFMʹੵ όΠωʔϜͰߦಈཤྺΛ͑ΔΑ͏ʹ ৄ͘͠৽αʔϏε্ཱͪ͛࣌ͷॏཁࢦඪͷσβΠϯ IUUQUFDIMJGFDPPLQBEDPNFOUSZEFTJHOJOHLFZNFUSJDT
lਓzʹ·ͭΘΔσʔλΛܨ͛Δ ಉ͡ਓʹ·ͭΘΔσʔλͰతͷҧ͍ʹΑͬͯஅ͕ͪ͠ ϚʔέςΟϯάɺ$4ɺϓϩμΫτ෦͕ͦΕͧΕผͷγες ϜΛಋೖͯ͠ɺͦΕͧΕʹσʔλ͕ཷ·͍ͬͯΔঢ়ଶ ,JCFMBͰ*OUFSDPNΛϋϒʹ͍ͯ͠Δ νϟοταϙʔτ
؆қ$3. ϚʔέςΟϯάϝʔϧ৴ .JYQBOFMͱ࿈ܞͯ͠ɺߦಈཤྺΛΈͭͭαϙʔτ͢Δ Ϣʔβʔͱͷ͔ΒಘͨใΛແବʹ͠ͳ͍
*OUFSDPN͕͖͗ͯ͢ϒϩάΛॻ͍ͨ IUUQCMPHEFHPPPSHFOUSZ
·ͱΊ
Ϣʔβʔͱ͖߹͍ଓ͚ΔΈ࡞Γ 4BB4ϏδωεతʹΧελϚʔαϙʔτ͕Χφϝ ϓϩμΫτͱͯ͠Ϣʔβʔཧղ͔ܽͤͳ͍ αϙʔτͱϢʔβʔཧղදཪҰମ গਓͰؤுΒͣʹճΔΈͮ͘Γ͕ඞཁ ϏοτδϟʔχʔͰ,JCFMBͷ$4୲ऀΛืूத
ࠓͤͳ͔ͬͨ͜ͱ ͝ҙݟཁΛϓϩμΫτʹͲ͏औΓೖΕΔ͔ அج४ ϢʔβʔͱͷίϛϡχέʔγϣϯͷऔΓํ ಛʹظʹ͑ΒΕͳ͍߹ 竲ֹכ䥪鋵⠓ד