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

A startup meets Laravel + Vue.js

nunulk
November 28, 2018

A startup meets Laravel + Vue.js

nunulk

November 28, 2018
Tweet

More Decks by nunulk

Other Decks in Programming

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