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.8k
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
事例で学ぶ!今日から使えるWebサービスUI改善ポイント
ncdc
0
210
minpaku-community-scrum-patterns
norinity1103
1
230
decksh object reference
ajstarks
2
1.3k
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
0
1.5k
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
6
1.9k
「UXとUIの違い」v2
shirasu3
0
190
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
taka_piya
1
2.3k
mento Design Team Portfolio
mento0fficial
0
530
数理的アプローチで挑むスマホUIのデザイン改善:タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
lycorptech_jp
PRO
0
730
【最新】マズロー安達の弟子実績(1期-4期の26人分)
maslow_akkun
0
1.3k
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
kitami
1
280
Installing and Running decksh/pdfdeck
ajstarks
1
830
Featured
See All Featured
Done Done
chrislema
185
16k
GitHub's CSS Performance
jonrohan
1031
460k
For a Future-Friendly Web
brad_frost
179
9.9k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
BBQ
matthewcrist
89
9.8k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
450
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.6k
Unsuck your backbone
ammeep
671
58k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
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୲ऀΛืूத
ࠓͤͳ͔ͬͨ͜ͱ ͝ҙݟཁΛϓϩμΫτʹͲ͏औΓೖΕΔ͔ அج४ ϢʔβʔͱͷίϛϡχέʔγϣϯͷऔΓํ ಛʹظʹ͑ΒΕͳ͍߹ 竲ֹכ䥪鋵⠓ד