A startup meets Laravel + Vue.js

Transcript

1. A Startup

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

   View Slide

2. ࠓ೔࿩͢͜ͱ
   w ࣗݾ঺հ
   w -BSBWFM7VFKTͷಛ௕
   w ελʔτΞοϓͱͷ૬ੑ
   w -BSBWFM7VFKTͷֶशϓϥϯ
   w ࣗ༝͔Β੍໿΁
   

   View Slide

3. ࣗݾ঺հ
   

   View Slide

4. ࣗݾ঺հ
   w OVOVML ͵͵Δ͘ʣ
   w ϑϦʔϥϯεͷ΢ΣϒΞϓϦέʔγϣϯΤϯδχΞ
   w 1)1ྺ໿೥ -BSBWFMྺ໿೥
   w ϑϩϯτΤϯυ΋΍Δ͜ͱ͕ଟ͍
   w ࠷ۙ͸ઐΒελʔτΞοϓʹͯίʔυॻ͍ͨΓٕज़ࢧԉ
   w ࣾͷϓϩμΫτͰ-BSBWFM7VFKTͰ։ൃ
   

   View Slide

5. Laravel + Vue.js ͷಛ௕
   

   View Slide

6. Laravel ͷಛ௕
   l5IF1)1'SBNFXPSL'PS8FC"SUJTBOTz
   w ΦʔϧΠϯύοέʔδ
   w ϞμϯͳΞʔΩςΫνϟ
   w &MPRVFOUͳͲͷߴ͍ੜ࢈ੑΛࢧ͑ΔΫϥε܈
   w ׆ൃͳίϛϡχςΟڊେͳΤίγεςϜ
   w ެࣜυΩϡϝϯτͷ೔ຊޠ༁ͷଘࡏ
   

   View Slide

7. Laravel ͷಛ௕
   w 1)1ͷݴޠ࢓༷Λิࠤ͢ΔΫϥεɺϔϧύʔؔ਺܈
   w $PMMFDUJPO
   w "SS
   w 4US
   w 'MVFOU
   w 0QUJPOBM
   w 1)16OJUΛ֦ு͠ɺςετͷ͠΍͢͞Λ޲্
   

   View Slide

8. Vue.js ͷಛ௕
   l5IF1SPHSFTTJWF+BWB4DSJQU'SBNFXPSLz
   w )5.-$44ͱͷ࠷௿ݶͷ݁߹
   w ෦෼ద༻ͷ͠΍͢͞
   w 7VFY 'MVY
   ʹΑΔ7JFXͱ੾Γ཭͞Εͨঢ়ଶ؅ཧ
   w ׆ൃͳίϛϡχςΟڊେͳΤίγεςϜ
   w ެࣜυΩϡϝϯτͷ೔ຊޠ༁ͷଘࡏ
   

   View Slide

9. Vue.js ͷಛ௕
   w 5ZQF4DSJQUΛαϙʔτʢ7VF$-*ʣ
   w /VYUKT
   

   View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

15. ελʔτΞοϓͱ͸
    w ৽͍͠ϏδωεϞσϧͰ୹ظؒͷ͏ͪʹ੒௕͢Δ͜ͱΛ໨
    ࢦ͢اۀମͰ͋Δ
    w ૊৫໘Ͱ͸ɺࣗ཯తʹಈ͚Δগ਺ਫ਼ӶʹΑΔମ੍͕ٻΊ
    ΒΕΔ
    w ϓϩμΫτ͸ɺϏδωε͕͍ͭϐϘοτ͢Δ͔෼͔Βͳ͍
    ͷͰɺখ͓͖ͭͬͯ͘͘͞ɺ࣍ͷεςʔδͷঢ়گʹྟػԠ
    มʹରԠͰ͖ΔΑ͏ʹ͓ͯ͘͜͠ͱ͕๬·͍͠
    

    View Slide

16. ϓϩμΫγϣϯʹٻΊΒΕΔ΋ͷ
    w ૉૣͭ͘͘ΕΔ͜ͱ
    w ϥΫʹͭ͘ΕΔ͜ͱ
    w গਓ਺Ͱͭ͘ΕΔ͜ͱ
    

    View Slide

17. Laravel + Vue.js Ͱͭ͘Δʹ͸
    w ΦʔϧΠϯϫϯύοέʔδͳͷͰΠϯετʔϧ͙ͯ͢͠ʹ
    ͭ͘Γ͸͡ΊΒΕΔ
    w ΤίγεςϜ͕ڊେͰɺ௥ՃͰඞཁͳύοέʔδ΋͍ͩͨ
    ͍ͩΕ͔͕͢Ͱʹͭͬͯ͘͘Ε͍ͯΔͷͰɺͦΕΒΛ࢖͏
    w "1*7VFDPNQPOFOUͰ෼୲͢Δ
    w ෳ਺ਓͰͭ͘Δ৔߹ɺਫฏํ޲ʢϑϩϯτΤϯυόοΫ
    Τϯυ
    ͷ෼୲ΑΓɺਨ௚ํ޲ʢػೳʣͷ෼୲ͷํ͕ޮ཰
    ͕͍͍
    w σβΠφʔͱͷڠಇʹ͸4UPSZCPPLΛ࢖͏
    

    View Slide

18. ୅ସҊ
    w ϑϩϯτΤϯυ/VYUKTʢ41"ʣ
    w όοΫΤϯυϚΠΫϩϑϨʔϜϫʔΫʢ4MJN
    $PEFJHOJUFS -VNFO FUDʣ
    w &MPRVFOUΛ࢖͏͔Ͳ͏͔͕෼͔Εಓ
    w ύϑΥʔϚϯεཁ݅ʹ΋ΑΔʢ-BSBWFM͸஗͍ʣ
    w ͍ۙকདྷυϝΠϯ͕ෳࡶԽ͢Δ͜ͱ͕ݟ͍͑ͯΔͳΒ࠷ॳ
    ͔Β-BSBWFMΛ࢖͓͍ͬͯͨํ͕٢
    

    View Slide

19. Laravel + Vue.js ͷֶशϓϥϯ
    

    View Slide

20. ॳֶऀ(Novice)
    جૅ
    w ʢಠֶͳΒʣΦϯϥΠϯεΫʔϧʢςΩετʴϝϯλʔʣ
    w ʢνʔϜͰϝϯλʔΛ༻ҙͰ͖ΔͳΒʣॻ੶ʴϝϯλʔ
    w ʢ྆ํ΍Γ͍ͨͳΒʣ+BWB4DSJQUˠ1)1ͷॱ
    w ʢϑϩϯτΤϯυ΍ΔͳΒʣ)5.-ɺ$44
    w ʢόοΫΤϯυ΍ΔͳΒʣ)551ɺ42-ɺ6OJYͳͲͷपลٕज़
    ࣮ફ
    w طଘػೳͷվम
    w ؆୯ͳػೳ௥Ճʢ$36%ʣ
    w ঃʑʹෛՙΛ্͍͛ͯ͘
    

    View Slide

21. ॳֶऀ(Advanced Beginner)
    جૅ
    w ςετ
    w ΦϒδΣΫτࢦ޲ઃܭ
    w ϦϑΝΫλϦϯά
    w σʔλϕʔεςʔϒϧઃܭ
    ࣮ફ
    w طଘػೳʹର͢ΔςετΛॻ͘
    w খ͞ͳϦϑΝΫλϦϯά
    w ςʔϒϧͱϞσϧઃܭ
    

    View Slide

22. தڃऀ(Intermediate)
    جૅ
    w υϝΠϯۦಈઃܭ
    w ؔ਺ܕϓϩάϥϛϯά
    ࣮ફ
    w ϑϨʔϜϫʔΫʹґଘ͠ͳ͍υϝΠϯͷΫϥεઃܭʢϞ
    σϦϯάɺίϥϘϨʔγϣϯʣ
    w ϩόετωεΛ޲্ͤ͞Δࢪࡦ
    

    View Slide

23. ֶशϦιʔε
    w 7VFKT
    w ެࣜυΩϡϝϯτ
    w ʮجૅ͔ΒֶͿ7VFKTʯ
    w ʮ/VYUKTϏΪφʔζΨΠυʯ
    w -BSBWFM
    w ެࣜυΩϡϝϯτ
    w ʮ1)1ϑϨʔϜϫʔΫ-BSBWFMೖ໳ʯ
    w ʮ1)1ϑϨʔϜϫʔΫ-BSBWFM8FCΞϓϦέʔγϣϯ։ൃʯ
    

    View Slide

24. View Slide

25. ࣗ༝͔Β੍໿΁
    

    View Slide

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

    View Slide

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

    View Slide

28. มߋʹ͔͔ΔίετΛ཈͑Δ
    w ॏෳίʔυͷഉআʗ੩తղੳʹΑΔෳࡶ౓νΣοΫ
    w 1)1$1% 1IQ4UBO 1IBO FUD
    w ςετΧόϨοδͷ޲্ʢΛ໨ඪʹʣ
    w QIQVOJU QIQECH
    w $*$%
    w $JSDMF$* 5SBWJT$* EFQMPZFS DBQJTUSBOP FUD
    

    View Slide

29. ίϛϡχέʔγϣϯίετΛ཈͑Δ
    w 143ʹ४ڌͨ͠ίʔσΟϯάελΠϧͷ౷Ұ
    w 1IQTUPSN QIQDT FUD
    w ઃܭϙϦγʔʢϧʔϧɺΨΠυϥΠϯʣͷࡦఆ
    w ίʔυϨϏϡʔͰ΍Δ͜ͱʗ΍Βͳ͍͜ͱΛ໌֬Խ
    

    View Slide

30. ϏδωεϦεΫΛ཈͑Δ
    w ੬ऑੑௐࠪʗηΩϡϦςΟڧԽ
    w ϞχλϦϯάʢΤϥʔݕ஌ɺϓϩηε؂ࢹɺFUDʣ
    w 3PMMCBS 4FOUSZ .BDLFSFM /FX3FMJD FUD
    w ύϑΥʔϚϯενϡʔχϯάʢσʔλྔ૿େʹ൐͏Ԡ౴଎
    ౓ͷ௿ԼΛ๷͙ʣ
    

    View Slide

31. ·ͱΊ
    

    View Slide

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

    View Slide