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
250
コードを書きながらデザインする意味と効果 / 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.8k
2018 Cookpad Spring Internship Service Develoment Course
dex1t
3
3.3k
体験を売るためのサービスづくり
dex1t
3
800
Kibela meets Stripe - Stripeを使って新規SaaSを立ち上げた話 #JP_Stripes
dex1t
12
4.7k
不確実さとうまく付きあうサービス開発
dex1t
3
2.6k
Other Decks in Design
See All in Design
Flow, Not Stock 知識触媒としてのIA
5kaichi
1
290
なぜプレイドにデザインエンジニアが必要だったのか?
t32k
0
510
オリジナルのデザイン地図を作ってみた!〜OpenMapTilesとMaputnikを活用した地図スタイル〜
hjmkth
1
570
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
0
1.3k
Generating Momentum | Yasuhiro Yokota
yasuhiroyokota
1
370
Liquid Iron
mcduckyart
1
110
The Golden Whitney
ohtristanart
PRO
0
510
アップロード-職業訓練_ワンランク上に見せるデザインのコツ.pdf
keita_yoshikawa
0
130
Cyber Heart Online Book
hjnasby
0
120
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP!】
vivion
0
730
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
taka_piya
0
1k
Crisp Code inc. ブランドガイドライン
so_kotani
1
190
Featured
See All Featured
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
124
52k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
Embracing the Ebb and Flow
colly
86
4.7k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
680
A designer walks into a library…
pauljervisheath
207
24k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.9k
Balancing Empowerment & Direction
lara
1
380
RailsConf 2023
tenderlove
30
1.1k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
710
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
17
950
Navigating Team Friction
lara
187
15k
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୲ऀΛืूத
ࠓͤͳ͔ͬͨ͜ͱ ͝ҙݟཁΛϓϩμΫτʹͲ͏औΓೖΕΔ͔ அج४ ϢʔβʔͱͷίϛϡχέʔγϣϯͷऔΓํ ಛʹظʹ͑ΒΕͳ͍߹ 竲ֹכ䥪鋵⠓ד