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
960
3
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
デザインとデータ構造から考えるコンポーネント分割
codynog
August 26, 2021
More Decks by codynog
See All by codynog
実践的OOUIデータモデリング
codynog
1
6.5k
ドメイン駆動なステート設計
codynog
0
550
わかった気になるフロントエンドDDD
codynog
1
500
Featured
See All Featured
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
490
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
3.5k
Ethics towards AI in product and experience design
skipperchong
2
310
Discover your Explorer Soul
emna__ayadi
2
1.1k
Leadership Guide Workshop - DevTernity 2021
reverentgeek
1
310
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
55k
Building AI with AI
inesmontani
PRO
1
1.1k
A designer walks into a library…
pauljervisheath
211
24k
Getting science done with accelerated Python computing platforms
jacobtomlinson
2
240
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
170
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
10k
The B2B funnel & how to create a winning content strategy
katarinadahlin
PRO
1
390
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 Λܾఆ͢Δ