Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

mather
July 12, 2019

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

mather

July 12, 2019
Tweet

More Decks by mather

Other Decks in Technology

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