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
830
デザインとデータ構造から考えるコンポーネント分割
codynog
August 26, 2021
Tweet
Share
More Decks by codynog
See All by codynog
実践的OOUIデータモデリング
codynog
1
5.8k
ドメイン駆動なステート設計
codynog
0
430
わかった気になるフロントエンドDDD
codynog
1
400
Featured
See All Featured
Being A Developer After 40
akosma
87
590k
Code Reviewing Like a Champion
maltzj
520
39k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5k
Ruby is Unlike a Banana
tanoku
97
11k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
26
2.1k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
16
2.1k
Designing Experiences People Love
moore
138
23k
The Invisible Side of Design
smashingmag
298
50k
Optimizing for Happiness
mojombo
376
70k
StorybookのUI Testing Handbookを読んだ
zakiyama
27
5.3k
Imperfection Machines: The Place of Print at Facebook
scottboms
265
13k
It's Worth the Effort
3n
183
27k
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 Λܾఆ͢Δ