Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

Ϟσϧ

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

େࣄͳͷ͸

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

Ұํ ViewModel ͳͲ͸…

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

·ͱΊ

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

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