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

Transcript

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

   View Slide

2. ࣗݾ঺հ
   • ͘Θ͸͍͚ͨ͑͢(36)
   • גࣜձࣾΞϥλφ
   • όοΫΤϯυͱઃܭ
   • ؔ਺ܕݴޠ͕޷͖Ͱ͢
   • झຯɿμΠϏϯάɺυϩʔϯɺ…
   ʘ͜ͷΞΠίϯͰ͓ͳ͡Έʗ
   

   View Slide

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

   View Slide

4. Ϟσϧ
   

   View Slide

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

   View Slide

6. େࣄͳͷ͸
   

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

10. Ұํ ViewModel ͳͲ͸…
    

    View Slide

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

    View Slide

12. Vue.jsͷ৔߹
    • data(ঢ়ଶͷ͢΂ͯ)
    • methods (ঢ়ଶͷมߋखஈ)
    • computed (ঢ়ଶ͔Βಋग़͞ΕΔ஋)
    • dataΛHTMLͰදݱ͢Δؔ਺ܕʹ͍ۙΞϓϩʔν
    

    View Slide

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

    View Slide

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

    View Slide

15. ·ͱΊ
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide