/VYUͱ-BSBWFMΛ࿈ܞ͢Δ্Ͱͬͨ͜ͱ7VF/JHIUJO'VLVPLB٢խ
View Slide
٢խ :PTIJOP.BTBZB'VTJDΤϯδχΞʮՎͬͯགྷΕΔΤϯδχΞʯ!BZBTBNJOEࣗݾհ
༨ஊ
ࣾһཱྀߦͰόϦʹߦ͖ͬͯ·ͨ͠ʂʂ
ຊ
·ͣ֬ೝ
/VYUKTΛͬͨ͜ͱ͕ͳ͍!
/VYUKTΛͪΐͬͱ৮ͬͨ͜ͱ͕͋Δ!
/VYUKTΛ࣮ࡍʹҊ݅Ͱͬͨ͜ͱ͕͋Δ!
/VYUKTશཧղ✌ bТ✌
ରɿ/VYUKTΛͬͨ͜ͱ͕ͳ͍!/VYUKTΛͪΐͬͱ৮ͬͨ͜ͱ͕͋Δ!
͡Ίͯ/VYUΛҊ݅Ͱͬͨ࣌ʹΜͩ͜ͱɺ͜·ͬͨ͜ͱΛ·ͱΊ·ͨ͠ɻ
ɾ7VF͔/VYU͔ɾσΟϨΫτϦߏͲ͏͢Δ͔ɾϝʔϧͷػߏͲ͏͢Δɾͦͷଞ࣍
7VF͔/VYU͔
https://github.com/ayasamind/cake_webpackerCakePHP + VueͷSPAҊ݅ͰͬͯΈͨ
͔ͤͬͩ͘͠ɺ࣍/VYUͬͯΈΑ͏
ݸਓత݁7VF͔/VYU͔
அવ/VYUʂ7VF͔/VYU͔
ɾͬͺΓSPVUJOH͔͔ͳ͍͍ͯ͘ͷ͕ɺͱָͯɻɾNJEEMFXBSFඇৗʹศརɻɾ7VFͰ41"Λ࡞Δ߹ɺجຊ/VYUͰ͍͍ͷͰ 7VF͔/VYU͔
σΟϨΫτϦߏͲ͏͢Δ͔
σΟϨΫτϦߏͲ͏͢Δ͔> views > ~.vueLaravelσϑΥϧτͷvue࿈ܞͷ߹
σΟϨΫτϦߏͲ͏͢Δ͔/VYUͷ߹ɺɺɺͲ͏͠Α͏ʁ
σΟϨΫτϦߏͲ͏͢Δ͔ -BSWBMͷ"1*༻ϦϙδτϦ /VYUͷϑϩϯτ༻ϦϙδτϦʹׂɻ
σΟϨΫτϦߏͲ͏͢Δ͔ɾ"1*ͱϑϩϯτಉ͡8FCαʔόʔͰಈ͍ͯ΄͍͠ɻˠQVCMJDԼʹ/VYUHFOFSBUFͰੜͨ͠ϑΝΠϧΛɹઃஔ͢ΔεΫϦϓτΛΉɻ
ϝʔϧͷػߏͲ͏͢Δ͔
ϝʔϧೝূͷػߏΛͲ͏࡞Δ͔ɾϝʔϧΛૹΔͷ-BSBWFMଆɻɾϝʔϧͷຊจ͔ΒભҠ͢Δ63-/VYUଆɻɾϝʔϧೝূ͢Δͷ-BSBWFMଆɻϝʔϧͷػߏͲ͏͢Δ͔
-BSBWFMଆͷDPOpHʹϑϩϯτͷ63-Λهड़ɻ63-ͷΫΤϦʹೝূ༻63-Λ͚ͭΔɻΞΫηε࣌ʹBYJPTͰHFUͯ͠ɺϝʔϧೝূྃͦͷଞ໎ͬͨ͜ͱhttps://qiita.com/ayasamind/items/abadb9737e9d6480806b
ͦͷଞ໎ͬͨ͜ͱ
443͍͠ɺɺɺͦͷଞ໎ͬͨ͜ͱ
ͦͷଞ໎ͬͨ͜ͱಛʹΞϓϦͷىಈ࣌ʹσʔλऔಘ͢Δ߹ೝূͰstoreΛ͏߹ͳͲɺϥΠϑαΠΫϧͷͪΌΜͱͨ͠ཧղ͕ඞཁɻ
·ͱΊɾ/VYUศརɻɾ࣍443ઓ͍ͨ͠ɻ
͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ