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

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

Cfc01c0563ad1251bc77af766d675fd0?s=128

MasayaYoshino

January 30, 2019
Tweet

Transcript

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

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

  3. None
  4. ༨ஊ

  5. ࣾһཱྀߦͰόϦʹߦ͖ͬͯ·ͨ͠ʂʂ

  6. ຊ୊

  7. /VYUͱ-BSBWFMΛ࿈ܞ͢Δ্Ͱ΍ͬͨ͜ͱ  7VF/JHIUJO'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഑Լʹ/VYUHFOFSBUFͰੜ੒ͨ͠ϑΝΠϧΛ ɹઃஔ͢ΔεΫϦϓτΛ૊Ήɻ

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