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
デザインとデータ構造から考えるコンポーネント分割
Search
codynog
August 26, 2021
3
910
デザインとデータ構造から考えるコンポーネント分割
codynog
August 26, 2021
Tweet
Share
More Decks by codynog
See All by codynog
実践的OOUIデータモデリング
codynog
1
6.1k
ドメイン駆動なステート設計
codynog
0
490
わかった気になるフロントエンドDDD
codynog
1
440
Featured
See All Featured
Optimising Largest Contentful Paint
csswizardry
37
3.3k
GitHub's CSS Performance
jonrohan
1031
460k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
How GitHub (no longer) Works
holman
314
140k
Building an army of robots
kneath
306
45k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
Mobile First: as difficult as doing things right
swwweet
223
9.7k
Making Projects Easy
brettharned
116
6.3k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
Transcript
σβΠϯͱσʔλߏ͔Βߟ͑Δ ίϯϙʔωϯτׂ !DPEZOPH
ࣗݾհ w ޱߤݾ!DPEZOPH w '"45"-&35GPS .BSLFUJOHνʔϜͷϑϩ ϯτΤϯυΤϯδχΞ
ɾTUPSFઃܭ ɾࡉ͔͍TUZMJOH ɾӬଓԽͱͷΓͱΓ ͠ͳ͍
ίϯϙʔωϯτׂɺ͍͠
ɾϩδοΫ͕ૠೖ͞Εͯڞ௨ԽͰ͖ͳ͍ ɾQSPQTͷόέπϦϨʔ͕ͻͲ͍ ɾׂͷཻ͕Θ͔Βͳ͍ ίϯϙʔωϯτׂʹࣦഊ͢ΔݪҼ
ɾ దʹׂ͢Ε ࠶ར༻͍͢͠ ɾσβΠϯΧλϩάͱͯ͠ཏੑ͕ߴ͍ ɾςελϏϦςΟ͕ߴ͍ ίϯϙʔωϯτׂͯ͠Կ͕خ͍͠ʁ
ɾ$PNQPOFOUTͷஈ֊తͳׂ ɾ"UPNT খ 1BHFT େ "UPNJD%FTJHO
Atoms(ݪࢠ) w 6*ͱͯ͠ͷ࠷খ୯Ґ w ϥΠϒϥϦͰఏڙ͞Εͯ ͍Δ࠷খίϯϙʔωϯ τ
Molecules(ࢠ) w ෳͷ"UPNT͕݁߹͠ ͨIFMQFSత6* w 'PSNͷ෦-JTUͰ܁ Γฦ͠දࣔ͞ΕΔJUFN
Organisms(༗ػମ) w Ұ ҙ ͳ ػ ೳ Λ ࣋ ͭ
4UBOEBMPOFͳ6* w 'PSN-JTU /BWJHBUJPO w σʔλૢ࡞ͳͲͷൺֱత ෳࡶͳϩδοΫΛ࣋ͭ
ɾϩδοΫ͕ૠೖ͞Εͯڞ௨ԽͰ͖ͳ͍ ɾQSPQTͷόέπϦϨʔ͕ͻͲ͍ ɾׂͷཻ͕Θ͔Βͳ͍ ίϯϙʔωϯτׂʹࣦഊ͢ΔݪҼ
✔ϩδοΫ͕ૠೖ͞Εͯڞ௨ԽͰ͖ͳ͍ ✔QSPQTͷόέπϦϨʔ͕ͻͲ͍ ɾׂͷཻ͕Θ͔Βͳ͍ ίϯϙʔωϯτׂʹࣦഊ͢ΔݪҼ
ϑϩϯτΤϯυͷత $36%ૢ࡞Λߦ͏6*ͷఏڙ
UIͷత ɾσʔλΛͲ͏දࣔ͢Δ͔ 3 ɾσʔλΛͲ͏ૢ࡞͢Δ͔ $6%
σʔλઃܭ w αʔϏε্ॏཁͳσʔ λߏΛఆٛ͢Δ w $PNQPOFOUTڞ௨͠ ͯ͜ͷܕͷσʔλΛऔ Γѻ͏
σβΠφʔͱͷ͢Γ߹Θͤ ɾͲͷσʔλϞσϧΛऔΓѻ͏͔ ɾͦΕʹରͯ͠ͲͷΑ͏ͳΞΫγϣϯΛ͢ Δ6*ͳͷ͔ 006*
ɾ$PNQPOFOUTͷஈ֊తͳׂ ɾ"UPNT খ 1BHFT େ ɾ0SHBOJTNTΛσʔλૢ࡞දࣔ͢Δͱ ఆٛ 3F"UPNJD%FTJHO
Organisms(༗ػମ) w Ұ ҙ ͳ ػ ೳ Λ ࣋ ͭ
4UBOEBMPOFͳ6* w /BWJHBUJPOͳͲ w σʔλΛૢ࡞͢Δ'PSN w σʔλΛදࣔ͢Δ-JTU
Molecules(ࢠ) w ෳͷ"UPNT͕݁߹͠ ͨIFMQFSత6* w 'PSNͷ෦ͳͲ ୯ମͰ σʔλͱਂ͍ؔ࿈Λ ࣋ͨͳ͍ w
σʔλදࣔͷ*UFN
0SHBOJTNT6TFS-JTU
.PMFDVMFT6TFS*UFN
0SHBOJTNT6TFS'PSN
σʔλͱͷؔ࿈ੑͰίϯϙʔωϯτͷ ཻɺ࠶ར༻ੑ͕ܾఆ͢Δ σʔλͷఆׂٛΛ༰қʹ͢Δ ·ͱΊ
Thank you!
͓·͚ w ί ϯ ϙ ʔ ω ϯ τ ʹ
NBSHJOΛ࣋ͨͤͳ͍ w QSPQTʹҰ൪֎ଆͷཁૉ ͷTUZMFΛ͢ w ݺͼग़ͨ͠ଆͰNBSHJO Λܾఆ͢Δ