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
実践的OOUIデータモデリング
Search
codynog
October 20, 2021
Design
6.5k
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
実践的OOUIデータモデリング
codynog
October 20, 2021
More Decks by codynog
See All by codynog
ドメイン駆動なステート設計
codynog
0
550
わかった気になるフロントエンドDDD
codynog
1
500
デザインとデータ構造から考えるコンポーネント分割
codynog
3
960
Other Decks in Design
See All in Design
デザインとフロントエンドの境界が融ける Claude Code × Figma
littlebusters
1
3k
再設計される業務 - AIにより再設計される "デザインワークフロー" / AI Ops Lab #2 Redesigned orkflows
kgsi
0
730
研修担当者が一番伸びた 熊本市役所✕AI『泥臭いAI研修』のワークショップ設計について
garyuten
2
410
decksh object reference
ajstarks
2
1.7k
AI時代に求められるUXデザインのアプローチ
xtone
1
5.7k
「使いやすさ」だけでは、「勝てる」サービスにはならない。〜KPIとUXの分断を埋める、サービス戦略という「指針」〜
nbkouhou
2
430
ClaudeCodeでマーケターの課題を解決する
kenichiota0711
11
14k
「デザイン」の自分ごと化から始める、デザインピープルのふるまい
mewmo
0
270
「バイブコーディングって何?」から始まった、 AIとの一年間と、その先のこと
seto
0
600
root COMPANY DECK / We are hiring!
root_recruit
3
29k
情報を翻訳する-伝わる可視化3原則とオープンデータ活用-
hjmkth
1
280
広い関与の可能性に どう向き合うのか? 私たちは。|Timee MarketingDesign 2026-06-18
bebe
0
170
Featured
See All Featured
<Decoding/> the Language of Devs - We Love SEO 2024
nikkihalliwell
1
250
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
marketingsoph
0
170
Building Adaptive Systems
keathley
44
3.1k
Skip the Path - Find Your Career Trail
mkilby
1
150
Become a Pro
speakerdeck
PRO
31
6k
End of SEO as We Know It (SMX Advanced Version)
ipullrank
3
4.2k
SEO in 2025: How to Prepare for the Future of Search
ipullrank
3
3.5k
Java REST API Framework Comparison - PWX 2021
mraible
34
9.4k
How to build an LLM SEO readiness audit: a practical framework
nmsamuel
1
780
AI Search: Where Are We & What Can We Do About It?
aleyda
0
7.6k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
1.2k
How to Talk to Developers About Accessibility
jct
2
240
Transcript
࣮ફత006*σʔλϞσϦϯά !DPEZOPH
ࣗݾհ w ޱߤݾ!DPEZOPH w +9௨৴ࣾॴଐ w ϑϩϯτΤϯυ
ࠓճͷλʔήοτ σʔλϞσϦϯάʹࠔ͍ͬͯΔਓ 006*࠾༻ͯ͠ຊʹ͍͍ͷ͔໎͍ͬͯΔਓ
006*ɺଚ͍
ɾͲͷσʔλϞσϧΛऔΓѻ͏͔ ɾͦΕʹରͯ͠ͲͷΑ͏ͳΞΫγϣϯΛ͢ Δ6*ͳͷ͔ 006*
όοΫΤϯυ ϑϩϯτΤϯυ σβΠϯ 006* ͦΕͧΕͷσʔλઃܭ
όοΫΤϯυ ϑϩϯτΤϯυ σβΠϯ 006* ͦΕͧΕͷσʔλઃܭ
όοΫΤϯυ ϑϩϯτΤϯυ σβΠϯ 006* ͦΕͧΕͷσʔλઃܭ
ϑϩϯτΤϯυͷత $36%ૢ࡞Λߦ͏6*ͷఏڙ
UIͷత ɾσʔλΛͲ͏දࣔ͢Δ͔ 3 ɾσʔλΛͲ͏ૢ࡞͢Δ͔ $6%
ͭͷσʔλϞσϧʹର͢Δ6*͕ ࠷ͭଘࡏ͢Δ
6*͔ΒٯࢉతʹσʔλϞσϦϯά͕Ͱ͖Δ
ҰཡදࣔUI w ίϨΫγϣϯϏϡʔ w දࣔ 3 ͷ6* w ΞΠςϜ͋ͨΓͷใ ͋͘·Ͱ֓ཁ
ৄࡉදࣔUI w γϯάϧϏϡʔ w දࣔ 3 ͷ6* w ΞΠςϜҰͭʹϑΥʔΧ ε͢Δɺৄࡉͳใ
FormͷUI w 'PSNͷ6* w ࡞ɺฤू $ 6 ͷ6* w ϑϩϯτͰૢ࡞Ͱ͖Δ
ใ͕֤'PSNཁૉʹͳ Δ
ҰཡදࣔͷUI(R) w ໊લ w ྸ w ॴଐػؔ w 6*্ݟ͑ͳ͍ *%
ৄࡉදࣔͷUI(R) w ໊લ w ྸ w ॴଐػؔ w είΞ w
ϩʔϧ
FormͷUI(C,U) w ໊લ w ྸ w ॴଐػؔ w ಛهࣄ߲
σʔλߏͷϚʔδ w *% w ໊લ w ྸ w ॴଐػؔ w
είΞ w ϩʔϧ w ಛهࣄ߲
࣮ࡍͷܕఆٛ
·ͱΊ ɾσʔλߏ͕ίʔυ্ͷ࣮ͱಉظ͢Δ ɾίϯϙʔωϯτͱͯ͠ಉظ͢Δ ڞ௨ͷੈք؍Ͱ։ൃαΠΫϧ͕ճΔ σβΠφʔ͕σʔλϞσϦϯά͢Δͱ
2,ݱঢ়ੳͱ ΤϯδχΞɾσβΠφʔ࠾༻ڧԽ͍ͯ͠·͢ ✨'SPOUFOEΤϯδχΞ✨ ✨'MVUUFSΤϯδχΞ✨ ✨#BDLFOEΤϯδχΞ✨ ✨ΤϯδχΞϦϯάϚωʔδϟʔ✨
✨ػցֶशΤϯδχΞ✨ ✨σβΠφʔ✨
Thank you!