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
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
4 Signs Your Business is Dying
shpigford
184
22k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
840
Agile that works and the tools we love
rasmusluckow
329
21k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.5k
Bash Introduction
62gerente
613
210k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
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 Λܾఆ͢Δ