Upgrade to Pro — share decks privately, control downloads, hide ads and more …

A startup meets Laravel + Vue.js

73b0a25ed03f649ec63ded82ce4ac7cb?s=47 nunulk
November 28, 2018

A startup meets Laravel + Vue.js

73b0a25ed03f649ec63ded82ce4ac7cb?s=128

nunulk

November 28, 2018
Tweet

Transcript

  1. A Startup
 meets Laravel + Vue.js nunulk ΒΒͼΎ͏࠲ஊձ

  2. ࠓ೔࿩͢͜ͱ w ࣗݾ঺հ w -BSBWFM 7VFKTͷಛ௕ w ελʔτΞοϓͱͷ૬ੑ w -BSBWFM

    7VFKTͷֶशϓϥϯ w ࣗ༝͔Β੍໿΁
  3. ࣗݾ঺հ

  4. ࣗݾ঺հ w OVOVML ͵͵Δ͘ʣ w ϑϦʔϥϯεͷ΢ΣϒΞϓϦέʔγϣϯΤϯδχΞ w 1)1ྺ໿೥ -BSBWFMྺ໿೥ w

    ϑϩϯτΤϯυ΋΍Δ͜ͱ͕ଟ͍ w ࠷ۙ͸ઐΒελʔτΞοϓʹͯίʔυॻ͍ͨΓٕज़ࢧԉ w ࣾͷϓϩμΫτͰ-BSBWFM 7VFKTͰ։ൃ
  5. Laravel + Vue.js ͷಛ௕

  6. Laravel ͷಛ௕ l5IF1)1'SBNFXPSL'PS8FC"SUJTBOTz w ΦʔϧΠϯύοέʔδ w ϞμϯͳΞʔΩςΫνϟ w &MPRVFOUͳͲͷߴ͍ੜ࢈ੑΛࢧ͑ΔΫϥε܈ w

    ׆ൃͳίϛϡχςΟڊେͳΤίγεςϜ w ެࣜυΩϡϝϯτͷ೔ຊޠ༁ͷଘࡏ
  7. Laravel ͷಛ௕ w 1)1ͷݴޠ࢓༷Λิࠤ͢ΔΫϥεɺϔϧύʔؔ਺܈ w $PMMFDUJPO w "SS w 4US

    w 'MVFOU w 0QUJPOBM w 1)16OJUΛ֦ு͠ɺςετͷ͠΍͢͞Λ޲্
  8. Vue.js ͷಛ௕ l5IF1SPHSFTTJWF+BWB4DSJQU'SBNFXPSLz w )5.-$44ͱͷ࠷௿ݶͷ݁߹ w ෦෼ద༻ͷ͠΍͢͞ w 7VFY 'MVY

    ʹΑΔ7JFXͱ੾Γ཭͞Εͨঢ়ଶ؅ཧ w ׆ൃͳίϛϡχςΟڊେͳΤίγεςϜ w ެࣜυΩϡϝϯτͷ೔ຊޠ༁ͷଘࡏ
  9. Vue.js ͷಛ௕ w 5ZQF4DSJQUΛαϙʔτʢ7VF$-*ʣ w /VYUKT

  10. Simple vs. Easy 4JNQMFFBTZUPVOEFSTUBOE TPMWF PSEP &BTZOPUEJ⒏DVMUUPEP PSOPUOFFEJOHNVDIXPSL .BDNJMMBOEJDUJPOBSZ

  11. Simple vs. Easy 4JNQMFFBTZUPVOEFSTUBOE TPMWF PSEP &BTZOPUEJ⒏DVMUUPEP PSOPUOFFEJOHNVDIXPSL .BDNJMMBOEJDUJPOBSZ

  12. ελʔτΞοϓͱͷ૬ੑ

  13. ελʔτΞοϓͱ͸ w l৽͍͠ϏδωεϞσϧΛ։ൃ͠ɺ͘͝୹࣌ؒͷ͏ͪʹٸܹͳ੒ ௕ͱΤΫδοτΛૂ͏ࣄͰҰ֫ઍۚΛૂ͏ਓʑͷҰ࣌తͳू߹ ମz w νʔϜશମ͕ҰؙͱͳͬͯٸܹͳεϐʔυͰ෺ࣄΛਐΊΔͨΊɺ શһ͕߈Ίʹప͢Δl׬શͿͬ͜ΈܕΧϛΧθνʔϜz͕ߏ੒͞Ε Δɻ w

    ௕ظతͳձࣾͷମྗͱऩӹԽΛ໨ࢦ͢தখاۀͱൺ΂ͯΈΔͱɺ ଧ্͚ͪ͛ͩʹϑΥʔΧεͨ͠࢖͍੾Γܕϩέοτͱෳ਺ճͷ࠶ ར༻Λ໨ࢦ͢εϖʔεγϟτϧͱͷҧ͍ͱ͍ͬͨͱ͜ΖͩΖ͏ ͔ɻ ʮϕϯνϟʔاۀͱελʔτΞοϓͷҧ͍ʯ#SBOEPO,)JMM
  14. ελʔτΞοϓͱ͸ w l৽͍͠ϏδωεϞσϧΛ։ൃ͠ɺ͘͝୹࣌ؒͷ͏ͪʹٸܹͳ੒ ௕ͱΤΫδοτΛૂ͏ࣄͰҰ֫ઍۚΛૂ͏ਓʑͷҰ࣌తͳू߹ ମz w νʔϜશମ͕ҰؙͱͳͬͯٸܹͳεϐʔυͰ෺ࣄΛਐΊΔͨΊɺ શһ͕߈Ίʹప͢Δl׬શͿͬ͜ΈܕΧϛΧθνʔϜz͕ߏ੒͞Ε Δɻ w

    ௕ظతͳձࣾͷମྗͱऩӹԽΛ໨ࢦ͢தখاۀͱൺ΂ͯΈΔͱɺ ଧ্͚ͪ͛ͩʹϑΥʔΧεͨ͠࢖͍੾Γܕϩέοτͱෳ਺ճͷ࠶ ར༻Λ໨ࢦ͢εϖʔεγϟτϧͱͷҧ͍ͱ͍ͬͨͱ͜ΖͩΖ͏ ͔ɻ ʮϕϯνϟʔاۀͱελʔτΞοϓͷҧ͍ʯ#SBOEPO,)JMM
  15. ελʔτΞοϓͱ͸ w ৽͍͠ϏδωεϞσϧͰ୹ظؒͷ͏ͪʹ੒௕͢Δ͜ͱΛ໨ ࢦ͢اۀମͰ͋Δ w ૊৫໘Ͱ͸ɺࣗ཯తʹಈ͚Δগ਺ਫ਼ӶʹΑΔମ੍͕ٻΊ ΒΕΔ w ϓϩμΫτ͸ɺϏδωε͕͍ͭϐϘοτ͢Δ͔෼͔Βͳ͍ ͷͰɺখ͓͖ͭͬͯ͘͘͞ɺ࣍ͷεςʔδͷঢ়گʹྟػԠ

    มʹରԠͰ͖ΔΑ͏ʹ͓ͯ͘͜͠ͱ͕๬·͍͠
  16. ϓϩμΫγϣϯʹٻΊΒΕΔ΋ͷ w ૉૣͭ͘͘ΕΔ͜ͱ w ϥΫʹͭ͘ΕΔ͜ͱ w গਓ਺Ͱͭ͘ΕΔ͜ͱ

  17. Laravel + Vue.js Ͱͭ͘Δʹ͸ w ΦʔϧΠϯϫϯύοέʔδͳͷͰΠϯετʔϧ͙ͯ͢͠ʹ ͭ͘Γ͸͡ΊΒΕΔ w ΤίγεςϜ͕ڊେͰɺ௥ՃͰඞཁͳύοέʔδ΋͍ͩͨ ͍ͩΕ͔͕͢Ͱʹͭͬͯ͘͘Ε͍ͯΔͷͰɺͦΕΒΛ࢖͏

    w "1* 7VFDPNQPOFOUͰ෼୲͢Δ w ෳ਺ਓͰͭ͘Δ৔߹ɺਫฏํ޲ʢϑϩϯτΤϯυόοΫ Τϯυ ͷ෼୲ΑΓɺਨ௚ํ޲ʢػೳʣͷ෼୲ͷํ͕ޮ཰ ͕͍͍ w σβΠφʔͱͷڠಇʹ͸4UPSZCPPLΛ࢖͏
  18. ୅ସҊ w ϑϩϯτΤϯυ/VYUKTʢ41"ʣ w όοΫΤϯυϚΠΫϩϑϨʔϜϫʔΫʢ4MJN  $PEFJHOJUFS -VNFO FUDʣ w

    &MPRVFOUΛ࢖͏͔Ͳ͏͔͕෼͔Εಓ w ύϑΥʔϚϯεཁ݅ʹ΋ΑΔʢ-BSBWFM͸஗͍ʣ w ͍ۙকདྷυϝΠϯ͕ෳࡶԽ͢Δ͜ͱ͕ݟ͍͑ͯΔͳΒ࠷ॳ ͔Β-BSBWFMΛ࢖͓͍ͬͯͨํ͕٢
  19. Laravel + Vue.js ͷֶशϓϥϯ

  20. ॳֶऀ(Novice) جૅ w ʢಠֶͳΒʣΦϯϥΠϯεΫʔϧʢςΩετʴϝϯλʔʣ w ʢνʔϜͰϝϯλʔΛ༻ҙͰ͖ΔͳΒʣॻ੶ʴϝϯλʔ w ʢ྆ํ΍Γ͍ͨͳΒʣ+BWB4DSJQUˠ1)1ͷॱ w ʢϑϩϯτΤϯυ΍ΔͳΒʣ)5.-ɺ$44

    w ʢόοΫΤϯυ΍ΔͳΒʣ)551ɺ42-ɺ6OJYͳͲͷपลٕज़ ࣮ફ w طଘػೳͷվम w ؆୯ͳػೳ௥Ճʢ$36%ʣ w ঃʑʹෛՙΛ্͍͛ͯ͘
  21. ॳֶऀ(Advanced Beginner) جૅ w ςετ w ΦϒδΣΫτࢦ޲ઃܭ w ϦϑΝΫλϦϯά w

    σʔλϕʔεςʔϒϧઃܭ ࣮ફ w طଘػೳʹର͢ΔςετΛॻ͘ w খ͞ͳϦϑΝΫλϦϯά w ςʔϒϧͱϞσϧઃܭ
  22. தڃऀ(Intermediate) جૅ w υϝΠϯۦಈઃܭ w ؔ਺ܕϓϩάϥϛϯά ࣮ફ w ϑϨʔϜϫʔΫʹґଘ͠ͳ͍υϝΠϯͷΫϥεઃܭʢϞ σϦϯάɺίϥϘϨʔγϣϯʣ

    w ϩόετωεΛ޲্ͤ͞Δࢪࡦ
  23. ֶशϦιʔε w 7VFKT w ެࣜυΩϡϝϯτ w ʮجૅ͔ΒֶͿ7VFKTʯ w ʮ/VYUKTϏΪφʔζΨΠυʯ w

    -BSBWFM w ެࣜυΩϡϝϯτ w ʮ1)1ϑϨʔϜϫʔΫ-BSBWFMೖ໳ʯ w ʮ1)1ϑϨʔϜϫʔΫ-BSBWFM8FCΞϓϦέʔγϣϯ։ൃʯ
  24. None
  25. ࣗ༝͔Β੍໿΁

  26. ੍໿ΛٻΊΔҼࢠ w ΞϓϦέʔγϣϯͷෳࡶԽ w ૊৫ͷ֦େ w Ϗδωεͷ֦େ

  27. ੍໿ΛٻΊΔҼࢠ w ΞϓϦέʔγϣϯͷෳࡶԽ w ૊৫ͷ֦େ w Ϗδωεͷ֦େ w มߋʹ͔͔Δίετͷ૿େΛ؇΍͔ʹ͢Δඞཁੑ w

    ίϛϡχέʔγϣϯίετͷ૿େΛ؇΍͔ʹ͢Δඞཁੑ w ϓϩμΫτىҼͷϏδωεϦεΫΛݮΒ͢ඞཁੑ
  28. มߋʹ͔͔ΔίετΛ཈͑Δ w ॏෳίʔυͷഉআʗ੩తղੳʹΑΔෳࡶ౓νΣοΫ w 1)1$1% 1IQ4UBO 1IBO FUD w ςετΧόϨοδͷ޲্ʢΛ໨ඪʹʣ

    w QIQVOJU QIQECH w $*$% w $JSDMF$* 5SBWJT$* EFQMPZFS DBQJTUSBOP FUD
  29. ίϛϡχέʔγϣϯίετΛ཈͑Δ w 143ʹ४ڌͨ͠ίʔσΟϯάελΠϧͷ౷Ұ w 1IQTUPSN QIQDT FUD w ઃܭϙϦγʔʢϧʔϧɺΨΠυϥΠϯʣͷࡦఆ w

    ίʔυϨϏϡʔͰ΍Δ͜ͱʗ΍Βͳ͍͜ͱΛ໌֬Խ
  30. ϏδωεϦεΫΛ཈͑Δ w ੬ऑੑௐࠪʗηΩϡϦςΟڧԽ w ϞχλϦϯάʢΤϥʔݕ஌ɺϓϩηε؂ࢹɺFUDʣ w 3PMMCBS 4FOUSZ .BDLFSFM /FX3FMJD

    FUD w ύϑΥʔϚϯενϡʔχϯάʢσʔλྔ૿େʹ൐͏Ԡ౴଎ ౓ͷ௿ԼΛ๷͙ʣ
  31. ·ͱΊ

  32. ·ͱΊ w -BSBWFM 7VFKTͷ޲͍͍ͯΔঢ়گ͸ɺগਓ਺Ͱɺૉૣ͘ɺָͯ͠ ͭ͘Γ͍ͨͱ͖ w -BSBWFM 7VFKT͸ςετ͕ॻ͖΍͘͢ͳ͍ͬͯΔͷͰͲΜͲΜॻ͍ ͍͖ͯ·͠ΐ͏ w

    ΦϒδΣΫτࢦ޲ઃܭͱؔ਺ܕϓϩάϥϛϯάͷجૅ஌ࣝΛ਎ʹͭ ͚·͠ΐ͏ w -BSBWFM΋7VFKT΋੍໿ͷগͳ͍ϑϨʔϜϫʔΫͳͷͰɺෳࡶ౓͕ ૿ͨ͠Γਓ਺͕૿͑ͨΓ͖ͯͨ͠ͱ͖͸ࣗ෼ͨͪͰن཯Λͭͬͯ͘ ͍͖·͠ΐ͏ w -BSBWFM 7VFKTʹ͸อकϑΣʔζʹؔΘΔύοέʔδ΋ἧ͍ͬͯΔ ͷͰ࢖͍͖ͬͯ·͠ΐ͏