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

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

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

SPA に対するつらさを吐き出したものです。
@ CodeGrid 四周年記念パーティ

E2fc870af7558b22cb90c227dce7b8dd?s=128

katashin

May 13, 2016
Tweet

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 &MFNFOU3FHJTUSZ 4JOHMF4UPSF )5.-ཁૉͱͯ͠ίϯϙʔωϯτΛొ࿥Ͱ͖Δ7VF ίϯϙʔωϯτΛ)5.-Ͱ࢖͑ΔΑ͏ʹ͢ΔͨΊͷ&MFNFOU3FHJTUSZ ͋ΔϖʔδͰෳࡶͳঢ়ଶભҠΛͨ͘͠ͳͬͨ࣌ͷͨΊͷ4JOHMF4UPSF

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

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

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

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

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

  13. 7VF &MFNFOU3FHJTUSZ 4JOHMF4UPSF