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
はじめてサービスデザインを任されたデザイナーがいかにRODEMの開発についていくようになったか
Search
Fukazawa Kojiro
July 03, 2017
Design
2
220
はじめてサービスデザインを任されたデザイナーがいかにRODEMの開発についていくようになったか
2017年7月1日DevLove関西「RODEM開発の現場」での発表スライド。同年3月のフロントエンドカンファレンスのアップデート版とであり、内容が重複する部分が結構あります。
Fukazawa Kojiro
July 03, 2017
Tweet
Share
More Decks by Fukazawa Kojiro
See All by Fukazawa Kojiro
見積変われば仕事が変わる? 関西在住ウェブ系フリーランス・お見積の理想と現実
witch_doktor
2
1.6k
「ワクワク」をデザインすること 〜 EC-CUBE 4 管理画面から学んだオープンソースソフトウェア体験のデザイン 〜
witch_doktor
4
270
「みんなのデザイン」のために 〜 EC-CUBE 4 の管理画面をデザインするにあたって考えたこと
witch_doktor
1
2.5k
理想のデザインプロセスについて考える〜EC-CUBE 4の管理画面デザインで学んだデザインプロセスの面白さ・難しさ
witch_doktor
0
3k
コミュニティがJUSO Coworkingを育ててくれた
witch_doktor
0
120
どれだけかかるの? WordPressでウェブサイト制作、お見積の実際
witch_doktor
16
9k
フリーランスウェブデザイナーのホントのトコロ vol.1 お仕事探しとスキルアップ編
witch_doktor
3
1.1k
新ツールやサービスから考える、明日からのデザインフロー
witch_doktor
5
1.6k
フリーランスWebデザイナーのホントのトコロ
witch_doktor
15
3.6k
Other Decks in Design
See All in Design
Resolving text accessibility dilemmas in UIs
romanshamin
0
130
共創のための地域基盤としての非公式組織の形成 / Informal community as an infrastructure for co-creation
fumiyaakasaka
2
220
Amebaデザインシステム Spindleの開発 / The Development of Spindle
spindle
4
620
Product-Writing
aguringo
6
2.8k
UX/UI改善に貢献するユーザーテストとは? 基礎知識から実施のプロセスまで解説
ncdc
0
320
Goodpatch Tour💙 / We are hiring!
goodpatch
28
690k
良いアプリケーションをデザインするための感覚の持ち方 / Cultivating a Sense for Designing Great Applications
usagimaru
23
7.8k
社内管理画面のデザインもプロダクトデザイン
takanorip
4
730
The Fight
euralisw
0
110
Desarrollo de Carrera en Diseño y Producto
solmesz1
2
170
デザインシステムで解消するさまざまな分断
hirataaa0220
1
170
不可分の民藝から可分の工業産業へ
creatorqsf
1
350
Featured
See All Featured
WebSockets: Embracing the real-time Web
robhawkes
59
7k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
220
21k
The Pragmatic Product Professional
lauravandoore
24
5.8k
YesSQL, Process and Tooling at Scale
rocio
163
13k
What the flash - Photography Introduction
edds
64
11k
Faster Mobile Websites
deanohume
298
30k
VelocityConf: Rendering Performance Case Studies
addyosmani
320
23k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
243
20k
Become a Pro
speakerdeck
PRO
10
4.5k
Rails Girls Zürich Keynote
gr2m
91
13k
Side Projects
sachag
451
41k
The Power of CSS Pseudo Elements
geoffreycrofte
59
5k
Transcript
͡ΊͯαʔϏεσβΠϯΛ͞Εͨ σβΠφʔ͕͍͔ʹ30%&.ͷ։ൃʹ ͍͍ͭͯ͘Α͏ʹͳ͔ͬͨ DevLoveؔ ʰRODEM ։ൃͷݱʱ 2017.7.01 ਂ࣏
͜Μʹͪɺ ਂ࣏Ͱ͢ ΣϒαΠτɾΞϓϦ ίϫʔΩϯάεϖʔε ϑϦʔϥϯε
30%&.Ͱ ͜Μͳ͜ͱΓ·ͨ͠ 30%&.ͷϓϩτλΠϓͰ͋ΔϞόΠϧ ΞϓϦͷσβΠϯ 30%&.ϩΰσβΠϯ ϐϘοτޙͷཧը໘ΠϯλʔϑΣΠε σβΠϯ ݄ͷϦχϡʔΞϧσβΠϯ 1 2
3 4
ࠓ͓ͳ͢͠Δ͜ͱ มߋΛલఏͱͨ͠։ൃʹ ରͯ͠σβΠφʔ͔Β ߩݙͰ͖Δ͜ͱ
30%&.ϓϩδΣΫτελʔτ
ॳϞόΠϧΞϓϦͱͯ͠։ൃ
͍࣌ͬͯͨΞϓϦέʔγϣϯ ͬͪ͜ҰԠˣ
σβΠϯϑΝΠϧڞ༗#BTFDBNQͰ
ΞϓϦ੍࡞ͷཁٻʹ͍͍͚ͭͯͳ͍ʜ ݻఆͨ͠ཁૉͷΠ ϝʔδ͕Θ͔ͳ͍ ࣮ͯ͠ϞόΠϧͰݟΔͱͳΜ͔ҧ͏ ͜ͷը໘σβΠ ϯͷ࠷৽൛ͲΕ͚ͩͬ ʁ ཁૉؒ༨നͷΨΠ υϥΠ ϯ͕΄͍͠
ը૾ෳαΠ ζͰॻ͖ग़ͯ͠Ͷ σβΠ ϯϧʔϧΛมߋ͍ͨ͠
ΛҾͬு͍ͬͯΔةػײ͔Β ϓϩτλΠϐϯάʹڵຯ͕Θ͍ͨ
࣌ͷϓϩτλΠϐϯάʜ #PPUTUSBQͳͲΛ༻͍ͨΠϯϒϥβ σβΠϯ͕ओྲྀ σβΠφʔʹෑډ͕ߴ͍ ͦͦΞϓϦͷ߹)5.-ͱ$44͍Βͳ͍ ϓϩτλΠϐϯά༻ͷ$44ͱຊ൪༻ͷ$44ɺ ݁ہผʹͳΔΑ͏ͳؾ͕͢Δʜ 1 2 3
ϐϘο τͯ͠ΣϒαʔϏε൛
͜͜Ͱ4LFUDIΛѻ͍͡ΊΔ ͰΠϚΠνΑ͕͞Θ͔ͬͯͳ͔ͬͨ
ͦͷ͜Ζɺ άϥϑΟ οΫπʔϧͰͷ ϓϩτλΠϐϯάڥ͕͖ͬͯͯͨ
"EPCF9% ʢ&YQFSJFODF%FTJHOʣ ݄ύϒϦοΫϓϨϏϡʔຊޠ൛ެ։ ʮϫΠϠʔϑϨʔϜ ЋʯखؒͰͰ͖Δ
͡Ίͯͷํʹ"EPCF9% खܰʹϓϩτλΠϐϯάΛମݧͰ͖Δ ͬ͞ͱϫΠϠʔϑϨʔϛϯά
͡Ίͯͷํʹ"EPCF9% खܰʹϓϩτλΠϐϯάΛମݧͰ͖Δ ϦϯΫཁૉͱը໘Λͭͳ͛Δ
͙͢ʹϖʔδભҠ͕ ࢼͤΔ
ڞ༗ϘλϯͰ63-ൃߦ ϓϩτλΠϓΛଈެ։ɾڞ༗
σβΠϯσʔλΛϓϩτλΠϓԽ 4LFUDI *O7JTJPO
*O7JTJPOʜϓϩτλΠϓ࡞πʔϧ
*O7JTJPOʜϓϩτλΠϓ࡞πʔϧ ϓϩδΣΫτͳΒແྉ
*O7JTJPOʜϓϩτλΠϓ࡞πʔϧ ը૾Λಡ·ͤͯϖʔδ࡞ 5IF4BNQMFJNBHFJTEFTJHOFECZ.BIJTB%ZBO%JQUZB
*O7JTJPOʜϓϩτλΠϓ࡞πʔϧ ๛ͳը໘ભҠΤϑΣΫτ 5IF4BNQMFJNBHFJTEFTJHOFECZ.BIJTB%ZBO%JQUZB
*O7JTJPOʜϓϩτλΠϓ࡞πʔϧ ϥΠϒڞ༗Ͱखॻ͖ϝϞ·Ͱ 5IF4BNQMFJNBHFJTEFTJHOFECZ.BIJTB%ZBO%JQUZB
*O7JTJPOʜϓϩτλΠϓ࡞πʔϧ 4LFUDIͱ࿈ܞ͢Δͱߋʹศར 5IF4BNQMFJNBHFJTEFTJHOFECZ.BIJTB%ZBO%JQUZB
$3"'5ʜ*O7JTJPO4LFUDIϓϥάΠϯ
$3"'5ʜ*O7JTJPO4LFUDIϓϥάΠϯ ϘλϯҰൃͰσβΠϯσʔλΛ*O7JTJPO Ξοϓϩʔυɾಉظ αϯϓϧίϯςϯπͷΧϯλϯૠೖ खॻ͖ίϝϯτ ཁૉͷϦϐʔτ σβΠϯΨΠυͷࣗಈੜʢޙड़͠·͢ʣ 1 2 3
4 5
ϥΫʹͳͬͨϙΠϯτ
ཁٻΛͱʹ͔͘͘ΧλνʹͰ͖Δ 1IPUPDSFEJU
[email protected]
WJB7JTVBMIVOU$$#:/$4"
ཁٻΛͱʹ͔͘͘ΧλνʹͰ͖Δ ཁٻΛͱʹ͔͘͘ΧλνʹͰ͖Δ Ұ൪େมͳͱ͜Ζཁ͔ΒجຊઃܭΛ ͱΓ͋͑ͣܗʹ͢Δͱ͜ ׂ͘Β͍ͷͰݟͤΔ ͖ͬΓ͠ͳ͍༷దʹԾઆཱͯͯ ͭͬͪ͘Ό͏ 1 2 3
1IPUPDSFEJUHPMECFSHWJB7JTVBM)VOU$$#:4" ϛʔςΟϯάͷՁ͕ഒ૿
1IPUPDSFEJUHPMECFSHWJB7JTVBM)VOU$$#:4" ϛʔςΟϯάͷՁ͕ഒ૿ ϛʔςΟϯάͷՁ͕ഒ૿ σβΠϯσʔλͷڞ༗͕ͱͯ؆୯ मਖ਼ɾࢥ͍͖͙ͭ͢ʹө ϛʔςΟϯάͷؒʹ͋Β͔ͨऴΘΔ ϑΟʔυόοΫରԠ σβΠϯͷաఔ͕ڞ༗͞Ε͍ͯΔͷͰ εςʔΫϗϧμʔͷೲಘײ͕ߴ͍ 1
2 3 4
1IPUPDSFEJUHPMECFSHWJB7JTVBM)VOU$$#:4" ࣮ऀ͕ൺֱత҆৺ͯ͠ணखͰ͖Δ
1IPUPDSFEJUHPMECFSHWJB7JTVBM)VOU$$#:4" ࣮ऀ͕ૣΊʹ҆৺ͯ͠ணखͰ͖Δ ࣮ऀ͕ൺֱత҆৺ͯ͠ணखͰ͖Δ ಈ͔ͤΔ͔ΒɺΈΜͳͰૣظʹ6*ͷΞϥ ໃ६Λ͋ͿΓग़͢͜ͱ͕Ͱ͖Δ ໃ६͕ͳ͍͜ͱΛ֬ೝͰ͖ͯͨΒɺ༷ʹ ٙ೦Λ๊͔ͣʹػೳ࣮ʹूதͰ͖Δ 1 2
4LFUDIʹΑΔ มߋʹڧ͍σβΠϯσʔλ࡞
৽ػೳ γϯϘϧͷωετͱΦʔόʔϥΠυ
γϯϘϧͷதʹγϯϘϧΛೖΕΔ -BCFM -BCFM -BCFM 8IFSFBSFZPV -BCFM -BCFM -BCFM CVUUPO CVUUPO
CVUUPO CVUUPOT
γϯϘϧʹؚ·ΕΔςΩετΛ্ॻ͖ &WFSZXIFSF 5IFSF )FSF 8IFSFBSFZPV CVUUPOT
ωετ͞ΕͨγϯϘϧͷࠩ͠ସ͑ ɾআ 5IFSF )FSF 8IFSFBSFZPV CVUUPOT
"UPNJD%FTJHO ׂෆՄೳͳࡉ͔͍ίϯϙʔωϯτʢݪࢠʣ͔Β σβΠϯ͠ɺ͜ΕΒΛΈ߹Θ͍ͤͯ͘͜ͱͰϖʔδ σβΠϯΛ৫͍ͯ͘͠σβΠϯͷߟ͑ํ ݪࢠ "UPNT ࢠ .PMFDVMFT ༗ػମ 0SHBOJTN
ςϯϓϨʔτ 5FNQMBUF ϖʔδ 1BHF
ཁૉΛσβΠϯσʔλ্Ͱଟʹ৫
༻ҙͨ͠ύʔπͷΈ߹ΘͤͰ ৽نϖʔδσβΠϯ͕Ͱ͖Δ )FBEJOH )FBEJOH )FBEJOH )FBEJOH )FBEJOH )FBEJOH -PSFNJQTVNEPMPSTJUBNFU
DPOTFDUFUVSBEJQJTDJOHFMJU TFE EPFJVTNPEUFNQPSJODJEJEVOUVU MBCPSFFUEPMPSFNBHOBBMJRVB 6UFOJNBENJOJNWFOJBN RVJT OPTUSVEFYFSDJUBUJPOVMMBNDP -BCFM -BCFM -BCFM -BCFM -BCFM -BCFM
σβΠϯσʔλ͔ΒͷΨΠυੜ
$44͔Β࡞ΔελΠϧΨΠυ͋͘·Ͱ ࣮ऀʹΑΔ࣮๏ͷڞ༗ͷͨΊͷࢿྉ σΟϨΫλʔɾσβΠφʔ͔Β࣮ऀʹ ελΠϧΨΠυΛࣔͤΔɾߋ৽Ͱ͖Δ 1 2
$3"'5ͷϥΠϒϥϦ ελΠϧΨΠυʢTUZMFTʣϖʔ δΛࣗಈੜ 4LFUDIσʔλʹؚ·ΕΔ৭ɾ ϑΥϯτɾςΩετελΠϧΛ ࣗಈͰݕग़ɾϦετΞοϓ ελΠϧΨΠυ͔ΒҰׅஔ *O7JTJPO্ʹڞ༗
*O7JTJPO ΠϯεϖΫτϞʔυ $3"'5ͰΞοϓϩʔυͨ͠ 4LFUDIσʔλΛ*O7JTJPO্Ͱ ղੳ ֤ը໘ΛϒϥβͰදࣔͭ͠ ͭɺίʔσΟϯάʹཱ͍ͭΖ ͍Ζͳใ͕ࢀরͰ͖Δ Ξηοτͷॻ͖ग़͠ʹରԠ
σβΠϯΨΠυͰϥΫʹͳͬͨ͜ͱ ࣮ऀͷࢦ͕ࣔ໌շʹͳΔ 4LFUDIΛ͍࣋ͬͯͳ͍࣮ऀʹ؆୯ʹ σʔλΛৄ͘͠ݟͯΒ͑Δ ڞ༗͕؆୯ɻ࠷৽ͷใ͕ϘλϯҰൃͰ 1 2 3
݄
͜ΕΒͷπʔϧʹॿ͚ΒΕͯ 30%&.ϦχϡʔΞϧ
None
ԾઆݕূͷݱͰ σβΠφʔ͕Ͱ͖Δ͜ͱ
σβΠφʔͷࣄ ʮ্͛ʯ ͚ͩ ͡Όͳ͍ ϓϩτλΠϐϯάπʔϧͷྗͰԾઆΛ࣌ؒ Ͱ۩ݱԽͰ͖Δ σβΠϯύʔπͷίϯϙʔωϯτԽΛҙࣝ ͢Εେ͖ͳมߋʹ৯͍͍͍͚ͭͯΔ ൺֱత༰қʹ࣮ऀΛΞγετ͢Δ͜ͱ͕ Ͱ͖Δ
1 2 3
ͨͩ͠ɺ ৽πʔϧϑϩʔͷཧղ͕ νʔϜશମʹඞཁ
ͻͱΓͷσβΠϯ͔Β ΈΜͳͷσβΠϯ
σβΠφʔԾઆݕূʹ ੵۃతʹߩݙͰ͖Δ
͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ ਂ࣏ɹ @XJUDI@EPLUPS