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
290
はじめてサービスデザインを任されたデザイナーがいかに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
400
「みんなのデザイン」のために 〜 EC-CUBE 4 の管理画面をデザインするにあたって考えたこと
witch_doktor
2
2.6k
理想のデザインプロセスについて考える〜EC-CUBE 4の管理画面デザインで学んだデザインプロセスの面白さ・難しさ
witch_doktor
0
3.3k
コミュニティがJUSO Coworkingを育ててくれた
witch_doktor
0
130
どれだけかかるの? WordPressでウェブサイト制作、お見積の実際
witch_doktor
16
9.4k
フリーランスウェブデザイナーのホントのトコロ 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
Building foundations 堅牢なデザイントークンの設計
hilokifigma
1
2.7k
藤本佳子・ポートフォリオ・2025/01
yoshi_designer
0
4.5k
Dive Deep into Communication
yomtsu
0
230
1年目のクリエイターがつくりあげた!採用冊子CANVAS制作の裏側 / creator-canvas
cyberagentdevelopers
PRO
1
580
Дизайн услуги через её визуализацию с Картой процесса-опыта
ashapiro
0
280
Webデザイナーが押さえておきたいエンジニアとの連携ポイント
448jp
0
3.3k
20241204_UI/UXデザイナーLT会 - vol.10_DMM
motokoishida
0
330
2024/11/25 ReDesigner Online Meetup 会社紹介
cybozuinsideout
PRO
0
440
Rayout Pattern 01
one0
0
1.7k
ネーミングの極意 - その名は体を現していますか? -
kakukoki
2
520
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜
tak073
0
300
【デザイン初め新年会2025|01.08】事業貢献するデザイン組織の挑戦 - 2025年、課題解決をリードする。
payatsusan213
0
11k
Featured
See All Featured
Practical Orchestrator
shlominoach
187
10k
Writing Fast Ruby
sferik
628
61k
Reflections from 52 weeks, 52 projects
jeffersonlam
349
20k
Building Adaptive Systems
keathley
41
2.5k
Building an army of robots
kneath
304
45k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
2.9k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Optimizing for Happiness
mojombo
377
70k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
We Have a Design System, Now What?
morganepeng
51
7.5k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
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