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
330
開発プロセスデザイン 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.2k
おうちHackを取り入れた リノベーション事例
yusukeito
0
760
Server Side Swiftを しばらく運用してみた話
yusukeito
0
610
Swift からword2vecを 使ってみる
yusukeito
0
1.1k
Swift Outside the Box
yusukeito
1
2.6k
SwiftでgRPCとProtocolBuffersを使う
yusukeito
4
1.4k
Swift on Raspberry Pi でI2Cデバイスを使う
yusukeito
1
680
Isomorphic Swift
yusukeito
2
630
Swiftの値付きEnumをHackする
yusukeito
0
360
Other Decks in Education
See All in Education
Course Review - Lecture 12 - Next Generation User Interfaces (4018166FNR)
signer
PRO
0
1.8k
【品女100周年企画】Pitch Deck
shinagawajoshigakuin_100th
0
3.5k
著作権と授業に関する出前講習会/dme-2025-05-01
gnutar
0
210
Alumnote inc. Company Deck
yukinumata
0
810
Open Source Summit Japan 2025のボランティアをしませんか
kujiraitakahiro
0
760
ビジネスモデル理解
takenawa
0
10k
日本の教育の未来 を考える テクノロジーは教育をどのように変えるのか
kzkmaeda
1
220
Avoin jakaminen ja Creative Commons -lisenssit
matleenalaakso
0
1.9k
Linuxのよく使うコマンドを解説
mickey_kubo
1
250
社外コミュニティと「学び」を考える
alchemy1115
2
170
AIC 103 - Applications of Property Valuation: Essential Slides
rmccaic
0
280
(キラキラ)人事教育担当のつらみ~教育担当として知っておくポイント~
masakiokuda
0
110
Featured
See All Featured
Unsuck your backbone
ammeep
671
58k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
How GitHub (no longer) Works
holman
314
140k
Site-Speed That Sticks
csswizardry
10
730
Into the Great Unknown - MozCon
thekraken
40
1.9k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
390
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Docker and Python
trallard
45
3.5k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
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