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

Transcript

1. /VYUͱ-BSBWFMΛ࿈ܞ͢Δ্Ͱ΍ͬͨ͜ͱ 
   7VF
   /JHIU
   JO
   'VLVPLB
   
   ٢໺խ໹

2. ٢໺խ໹ :PTIJOP
   .BTBZB
   'VTJD
   ΤϯδχΞ
   ʮՎͬͯགྷΕΔΤϯδχΞʯ
   !BZBTBNJOE ࣗݾ঺հ

3. None

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. ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ