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
300
開発プロセスデザイン v0.1
Yusuke Ito
May 11, 2013
Tweet
Share
More Decks by Yusuke Ito
See All by Yusuke Ito
Macとオーディオ再生 2024/11/02
yusukeito
0
380
おうちHackを取り入れた リノベーション事例
yusukeito
0
630
Server Side Swiftを しばらく運用してみた話
yusukeito
0
560
Swift からword2vecを 使ってみる
yusukeito
0
1k
Swift Outside the Box
yusukeito
1
2.4k
SwiftでgRPCとProtocolBuffersを使う
yusukeito
4
1.3k
Swift on Raspberry Pi でI2Cデバイスを使う
yusukeito
1
640
Isomorphic Swift
yusukeito
2
580
Swiftの値付きEnumをHackする
yusukeito
0
290
Other Decks in Education
See All in Education
Qualtricsで相互作用実験する「SMARTRIQS」実践編
kscscr
0
290
Kaggle 班ができるまで
abap34
1
190
Chapitre_1_-__L_atmosphère_et_la_vie_-_Partie_1.pdf
bernhardsvt
0
220
HCI Research Methods - Lecture 7 - Human-Computer Interaction (1023841ANR)
signer
PRO
0
710
"数学" をプログラミングしてもらう際に気をつけていること / Key Considerations When Programming "Mathematics"
guvalif
0
570
学習指導要領から職場の学びを考えてみる / Thinking about workplace learning from learning guidelines
aki_moon
1
710
Lisätty todellisuus opetuksessa
matleenalaakso
1
2.3k
Semantic Web and Web 3.0 - Lecture 9 - Web Technologies (1019888BNR)
signer
PRO
1
2.5k
Web Application Frameworks - Lecture 4 - Web Technologies (1019888BNR)
signer
PRO
0
2.6k
Design Guidelines and Models - Lecture 5 - Human-Computer Interaction (1023841ANR)
signer
PRO
0
690
認知情報科学科_キャリアデザイン_大学院の紹介
yuyakurodou
0
130
Epithelium Flashcards
ndevaul
0
1k
Featured
See All Featured
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.4k
Designing for humans not robots
tammielis
250
25k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.1k
The Power of CSS Pseudo Elements
geoffreycrofte
73
5.3k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
6.8k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5k
10 Git Anti Patterns You Should be Aware of
lemiorhan
655
59k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
169
50k
Art, The Web, and Tiny UX
lynnandtonic
297
20k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.3k
Building a Scalable Design System with Sketch
lauravandoore
459
33k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
47
2.1k
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