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
1
6k
実践的OOUIデータモデリング
codynog
October 20, 2021
Tweet
Share
More Decks by codynog
See All by codynog
ドメイン駆動なステート設計
codynog
0
480
わかった気になるフロントエンドDDD
codynog
1
440
デザインとデータ構造から考えるコンポーネント分割
codynog
3
900
Other Decks in Design
See All in Design
パンくずリストかわいい(breadcrumb so cute)
ysuda
0
270
読書シェア会 vol.5 / Yumemi.grow 20250526
rakus_dev
0
1.6k
AI動画生成ガチャ紹介
piyo7
1
110
Light My Fire/ハートに火をつけるコミュニティ
kgsi
1
120
Fem tips om ux-text • WSA-dagen 29 jan 2025
jonas_blind_hen
PRO
0
180
RAKSUL_DESIGN_DECK_20250319
raksulrecruiting
0
350
無自覚なランクとその影響を紐解くワークショップ / Unpacking Unconscious Privilege Workshop
spring_aki
4
280
Les petites aventures de CSS, saison 2025
goetter
3
4k
Cyber Heart Online Book
hjnasby
0
100
How to get a Tiger to Tulsa
mcduckyart
0
100
今日から意識できるアクセシビリティ
fumiko
0
240
バイアスを凌ぐデザインとコード ―異動直後にどうふるまうか―
kkaru
0
430
Featured
See All Featured
Why You Should Never Use an ORM
jnunemaker
PRO
56
9.4k
The Pragmatic Product Professional
lauravandoore
35
6.7k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
53k
The Straight Up "How To Draw Better" Workshop
denniskardys
233
140k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
YesSQL, Process and Tooling at Scale
rocio
173
14k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
124
52k
How to Ace a Technical Interview
jacobian
277
23k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.5k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
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!