Vue で作る非 SPA な Web システムの構成

Transcript

1. 7VFͰ࡞Δඇ41"ͳ
 8FCγεςϜͷߏ੒ LBUBTIJO

2. 7VF 3FBDU
   
   3FEVY !LUTO 1VSF4DSJQU

3. 41"͸ͭΒ͍
   ϩʔσΟϯάɺτϥϯδγϣϯɺϧʔςΟϯάʹ͋Θͤͨঢ়ଶ؅ཧͳͲɺ
   ࠓ·Ͱϒϥ΢β͕΍ͬͯͨ͜ͱΛࣗલ࣮૷͢ΔͷͭΒ͍
   69
   ΍ɺϖʔδભҠΛͤ͞ͳ͍͜ͱ͕ॏཁͰ͸ͳ͍࣌͸
   41"
   ʹͨ͘͠ͳ͍

4. 41"Λ΍ΊΑ͏ʂ
   Ͱ΋ɺࠓͲ͖ͷϑϨʔϜϫʔΫͳͲɺ͓͍͍͠෦෼͸औΓೖΕ͍ͨ

5. τϥϯεύΠϧͱ͔
   ϏϧυͲ͏͢Δʁ
   ݱࡏͷϏϧυγεςϜ͕+4ΛҰͭʹ·ͱΊΔͷͰ
 ϖʔδΛ·͙ͨͱͭΒ͍

6. ΤϯτϦϙΠϯτͲ͏͢Δʁ
   3FBDU
   ͳͲ͸
   +4
   ͔ΒίϯϙʔωϯτͷϚ΢ϯτΛ͢Δඞཁ͕͋ΔͷͰ
   ϖʔδ͝ͱʹখ͞ͳ
   +4
   Λॻ͘ͷ͕ͭΒ͍

7. 
   
   
   7VF
   &MFNFOU
   3FHJTUSZ
   4JOHMF
   4UPSF )5.-
   ཁૉͱͯ͠ίϯϙʔωϯτΛొ࿥Ͱ͖Δ
   7VF
   ίϯϙʔωϯτΛ
   )5.-
   Ͱ࢖͑ΔΑ͏ʹ͢ΔͨΊͷ
   &MFNFOU
   3FHJTUSZ
   ͋ΔϖʔδͰෳࡶͳঢ়ଶભҠΛͨ͘͠ͳͬͨ࣌ͷͨΊͷ
   4JOHMF
   4UPSF

8. جຊతʹ͸
   3FEVY
   ͱ͔
   7VFY
   Έ͍ͨͳߏ੒Ͱ
   ΤϯτϦϙΠϯτʹ͍ͨ͠ίϯϙʔωϯτΛ
   &MFNFOU
   3FHJTUSZ
   ͔Βొ࿥͢Δ

9. 1BHF 1BHF 1BHF &MFNFOU
   3FHJTUSZ #VJMU
   +BWB4DSJQU +BWB4DSJQU )5.- ڞ௨Ͱ࢖͍͍ͨ
   +BWB4DSJQU
   ϑΝΠϧ͸ͭͷϑΝΠϧʹϏϧυ͢Δ͜ͱ͕Ͱ͖ɺ
   ΤϯτϦϙΠϯτ͸
   )5.-
   ͷதʹॻ͘͜ͱ͕Ͱ͖ΔͷͰ͖ͬ͢Γ͢Δ

10. ϧʔτʹۭͷ
    7.ΛϚ΢ϯτ 4UPSFΛ෇༩
    ࢠଙͱڞ༗
    7VFY
    ͩͬͨΒ͜ΕΛ΍ͬͯ͘ΕΔ͕ɺ
    ࣗલͰ΍Γ͍ͨ࣌΋
    1MVHJO
    Λॻ͚͹ྑ͍ 4JOHMF
    4UPSF

11. &MFNFOU
    3FHJTUSZ
    )5.-
    ಺Ͱ࢖͍͍ͨ΋ͷΛొ࿥

12. αʔόʔαΠυͷςϯϓϨʔτʹॻ͘
    41"
    ͩͱαʔόʔαΠυͷػೳΛશແࢹͰࣗલ࣮૷͠ͳ͚Ε͹ͳΒͳ͍͕ɺ
    ͜ͷΞϓϩʔνͳΒ׆༻͢Δ͜ͱ͕Ͱ͖Δ
    ෳࡶͳ͜ͱ͕͍ͨ࣌͠͸ී௨ͷ
    41"
    ͷΑ͏ʹॻ͍ͯɺͦΕΛ؅ཧ͢ΔίϯϙʔωϯτΛஔ͚͹ྑ͍
    ϧʔτͰఆٛͨ͠
    4UPSF
    ʹ͸Ͳ͔͜ΒͰ΋ΞΫηεͰ͖ΔͨΊɺҰ෦͚ͩ
    41"
    ʹ͢Δ͜ͱ΋Ͱ͖Δ

13. 
    
    
    7VF
    &MFNFOU
    3FHJTUSZ
    4JOHMF
    4UPSF