「モデル」を考える / Think about "model"

Transcript

1. ʮϞσϧʯΛߟ͑Δ 2019-07-12 ܂ാӳࢿ

2. ࣗݾ঺հ • ͘Θ͸͍͚ͨ͑͢(36) • גࣜձࣾΞϥλφ • όοΫΤϯυͱઃܭ • ؔ਺ܕݴޠ͕޷͖Ͱ͢ •

   झຯɿμΠϏϯάɺυϩʔϯɺ… ʘ͜ͷΞΠίϯͰ͓ͳ͡Έʗ

3. ஫ʣ಺༰͕΍΍ந৅తͰ͢

4. Ϟσϧ

5. ϑϨʔϜϫʔΫͷϞσϧ ϏδωεϞσϧɾυϝΠϯϞσϧ ViewModel

6. େࣄͳͷ͸

7. Ͳ͏͍͏ঢ়ଶ͔ΠϝʔδͰ͖Δ͜ͱ

8. ΦϒδΣΫτࢦ޲ͷϑϨʔϜϫʔΫ • DBઃܭʹภΓ͕ͪ • ϏδωεʹඞཁͳʮϞσϧʯΛࣗ෼ͨͪͰઃܭͨ͠΄͏͕อक ੑ͕ߴ͘ͳΔ • DDDʢυϝΠϯۦಈઃܭʣͳͲͷઃܭख๏͕͋Δ

9. ϏδωεΛத৺ʹͯ͠ߟ͑Δ

10. Ұํ ViewModel ͳͲ͸…

11. ঢ়ଶΛத৺ʹͯ͠ߟ͑Δ

12. Vue.jsͷ৔߹ • data(ঢ়ଶͷ͢΂ͯ) • methods (ঢ়ଶͷมߋखஈ) • computed (ঢ়ଶ͔Βಋग़͞ΕΔ஋) •

    dataΛHTMLͰදݱ͢Δؔ਺ܕʹ͍ۙΞϓϩʔν

13. ؔ਺ܕͷΞϓϩʔν͸ ঢ়ଶ؅ཧʹ޲͍͍ͯΔ

14. ͨͩ͠ɺ͖ͬͪΓ΍Δʹ͸ ʢ७ਮؔ਺ܕͰͳ͍ݶΓʣ ෆมɾࢀরಁ໌ͳͲΛҙࣝ͢Δඞཁ͕͋Δ

15. ·ͱΊ

16. ϞσϧΛ෼ղ͢ΔΞϓϩʔνΛ ͪΌΜͱ஌Δɾҙࣝ͢Δ

17. ͜Ε΋Ұछͷʮ೴಺Ϟσϧʯ

18. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ ࣍ճʮμΠϏϯάʹֶͿϦεΫ؅ཧʯ