「モデル」を考える / 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. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ ࣍ճʮμΠϏϯάʹֶͿϦεΫ؅ཧʯ