Save 37% off PRO during our Black Friday Sale! »

デザインとデータ構造から考えるコンポーネント分割

6852873de8c513310bbb63310fa9a150?s=47 codynog
August 26, 2021
330

 デザインとデータ構造から考えるコンポーネント分割

6852873de8c513310bbb63310fa9a150?s=128

codynog

August 26, 2021
Tweet

Transcript

  1. σβΠϯͱσʔλߏ଄͔Βߟ͑Δ ίϯϙʔωϯτ෼ׂ !DPEZOPH

  2. ࣗݾ঺հ w ໺ޱߤݾ!DPEZOPH w '"45"-&35GPS .BSLFUJOHνʔϜͷϑϩ ϯτΤϯυΤϯδχΞ

  3. ɾTUPSFઃܭ ɾࡉ͔͍TUZMJOH ɾӬଓԽ૚ͱͷ΍ΓͱΓ ͠ͳ͍࿩

  4. ίϯϙʔωϯτ෼ׂɺ೉͍͠

  5. ɾϩδοΫ͕ૠೖ͞Εͯڞ௨ԽͰ͖ͳ͍ ɾQSPQTͷόέπϦϨʔ͕ͻͲ͍ ɾ෼ׂͷཻ౓͕Θ͔Βͳ͍ ίϯϙʔωϯτ෼ׂʹࣦഊ͢ΔݪҼ

  6. ɾ ద੾ʹ෼ׂ͢Ε͹ ࠶ར༻͠΍͍͢ ɾσβΠϯΧλϩάͱͯ͠໢ཏੑ͕ߴ͍ ɾςελϏϦςΟ͕ߴ͍ ίϯϙʔωϯτ෼ׂͯ͠Կ͕خ͍͠ʁ

  7. ɾ$PNQPOFOUTͷஈ֊తͳ෼ׂ ɾ"UPNT খ 1BHFT େ "UPNJD%FTJHO

  8. Atoms(ݪࢠ) w 6*ͱͯ͠ͷ࠷খ୯Ґ w ϥΠϒϥϦͰఏڙ͞Εͯ ͍Δ࠷খίϯϙʔωϯ τ

  9. Molecules(෼ࢠ) w ෳ਺ͷ"UPNT͕݁߹͠ ͨIFMQFSత6* w 'PSNͷ෦඼΍-JTUͰ܁ Γฦ͠දࣔ͞ΕΔJUFN

  10. Organisms(༗ػମ) w Ұ ҙ ͳ ػ ೳ Λ ࣋ ͭ

    4UBOEBMPOFͳ6* w 'PSN΍-JTU /BWJHBUJPO w σʔλૢ࡞ͳͲͷൺֱత ෳࡶͳϩδοΫΛ࣋ͭ
  11. ɾϩδοΫ͕ૠೖ͞Εͯڞ௨ԽͰ͖ͳ͍ ɾQSPQTͷόέπϦϨʔ͕ͻͲ͍ ɾ෼ׂͷཻ౓͕Θ͔Βͳ͍ ίϯϙʔωϯτ෼ׂʹࣦഊ͢ΔݪҼ

  12. ✔ϩδοΫ͕ૠೖ͞Εͯڞ௨ԽͰ͖ͳ͍ ✔QSPQTͷόέπϦϨʔ͕ͻͲ͍ ɾ෼ׂͷཻ౓͕Θ͔Βͳ͍ ίϯϙʔωϯτ෼ׂʹࣦഊ͢ΔݪҼ

  13. ϑϩϯτΤϯυͷ໨త $36%ૢ࡞Λߦ͏6*ͷఏڙ

  14. UIͷ໨త ɾσʔλΛͲ͏දࣔ͢Δ͔ 3  ɾσʔλΛͲ͏ૢ࡞͢Δ͔ $6%

  15. σʔλઃܭ w αʔϏε্ॏཁͳσʔ λߏ଄Λఆٛ͢Δ w $PNQPOFOUT͸ڞ௨͠ ͯ͜ͷܕͷσʔλΛऔ Γѻ͏

  16. σβΠφʔͱͷ͢Γ߹Θͤ ɾͲͷσʔλϞσϧΛऔΓѻ͏͔ ɾͦΕʹରͯ͠ͲͷΑ͏ͳΞΫγϣϯΛ͢ Δ6*ͳͷ͔ 006*

  17. ɾ$PNQPOFOUTͷஈ֊తͳ෼ׂ ɾ"UPNT খ 1BHFT େ  ɾ0SHBOJTNTΛσʔλૢ࡞දࣔ͢Δ૚ͱ ఆٛ 3F"UPNJD%FTJHO

  18. Organisms(༗ػମ) w Ұ ҙ ͳ ػ ೳ Λ ࣋ ͭ

    4UBOEBMPOFͳ6* w /BWJHBUJPOͳͲ w σʔλΛૢ࡞͢Δ'PSN w σʔλΛදࣔ͢Δ-JTU
  19. Molecules(෼ࢠ) w ෳ਺ͷ"UPNT͕݁߹͠ ͨIFMQFSత6* w 'PSNͷ෦඼ͳͲ ୯ମͰ ͸σʔλͱਂ͍ؔ࿈Λ ࣋ͨͳ͍ w

    σʔλදࣔͷ*UFN
  20. 0SHBOJTNT6TFS-JTU

  21. .PMFDVMFT6TFS*UFN

  22. 0SHBOJTNT6TFS'PSN

  23. σʔλͱͷؔ࿈ੑͰίϯϙʔωϯτͷ ཻ౓ɺ࠶ར༻ੑ͕ܾఆ͢Δ σʔλͷఆٛ͸෼ׂΛ༰қʹ͢Δ ·ͱΊ

  24. Thank you!

  25. ͓·͚ w ί ϯ ϙ ʔ ω ϯ τ ʹ

    NBSHJOΛ࣋ͨͤͳ͍ w QSPQTʹҰ൪֎ଆͷཁૉ ͷTUZMFΛ౉͢ w ݺͼग़ͨ͠ଆͰNBSHJO Λܾఆ͢Δ