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
920
デザインとデータ構造から考えるコンポーネント分割
codynog
August 26, 2021
Tweet
Share
More Decks by codynog
See All by codynog
実践的OOUIデータモデリング
codynog
1
6.2k
ドメイン駆動なステート設計
codynog
0
510
わかった気になるフロントエンドDDD
codynog
1
470
Featured
See All Featured
YesSQL, Process and Tooling at Scale
rocio
174
15k
Fireside Chat
paigeccino
41
3.7k
Building Adaptive Systems
keathley
44
2.8k
Why You Should Never Use an ORM
jnunemaker
PRO
60
9.6k
Code Reviewing Like a Champion
maltzj
527
40k
GraphQLとの向き合い方2022年版
quramy
49
14k
VelocityConf: Rendering Performance Case Studies
addyosmani
333
24k
How to train your dragon (web standard)
notwaldorf
97
6.4k
Product Roadmaps are Hard
iamctodd
PRO
55
12k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
192
56k
How to Ace a Technical Interview
jacobian
280
24k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
36
6.1k
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 Λܾఆ͢Δ