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
5.7k
実践的OOUIデータモデリング
codynog
October 20, 2021
Tweet
Share
More Decks by codynog
See All by codynog
ドメイン駆動なステート設計
codynog
0
430
わかった気になるフロントエンドDDD
codynog
1
390
デザインとデータ構造から考えるコンポーネント分割
codynog
3
830
Other Decks in Design
See All in Design
portfolio
amitnk
1
120
ふわっとはじめるSSOT – SSOT for Communication Design
sekiguchiy
0
1.1k
Первая беседа о Карте реализации историй
ashapiro
0
270
デザインシステム構築の進め方 基本から実践まで、具体的な手順を徹底解説
ncdc
1
170
Credence
lratmansunu
0
380
デザインからアプリ実装まで一貫したデザインシステムを構築するベストプラクティス
shuzo
13
5.8k
みんなでブラッシュアップするDesign Sprint_BASE BANKチームの場合
base
PRO
3
620
コンセプトで経営・事業・組織を動かす、 Ameba20周年ブランディング / ameba-20th-branding
cyberagentdevelopers
PRO
1
260
Kim Possible - Crush
olgastoryboard
0
130
みんなに知って欲しい 視覚過敏のアクセシビリティ
0opacity_
4
790
デザインできるもの、できないもの | Designship 2024 | Yasuhiro Yokota
yasuhiroyokota
2
790
拡大するマルチプロダクトSaaSの顧客理解にデザイン組織はどう取り組んでいるか / RAKUSTechCon2024_Design
rakus_dev
0
2k
Featured
See All Featured
Docker and Python
trallard
40
3.1k
Designing for Performance
lara
604
68k
StorybookのUI Testing Handbookを読んだ
zakiyama
26
5.2k
Measuring & Analyzing Core Web Vitals
bluesmoon
1
40
How to Ace a Technical Interview
jacobian
275
23k
GraphQLの誤解/rethinking-graphql
sonatard
66
9.9k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
231
17k
Being A Developer After 40
akosma
86
590k
Writing Fast Ruby
sferik
626
61k
Product Roadmaps are Hard
iamctodd
PRO
48
10k
Put a Button on it: Removing Barriers to Going Fast.
kastner
59
3.5k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
504
140k
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!