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
開発プロセスデザイン v0.1
Search
Yusuke Ito
May 11, 2013
Education
2
280
開発プロセスデザイン v0.1
Yusuke Ito
May 11, 2013
Tweet
Share
More Decks by Yusuke Ito
See All by Yusuke Ito
おうちHackを取り入れた リノベーション事例
yusukeito
0
540
Server Side Swiftを しばらく運用してみた話
yusukeito
0
500
Swift からword2vecを 使ってみる
yusukeito
0
900
Swift Outside the Box
yusukeito
1
2.2k
SwiftでgRPCとProtocolBuffersを使う
yusukeito
4
1.2k
Swift on Raspberry Pi でI2Cデバイスを使う
yusukeito
1
630
Isomorphic Swift
yusukeito
2
570
Swiftの値付きEnumをHackする
yusukeito
0
280
Swift プロトコル指向なCのラッパーを作る
yusukeito
3
1.2k
Other Decks in Education
See All in Education
H5P-työkalut
matleenalaakso
3
33k
Switches
irocho
0
200
Gesture-based Interaction - Lecture 6 - Next Generation User Interfaces (4018166FNR)
signer
PRO
0
1.3k
経験に複利を効かせろ!ふりかえり研修2024
pokotyamu
23
8k
week4@tcue2024
nonxxxizm
0
420
Project Sprint 学生版(入門編)
copilot
PRO
0
220
Pen-based Interaction - Lecture 4 - Next Generation User Interfaces (4018166FNR)
signer
PRO
0
1.3k
論文の読み方 / How to survey
kaityo256
PRO
179
120k
Railsチュートリアルの歩き方 (第7版)
yasslab
PRO
1
1M
スクフェスの学びにチームを惹き込め! 社内同時視聴会のすゝめ!
pokotyamu
0
820
Introduction - Lecture 1 - Advanced Topics in Big Data (4023256FNR)
signer
PRO
1
1.2k
MonacaEducation導入手引き2024年第1版
asial_edu
1
190
Featured
See All Featured
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
51k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
352
28k
Product Roadmaps are Hard
iamctodd
45
9.8k
Teambox: Starting and Learning
jrom
128
8.4k
Faster Mobile Websites
deanohume
300
30k
The Brand Is Dead. Long Live the Brand.
mthomps
49
30k
YesSQL, Process and Tooling at Scale
rocio
165
13k
Code Reviewing Like a Champion
maltzj
515
39k
Web Components: a chance to create the future
zenorocha
306
41k
Fontdeck: Realign not Redesign
paulrobertlloyd
76
4.9k
Done Done
chrislema
178
15k
A Modern Web Designer's Workflow
chriscoyier
689
190k
Transcript
։ൃ *ϓϩηε* σβΠϯ ͖ͨͨ(v0.1) Yusuke Ito (@novi_)
What? • ։ൃϓϩηεࣗମΛσβΠϯ͢Δ • HCD, UXD, Agile, Scrum, Lean, Startup...
• ͲΕΛ࠾༻͢Δ͔? • Ͳ͏࠾༻͢Δ͔? • ͕ͯ͢ It Depends.
• ਓؒతͳ੍(ݸੑɺٕೳϨϕϧɺϞν ϕʔγϣϯɺࣄελΠϧ)ΛͲ͏Γ ӽ͑Δ͔? • ࣏తɺᐆດྖҬؚΊΔ • աఔͰνʔϜΛҭͯΔ͜ͱ͕Ͱ͖Δ͔ •
աఔͰจԽΛ࡞Δ͜ͱ͕Ͱ͖Δ͔
ਓؒத৺։ൃϓϩηε σβΠϯ • ) ਓؒத৺σβΠϯ(HCD)Ͱͳ͍ • ҎԼʹଓ͘ΨΠυϥΠϯΛ࡞͢Δ • ϓϩδΣΫτνʔϜ͝ͱʹͦͷΨΠ υϥΠϯΛద༻͢Δ
λʔήοτ༻్ͱਓ • WebαʔϏε·ͨϞόΠϧΞϓϦΛ ৽نʹ࡞Δ • +ελʔτΞοϓ·ͨখ͍͞νʔϜʹ ͍ͨ͠ • +ૣ͘ɺ҆શʹ࡞Γ͍ͨ
Ͳ͏͍͏ਓ͕͍Δ͔ • WebελʔτΞοϓ • Webϕϯνϟʔ (डୗorࣗࣾ) • Web੍࡞ձࣾܥ (CMS...)
Α͋͘ΔνʔϜߏ ࣌ؒ ϓϩδΣΫτ ղܾ͖͢ (1ͭ) ेਓ ϓϩδΣΫτ Ϛωʔδϟʔ
কདྷతʹୡ͍ͨ͠νʔϜ ࣌ؒ ϓϩδΣΫτ ղܾ͖͢ (1ͭ) ਓ ϓϩδΣΫτ ϓϩδΣΫτ ਓ ਓ
ϨϏϡʔ Ϛʔδ ϓϩδΣΫτ ϓϩδΣΫτ ϓϩδΣΫτ ϐϦΦυ
จԽɾश׳ • ͔ࣗΒௐΔश׳ • ͍͔ͭ͘ͷҙݟΛൺΔश׳ • ࣗͰߟ͑Δश׳ • σΟεΧογϣϯ͢Δश׳ •
ӳޠͰௐΔɺӳޠతʹߟ͑Δश׳ • ࣄͷநԽʹʹཱͭ
γϯϓϧࢦ • UX, UI, ίϯηϓτ • ։ൃϓϩηε • APIɺίʔυ •
ҰՕॴෳࡶʹͳΔͱɺ͔ͦ͜ΒҶͮΔࣜʹෳ ࡶʹͳΔ͜ͱ͕ଟ͍ɻৗʹγϯϓϧʹอͭ ྗΛ͢Δɻ • γϯϓϧʹ͢Δʹඇৗʹߴ͍நԽೳྗ͕ ඞཁ
ΞδϟΠϧͷޡղ • ΥʔλʔϑΥʔϧΛখͯ͘͞͠ɺߴ ʹճ͢ͷ͕ΞδϟΠϧetc.... • ͳͷͰɺΞδϟΠϧͱ͍͏ͷଘࡏ ͠ͳ͍ • ຊདྷͷΥʔλʔϑΥʔϧͱͷҧ͍ •
ϕʔεΓPDCA
DDD • RESTful API Ͱͷදݱ͕߹Θͳ͍αʔϏε(ες ʔτ͕ෳࡶͳͲ)Λ࡞Δͱ͖υϝΠϯΛϕʔ εʹઃܭ͢Δͱྑ͍͔͠Εͳ͍ • εςʔτ͕ෳࡶʹͳΔ߹αʔϏεͷઃܭ ͕ͦͦྑ͘ͳ͍(ෳࡶ)ͳ߹͕͋Δ
• ޠΔ্Ͱඞ࣮ͣ༻্ͷ(Τϥʔॲཧશ෦ؚ Ίͨ)ίʔυΛؚΊΔ • (ࢼߦࡨޡதͰ͢...)
՝ • ։ൃϓϩηεΛσβΠϯ͢Δਓ͕৫ ʹগͳ͘ͱ1ਓඞཁ • ࣄͱษڧͷཱ྆(࣌ؒతͳɺಛʹ ձࣾ৫ͷ߹)
ΨΠυϥΠϯͷత • நతͳҰൠ͚ͩͰͳ͘ɺλʔή οτʹࣔͨ͠ਓͨͪʹରͯ͠ͷ۩ମత ͳղܾࡦͱબࢶΛఏڙ͢Δ • ܦݧ্͏·͘ߦͬͨํ๏ͱͦͷΈ߹ ΘͤΛఏࣔ͢Δ
ద༻ํ๏ • ͜ͷΨΠυϥΠϯԽ͞Εͨख๏Λϕʔεʹɺ Ϛωʔδϟҙࢥܾఆऀ͕ͦͷνʔϜʹԠ͡ ͨΨΠυϥΠϯΛ࡞͢Δ • ϐϦΦυ͝ͱʹΨΠυϥΠϯΛ࠶ߏ͢Δ • (࣮ࡍͦΜͳʹ͏·͍͔͘ͳ͍Μ͚ͩͲͶ...)
ΨΠυϥΠϯҰཡ • ։ൃϓϩηεͷΨΠυϥΠϯ(͜Εϕʔε) • υΩϡϝϯτͷΨΠυϥΠϯ • όʔδϣϯཧͷΨΠυϥΠϯ • ίʔσΟϯάͷΨΠυϥΠϯ •
ͦͷଞඞཁͳΨΠυϥΠϯ
ܭըͱϑΟʔυόοΫ • ϓϩδΣΫτͷܭըΛཱͯΔ→͏·͘ ͍͔ͳ͍ͷͰյ͢ • ίʔυΛॻ͘→Ԛ͍ɺഁ͢ΔͷͰࣺ ͯΔ • ͳͥ͏·͘ߦ͔ͳ͔ͬͨͷ͔ਖ਼͘͠ϑ ΟʔυόοΫ͢Δ
ϓϩδΣΫτͷܭը • ਓ(ΫϥΠΞϯτ͕͍Δ߹ΫϥΠΞϯτଆ ؚΊΔ) • ίετܭࢉ • ࠷ॳͷϦϦʔε(νʔϜͰ)ͷػೳҰ൪ॏ ཁͳͷͷΈɻ࠷ݶγϯϓϧʹɻ •
த్ͳ࣮ΛͩΒͩΒ࡞Βͳ͍ɻ
୲ • σβΠϯͱUXʹ͍ͭͯશһ͕ؔΘΔ • ࣗͷઐྖҬҎ֎ؔΘΔ
σβΠϯ(=ઃܭ)ͷϨΠϠʔ • Layer 1: Λߟ͑Δ(Problem) + ίϯηϓτ(Solution) • Layer 2:
ϢʔβʔΤΫεϖϦΤϯε(UX) • Layer 3: γεςϜɾϞσϧ • Layer 4: ϢʔβʔΠϯλʔϑΣʔε • Layer 5: άϥϑΟοΫσβΠϯ • Layer 6: ςετઃܭ • Layer 7: ࣮ɾσβΠϯύλʔϯ Layer0: ͜ΕΒΛ୭ͱͲ͏ਐΊΔ͔=ϓϩηεͷσβΠϯ ࣌ؒ (ͨͩ͠ɺ ͨ·ʹΔ)
։ൃཧ • ։ൃϑϩʔΛνʔϜͰཱ֬͢Δ • ༻ϑϨʔϜϫʔΫɺϥΠϒϥϦ • ࣗಈԽ͢Δͱ͜ΖɺCI • υΩϡϝϯτIssueཧγεςϜ
υΩϡϝϯτ • ίʔυΑΖ͘͠ෛ࠴ • υΩϡϝϯτͷ • ࡞ऀ͕Ξοϓσʔτ͢ΔΛ࣋ͭ • ࡞ऀ͕Λ࣋ͨͳ͘ͳΔ߹յ͢ •
ΨΠυϥΠϯ·ͨςϯϓϨʔτΛ࡞
UIσβΠϯ • ඞͣఆ͞ΕΔ࣮σʔλΛ༻ • UX, UI͕ᐆດͳঢ়ଶͰϑϧػೳΛ࣮ ͠ͳ͍ • จݴ࠷ॳ͔ΒͪΌΜͱߟ͑Δ
࣮ͷઃܭ • কདྷ࣮͢Δ͔͠Εͳ͍ػೳͷઃܭ͢Δ • ͨͩ͠ɺ࠷ॳͷϦϦʔεͰγϯϓϧͳػ ೳʹߜΔ • ࣮ࡍʹςετίʔυΛॻ͔͘ʹؔΘΒͣςε τ͢ΔલఏͰઃܭ͢Δ(ςετ͍͢͠ઃܭ) •
ઌΛݟ͗ͨ͢ઃܭΛ͠ͳ͍ • HTTP API, UI..., Ϋϥε
ίʔσΟϯά • ΨΠυϥΠϯΛ࡞ • ίʔυϨϏϡʔ • pull࣌ʹߦ͏ɺఆظతʹߦ͏(optional) • DRY •
ͨͩ͠ҙࣝ͗͢͠ͳ͍ • ϞδϡʔϧԽɺΫϥεԽ
όʔδϣϯཧ • ϒϥϯνΛΓ͗͢ͳ͍ • ϏϧυͰ͖ͳ͍ίʔυɺςετ(खorϓ ϩάϥϜͰ)͍ͯ͠ͳ͍ίʔυίϛο τ͠ͳ͍ • ίϛοτϩάͷΨΠυϥΠϯΛ࡞
֎෦ϥΠϒϥϦ • ͍͗͢ͳ͍ • 1ػೳ͚͔ͩ͠Θͳ͍ͷʹશ෦ೖΕͳ͚Ε ͳΒͳ͍ͷͳͲ→ସΛ୳͢orࣗͰ ॻ͘ • ෭࡞༻ͷ͋Δͷ༻͠ͳ͍ •
ϝιουೖΕସ͑Λ͍ͯ͠ΔͷͳͲ • ίʔυ͕͑ͳ͍ͷ༻͠ͳ͍
APIϑΝʔετ • αʔϏεΛఆٛ • RESTful API(=υΩϡϝϯτ)Λఆٛ • αʔόʔαΠυͷϞοΫΛ࡞Δ(optional) • ΫϥΠΞϯταΠυΞϓϦΛॻ͘(optional)
• RESTful API ͷςετΛॻ͘ • αʔόʔαΠυΛ࣮͢Δ
None