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
750
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
670
Isomorphic Swift
yusukeito
2
630
Swiftの値付きEnumをHackする
yusukeito
0
340
Other Decks in Education
See All in Education
女子商アプリ開発の軌跡
asial_edu
0
390
SkimaTalk Teacher Guidelines Summary
skimatalk
0
790k
新卒交流ワークショップ
pokotyamu
0
400
教員向け生成AI基礎講座(2025年3月28日 東京大学メタバース工学部 ジュニア講座)
luiyoshida
1
550
検索/ディスプレイ/SNS
takenawa
0
4.1k
Pythonパッケージ管理 [uv] 完全入門
mickey_kubo
20
13k
小さなチャレンジが生んだチームの大きな変化 -私のふりかえり探求の原点
callas1900
0
520
技術文章を書くための執筆技術と実践法(パラグラフライティング)
hisashiishihara
18
6.5k
ANS-C01_2回不合格から合格までの道程
amarelo_n24
1
240
Gamified Interventions for Composting Behavior: A Case Study Using the Gamiflow Framework in a Workplace Setting
ezefranca
1
110
2025年度春学期 統計学 第3回 クロス集計と感度・特異度,データの可視化 (2025. 4. 24)
akiraasano
PRO
0
120
Avoin jakaminen ja Creative Commons -lisenssit
matleenalaakso
0
1.9k
Featured
See All Featured
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Side Projects
sachag
455
42k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
How to Ace a Technical Interview
jacobian
277
23k
Designing for humans not robots
tammielis
253
25k
Art, The Web, and Tiny UX
lynnandtonic
299
21k
It's Worth the Effort
3n
184
28k
RailsConf 2023
tenderlove
30
1.1k
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.6k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
281
13k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
790
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