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
300
はじめてサービスデザインを任されたデザイナーがいかに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.8k
「ワクワク」をデザインすること 〜 EC-CUBE 4 管理画面から学んだオープンソースソフトウェア体験のデザイン 〜
witch_doktor
4
440
「みんなのデザイン」のために 〜 EC-CUBE 4 の管理画面をデザインするにあたって考えたこと
witch_doktor
2
2.7k
理想のデザインプロセスについて考える〜EC-CUBE 4の管理画面デザインで学んだデザインプロセスの面白さ・難しさ
witch_doktor
0
3.4k
コミュニティがJUSO Coworkingを育ててくれた
witch_doktor
0
140
どれだけかかるの? WordPressでウェブサイト制作、お見積の実際
witch_doktor
16
9.6k
フリーランスウェブデザイナーのホントのトコロ 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
AI時代に、僕たちデザイナーはどう歩むか
kazuhirokimura
0
340
Saudade typeface
tiagoporto
0
340
企画を動かすデザイナーの思考!「広げて絞る」アプローチ。
hikidakan
0
150
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
trivia
0
530
組織で取り組むアクセシビリティのはじめ方
masakiohsumi
0
170
業務効率化だけじゃ物足りない AIと一緒にプロトタイプ開発
shingo2000
1
1.6k
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
440
AIで加速するアクセシビリティのこれから
magi1125
3
650
Goodpatch Tour💙 / We are hiring!
goodpatch
31
880k
“ブロック”で作る、WordPress制作フロー変革のすすめ
koots2021
4
1.9k
【最新】マズロー安達の弟子実績(1期-4期の26人分)
maslow_akkun
0
1.7k
FigmaのFigmaファイルから学ぶTips & Tricks
hilokifigma
0
650
Featured
See All Featured
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
480
Visualization
eitanlees
147
16k
Bash Introduction
62gerente
614
210k
Done Done
chrislema
185
16k
Building Adaptive Systems
keathley
43
2.7k
KATA
mclloyd
32
14k
The Language of Interfaces
destraynor
160
25k
Typedesign – Prime Four
hannesfritz
42
2.8k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Site-Speed That Sticks
csswizardry
10
780
BBQ
matthewcrist
89
9.8k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
820
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