$30 off During Our Annual Pro Sale. View Details »
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
開発プロセスデザイン v0.1
Search
Yusuke Ito
May 11, 2013
Education
2
350
開発プロセスデザイン 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
1.3k
おうちHackを取り入れた リノベーション事例
yusukeito
0
840
Server Side Swiftを しばらく運用してみた話
yusukeito
0
630
Swift からword2vecを 使ってみる
yusukeito
0
1.1k
Swift Outside the Box
yusukeito
1
2.7k
SwiftでgRPCとProtocolBuffersを使う
yusukeito
4
1.4k
Swift on Raspberry Pi でI2Cデバイスを使う
yusukeito
1
690
Isomorphic Swift
yusukeito
2
660
Swiftの値付きEnumをHackする
yusukeito
0
390
Other Decks in Education
See All in Education
Entrepreneurship minor course at HSE 2025
karlov
0
140
Web Search and SEO - Lecture 10 - Web Technologies (1019888BNR)
signer
PRO
2
3k
IKIGAI World Fes:program
tsutsumi
1
2.6k
Introduction - Lecture 1 - Human-Computer Interaction (1023841ANR)
signer
PRO
0
2.7k
【dip】「なりたい自分」に近づくための、「自分と向き合う」小さな振り返り
dip_tech
PRO
0
160
XML and Related Technologies - Lecture 7 - Web Technologies (1019888BNR)
signer
PRO
0
3.1k
NUTMEG紹介スライド
mugiiicha
0
120
RSJ2025 ランチョンセミナー 一歩ずつ世界へ:学生・若手研究者のための等身大の国際化の始め方
t_inamura
0
340
20251119 如果是勇者欣美爾的話, 他會怎麼做? 東海資工
pichuang
0
130
相互コミュニケーションの難しさ
masakiokuda
0
310
AIを使って最新研究 について調べて発表しよ う!
mickey_kubo
4
170
令和エンジニアの学習法 〜 生成AIを使って挫折を回避する 〜
moriga_yuduru
0
140
Featured
See All Featured
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.3k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
47
7.8k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
1.6k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
Bash Introduction
62gerente
615
210k
KATA
mclloyd
PRO
32
15k
The Art of Programming - Codeland 2020
erikaheidi
56
14k
Scaling GitHub
holman
464
140k
Reflections from 52 weeks, 52 projects
jeffersonlam
355
21k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
970
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