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

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

3204f6241aaca4a1082bfe1202e60d69?s=47 mather
July 12, 2019

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

3204f6241aaca4a1082bfe1202e60d69?s=128

mather

July 12, 2019
Tweet

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