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
270
はじめてサービスデザインを任されたデザイナーがいかに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.7k
「ワクワク」をデザインすること 〜 EC-CUBE 4 管理画面から学んだオープンソースソフトウェア体験のデザイン 〜
witch_doktor
4
370
「みんなのデザイン」のために 〜 EC-CUBE 4 の管理画面をデザインするにあたって考えたこと
witch_doktor
2
2.6k
理想のデザインプロセスについて考える〜EC-CUBE 4の管理画面デザインで学んだデザインプロセスの面白さ・難しさ
witch_doktor
0
3.2k
コミュニティがJUSO Coworkingを育ててくれた
witch_doktor
0
130
どれだけかかるの? WordPressでウェブサイト制作、お見積の実際
witch_doktor
16
9.3k
フリーランスウェブデザイナーのホントのトコロ vol.1 お仕事探しとスキルアップ編
witch_doktor
3
1.1k
新ツールやサービスから考える、明日からのデザインフロー
witch_doktor
5
1.7k
フリーランスWebデザイナーのホントのトコロ
witch_doktor
15
3.7k
Other Decks in Design
See All in Design
【pmconf2024】ユーザーになりきる「コスプレUX」で リサーチ解像度を上げる
kamechi7222222
1
8k
How to go from research data to insights?
mastervicedesign
0
200
20241204_UI/UXデザイナーLT会 - vol.10_DMM
motokoishida
0
220
界隈からの逃走–デザイン初め新年会2025
sekiguchiy
3
930
Where to Start with a Design System Across Different Frontend Frameworks | SpectrumTokyoMeetup#15
tararira
0
110
デザインシステムの力 Webデザイナーとエンジニアのための実践ガイド / The Power of Design System
spindle
9
4.7k
Rayout Pattern 01
one0
0
440
(第1回) アーキテクト・テックリード育成講座
masakaya
0
130
PMとデザイナーはニコイチ! メリットと具体的なアクション10選
mosmos_noki
2
1.3k
ネーミングの極意 - その名は体を現していますか? -
kakukoki
2
440
Charcoal 2.0: デザインシステムの基盤を再構築
godlingkogami
1
640
プロダクトデザイナー視点から見た チームでの意思決定の難しさと 重要ポイント3点
kei141
0
560
Featured
See All Featured
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.4k
Making the Leap to Tech Lead
cromwellryan
133
9k
Speed Design
sergeychernyshev
25
740
Testing 201, or: Great Expectations
jmmastey
41
7.2k
We Have a Design System, Now What?
morganepeng
51
7.3k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
44
9.4k
The Power of CSS Pseudo Elements
geoffreycrofte
74
5.4k
Typedesign – Prime Four
hannesfritz
40
2.5k
Done Done
chrislema
182
16k
Thoughts on Productivity
jonyablonski
68
4.4k
Optimizing for Happiness
mojombo
376
70k
Agile that works and the tools we love
rasmusluckow
328
21k
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