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
6.2k
実践的OOUIデータモデリング
codynog
October 20, 2021
Tweet
Share
More Decks by codynog
See All by codynog
ドメイン駆動なステート設計
codynog
0
510
わかった気になるフロントエンドDDD
codynog
1
460
デザインとデータ構造から考えるコンポーネント分割
codynog
3
920
Other Decks in Design
See All in Design
チームで事業価値を生み出す、プロアクティブなデザイナーになるための道のり/ Designship2025_Naya
root_recruit
PRO
0
210
Spectrum Tokyo_ デザイナーが事業責任者になってみた
shin_2
0
160
デザイナーのAI活用とチームへの浸透戦略
ukaoli
0
130
プロダクトリニューアルと同時に進める初めてのデザインシステム
techtekt
PRO
0
140
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
visional_engineering_and_design
1
750
AI業務アプリケーションの体験デザイン
kazuhirokimura
0
200
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
akatsuki174
1
520
「UXとUIの違い」v2
shirasu3
0
250
アプリ360onWeb使い方と裏ワザ?紹介!
ikejun360
0
320
What makes a great Director?
_limex_
0
330
Ana Cortes Visual Development Portfolio 2025
haruanleb
0
120
「自分の仕事はどこまで?」と問い続けたら。デザイナーの「視座」を考える
mukai_takeru
0
180
Featured
See All Featured
Building a Scalable Design System with Sketch
lauravandoore
463
33k
Agile that works and the tools we love
rasmusluckow
331
21k
Building a Modern Day E-commerce SEO Strategy
aleyda
44
7.8k
Mobile First: as difficult as doing things right
swwweet
225
10k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.5k
Become a Pro
speakerdeck
PRO
29
5.6k
The Straight Up "How To Draw Better" Workshop
denniskardys
238
140k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.2k
Site-Speed That Sticks
csswizardry
13
920
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.7k
Scaling GitHub
holman
463
140k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.2k
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!