NuxtとLaravelを連携する上でやったこと

Transcript

1. /VYUͱ-BSBWFMΛ࿈ܞ͢Δ্Ͱ΍ͬͨ͜ͱ 
   7VF
   /JHIU
   JO
   'VLVPLB
   
   ٢໺խ໹
2. ٢໺խ໹ :PTIJOP
   .BTBZB
   'VTJD
   ΤϯδχΞ
   ʮՎͬͯགྷΕΔΤϯδχΞʯ
   !BZBTBNJOE ࣗݾ঺հ
4. ༨ஊ
5. ࣾһཱྀߦͰόϦʹߦ͖ͬͯ·ͨ͠ʂʂ
6. ຊ୊
7. /VYUͱ-BSBWFMΛ࿈ܞ͢Δ্Ͱ΍ͬͨ͜ͱ 
   7VF
   /JHIU
   JO
   'VLVPLB
   
   ٢໺խ໹
8. ·ͣ͸֬ೝ
9. /VYUKTΛ࢖ͬͨ͜ͱ͕ͳ͍!
10. /VYUKTΛͪΐͬͱ৮ͬͨ͜ͱ͕͋Δ!
11. /VYUKTΛ࣮ࡍʹҊ݅Ͱ࢖ͬͨ͜ͱ͕͋Δ!
12. /VYUKT׬શཧղ✌ bТ✌
    
13. ର৅ɿ /VYUKTΛ࢖ͬͨ͜ͱ͕ͳ͍! /VYUKTΛͪΐͬͱ৮ͬͨ͜ͱ͕͋Δ!
14. ͸͡Ίͯ/VYUΛҊ݅Ͱ࢖ͬͨ࣌ʹ
    ೰Μͩ͜ͱɺ͜·ͬͨ͜ͱ
    Λ·ͱΊ·ͨ͠ɻ
15. ɾ7VF͔/VYU͔
    ɾσΟϨΫτϦߏ଄Ͳ͏͢Δ͔
    ɾϝʔϧͷػߏͲ͏͢Δ
    ɾͦͷଞ
    ໨࣍
16. 7VF͔/VYU͔
    
17. https://github.com/ayasamind/cake_webpacker CakePHP + VueͷSPA͸Ҋ݅Ͱ΍ͬͯΈͨ
18. ͔ͤͬͩ͘͠ɺ࣍͸/VYU࢖ͬͯΈΑ͏
    
19. ݸਓత݁࿦
    7VF͔/VYU͔
20. அવ/VYUʂ
    7VF͔/VYU͔
21. ɾ΍ͬͺΓSPVUJOH͔͔ͳ͍͍ͯ͘ͷ͕ɺͱͯ΋ָɻ
    ɾNJEEMFXBSF΋ඇৗʹศརɻ
    ɾ7VFͰ41"Λ࡞Δ৔߹͸ɺجຊ/VYUͰ͍͍ͷͰ͸
    7VF͔/VYU͔
22. σΟϨΫτϦߏ଄Ͳ͏͢Δ͔
    
23. σΟϨΫτϦߏ଄Ͳ͏͢Δ͔
    > views > ~.vue LaravelσϑΥϧτͷvue࿈ܞͷ৔߹
24. σΟϨΫτϦߏ଄Ͳ͏͢Δ͔
    /VYUͷ৔߹ɺɺɺͲ͏͠Α͏ʁ
25. σΟϨΫτϦߏ଄Ͳ͏͢Δ͔
     -BSWBMͷ"1*༻ϦϙδτϦ
     /VYUͷϑϩϯτ༻ϦϙδτϦ
    ʹ෼ׂɻ
26. σΟϨΫτϦߏ଄Ͳ͏͢Δ͔
    ɾ"1*ͱϑϩϯτ͸ಉ͡8FCαʔόʔͰಈ͍ͯ΄͍͠ɻ
    ˠ
    QVCMJD഑Լʹ/VYU
    HFOFSBUFͰੜ੒ͨ͠ϑΝΠϧΛ
    ɹ
    ઃஔ͢ΔεΫϦϓτΛ૊Ήɻ
27. ϝʔϧͷػߏͲ͏͢Δ͔
28. ϝʔϧೝূͷػߏΛͲ͏࡞Δ͔
    ɾϝʔϧΛૹΔͷ͸-BSBWFMଆɻ
    ɾϝʔϧͷຊจ͔ΒભҠ͢Δ63-͸/VYUଆɻ
    ɾϝʔϧೝূ͢Δͷ͸-BSBWFMଆɻ
    ϝʔϧͷػߏͲ͏͢Δ͔
29. -BSBWFMଆͷDPOpHʹϑϩϯτͷ63-Λهड़ɻ
    63-ͷΫΤϦʹೝূ༻63-Λ͚ͭΔɻ
    ΞΫηε࣌ʹBYJPTͰHFUͯ͠ɺϝʔϧೝূ׬ྃ ͦͷଞ໎ͬͨ͜ͱ https://qiita.com/ayasamind/items/abadb9737e9d6480806b
30. ͦͷଞ໎ͬͨ͜ͱ
31. 443೉͍͠ɺɺɺ ͦͷଞ໎ͬͨ͜ͱ
32. ͦͷଞ໎ͬͨ͜ͱ ಛʹΞϓϦͷىಈ࣌ʹσʔλऔಘ͢Δ৔߹΍ ೝূͰstoreΛ࢖͏৔߹ͳͲ͸ɺ ϥΠϑαΠΫϧͷͪΌΜͱͨ͠ཧղ͕ඞཁɻ
33. ·ͱΊ ɾ/VYUศརɻ
    ɾ࣍͸443௅ઓ͍ͨ͠ɻ
    
34. ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ