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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
codynog
October 20, 2021
Design
6.5k
1
Share
実践的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
TUNAG BOOK 2024
stmn
PRO
0
1.6k
Diverse Design Team Deck
diverse
0
1.9k
Frontier
rwang05
0
150
もう迷わない!“なんとなく”を卒業するフォントの選び方【村田俊英】
toshihidemurata
0
510
UI/UX & Web Design Portfolio 2025|Madoka Kumagai
madoka_portfolio
4
240
「使いやすさ」だけでは、「勝てる」サービスにはならない。〜KPIとUXの分断を埋める、サービス戦略という「指針」〜
nbkouhou
2
370
コムデマネージャーがプロダクトデザインに挑戦した。むずかしくて楽しかった。
payatsusan213
0
300
Figma MCPを活用するためのデザインハンドブック
vivion
7
18k
全員がアウトプットを出せる時代、 誰を採用する?
nishame
0
560
root COMPANY DECK / We are hiring!
root_recruit
3
28k
OJTで学んだ 「心を動かす」ファシリテーション
saki822
1
310
セブンデックス プロジェクト事例 / innovation Scenes
sevendex
1
870
Featured
See All Featured
Mind Mapping
helmedeiros
PRO
1
220
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
55k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3.2k
The Power of CSS Pseudo Elements
geoffreycrofte
82
6.3k
GraphQLとの向き合い方2022年版
quramy
50
15k
Practical Orchestrator
shlominoach
191
11k
Leadership Guide Workshop - DevTernity 2021
reverentgeek
1
290
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.2k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
38
2.9k
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
inesmontani
PRO
3
3.5k
Navigating Weather and Climate Data
rabernat
0
200
Heart Work Chapter 1 - Part 1
lfama
PRO
7
36k
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!