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
310
はじめてサービスデザインを任されたデザイナーがいかに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
460
「みんなのデザイン」のために 〜 EC-CUBE 4 の管理画面をデザインするにあたって考えたこと
witch_doktor
2
2.7k
理想のデザインプロセスについて考える〜EC-CUBE 4の管理画面デザインで学んだデザインプロセスの面白さ・難しさ
witch_doktor
0
3.5k
コミュニティがJUSO Coworkingを育ててくれた
witch_doktor
0
150
どれだけかかるの? WordPressでウェブサイト制作、お見積の実際
witch_doktor
16
9.7k
フリーランスウェブデザイナーのホントのトコロ 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
maki setoguchi
maki_setoguchi
0
530
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
6
3.1k
Portfolio 齋藤明敏 Hiroyuki Saito_守秘義務あり
crearedesign
0
350
チームで事業価値を生み出す、プロアクティブなデザイナーになるための道のり/ Designship2025_Naya
root_recruit
PRO
0
250
Liquid GlassとApp Intents
touyou
0
460
OSO2025-マサカリと太陽:伝え方の情報デザイン
majimasachi
0
470
企業にデザインが融けたとき、デザイナーにできること。事業会社12年間の探究と葛藤 / Designship2025
visional_engineering_and_design
0
860
街・都市という眼差し。まちづくりにおける規範と実践
sakamon
0
160
A Platform Connecting Brand Philosophy and Assets: "LY Corporation Design Hub"
lycorptech_jp
PRO
0
450
「UXとUIの違い」v2
shirasu3
0
270
見栄えと使いやすさの先にある 特別感 をデザインする / Designing a Sense of Specialness Beyond Aesthetics and Usability
bitkey
PRO
0
140
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
akatsuki174
1
550
Featured
See All Featured
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.7k
The Power of CSS Pseudo Elements
geoffreycrofte
80
6k
Making Projects Easy
brettharned
120
6.4k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
2.9k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.2k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
54k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.1k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
192
56k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.6k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
Optimising Largest Contentful Paint
csswizardry
37
3.5k
Typedesign – Prime Four
hannesfritz
42
2.8k
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