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

Vue.jsのない会社にVue.jsを入れていく

B4e8461292c2cccef061741f8ba1ac3f?s=47 Ken Jumbo Haneda
May 27, 2020
Programming
0
330

 Vue.jsのない会社にVue.jsを入れていく

B4e8461292c2cccef061741f8ba1ac3f?s=128

Ken Jumbo Haneda

May 27, 2020
Tweet

More Decks by Ken Jumbo Haneda

See All by Ken Jumbo Haneda
B4e8461292c2cccef061741f8ba1ac3f?s=48 jumbo_ken
0
190
B4e8461292c2cccef061741f8ba1ac3f?s=48 jumbo_ken
0
570
B4e8461292c2cccef061741f8ba1ac3f?s=48 jumbo_ken
1
310
B4e8461292c2cccef061741f8ba1ac3f?s=48 jumbo_ken
2
1.1k
B4e8461292c2cccef061741f8ba1ac3f?s=48 jumbo_ken
1
1.1k
B4e8461292c2cccef061741f8ba1ac3f?s=48 jumbo_ken
0
1.3k
B4e8461292c2cccef061741f8ba1ac3f?s=48 jumbo_ken
1
700
B4e8461292c2cccef061741f8ba1ac3f?s=48 jumbo_ken
0
4.7k
B4e8461292c2cccef061741f8ba1ac3f?s=48 jumbo_ken
9
4.7k

Other Decks in Programming

See All in Programming
31107eb924f0f352bc3dc4916be5ba59?s=48 negi_andleek
0
200
3931098ae486b6df619050c63e24f6cc?s=48 osyo
0
760
8f84b7d8869ef6005d89b378e8661f7c?s=48 masuda220
8
5.4k
20c5ddcad23304aed77ce8c3aa020562?s=48 tkmru
0
750
9bf923e39671cde83584e3e926296c13?s=48 kishikawakatsumi
7
1.3k
3925ee6eaa41031bac799de0f4f528ec?s=48 to4iki
1
500
977c74bb044a9d4fa90b305824eda390?s=48 olivergierke
3
410
8c8f9e0f07a2550a0fca686bc420bf21?s=48 higekick
0
200
7d709dd44f86dc8f2b7ddb4c48145dfc?s=48 jollyjoester
2
420
A65c56fbce87057b9ee064122601d7b5?s=48 nirazo
4
900
9bda8755a689204677a198ee85c0eb07?s=48 banjun
PRO
0
170
F34964538565e89f55b1df6e33c9a1e8?s=48 kapsy1312
0
210

Featured

See All Featured
A16eb159db895e3b01d3dc95767ad595?s=48 jonyablonski
37
1.7k
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
287
47k
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
11
1.1k
F383c6a4dc55e331bbe2987b622cee6b?s=48 stephaniewalter
263
11k
1b75d89772b7eea1f6c89fbf362607d9?s=48 moore
128
22k
4262b9cfacfb6b2c77f23e1d0310cd3e?s=48 myddelton
110
11k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
315
21k
B47b288784fda77a94aeb234ca743c24?s=48 keavy
111
15k
5f83ef806155b403c3393160ce51f955?s=48 jlugia
218
16k
168ccec72eee0530b818d44f3fedaacf?s=48 shlominoach
177
8.1k
9fa239b3154a0169d99ab7bf1422dd12?s=48 marcelosomers
224
15k
4394ceb8b277f35ee3da7030384efb5d?s=48 davidbonilla
75
3.8k

Transcript

  1. Vue.jsͷͳ͍ձࣾʹVue.jsΛೖΕ͍ͯ͘ ΦϯϥΠϯ։࠵ʂʲγϡʔϚΠʳ 5FDI-FBE&OHJOFFS͔Β࠷৽ٕज़Λֶ΂ʂ7VFKTฤ

  2. None

  3. S *OUSPEVDUJPO ຊ೔ͷ͓࿩ 1. ձࣾͷ͜ͱ 2. VueΛೖΕͨܦҢɾ՝୊ɾղܾࡦ 3. ·ͱΊ

  4. *OUSPEVDUJPO ࠓ೔࿩͢͜ͱ 1. VueΛೖΕΔࡍͷ૊৫ɾ։ൃ؍఺Ͱͷ՝୊ 2. ಋೖͷ݁Ռ

  5. *OUSPEVDUJPO ࠓ೔࿩͞ͳ͍͜ͱ 1. ࠷৽ͷVueͷ৘ใ 2. ࡉ͔͍ίʔυͷ঺հ

  6. Ӌా ݈ଠ࿠ 1SPpMF +VNCP!KVNCP0S/PU ٕज़ຊ෦αʔϏε։ൃ෦෦௕

  7. גࣜձࣾϨΞδϣϒ ΦϯϥΠϯӳձ࿩͸ɺΠϯλʔωοτΛ࢖ͬͨӳձ࿩αʔϏεɻ ͍ͭͰ΋Ͳ͜Ͱ΋Ϧʔζφϒϧʹɺ֎ࠃਓߨࢣͷϨοεϯΛडߨͰ͖·͢ɻ ແྉମݧɾແྉΧ΢ϯηϦϯά࣮ࢪதʂ ͥͻࢲͨͪͷϨοεϯΛडߨͯ͠Έ͍ͯͩ͘͞ɻ 3BSF+PCJOD 13

  8. 13

  9. 13

  10. 13 ϑϩϯτΤϯυɾόοΫΤϯυɾωΠςΟϒΞϓϦɾσβΠϯͰ༷ʑͳ ٕज़Λ૯ಈһֶͯ͠शऀͷͨΊͷγεςϜͷ։ൃɾӡ༻Λ͍ͯ͠·͢

  11. VueΛٕज़૊৫ʹ૊ΈࠐΉ

  12. $VSSFOUTJUVBUJPO ϨοεϯϧʔϜ 4."35.FUIPEš ͍͔ͭ͘ͷϓϩμΫτͰ7VFΛར༻ • -BSBWFM 7VF .1"  •

    7VF 41"  • /VYU 41"  
 ಋೖ͔Β͠͹Β͘ɾɾɾ ٕज़ಋೖΛͭͭ͠૊৫΋มԽ͍ͯ͠Δɻ

  13. 1SFWJPVTTJUVBUJPO ΤϯδχΞ͸όοΫΤϯυ΋ϑϩϯτ΋ରԠ͢Δ ϑϩϯτͱݺ͹ΕΔ৔ॴ͸ੜKTɺKRVFSZ σβΠφʔͱ࿈ܞͯ͠4BTT$44Λॻ͍ͨΓ͓ئ͍ͨ͠Γɾɾɾ ౰࣌ͷٕज़૊৫ Ұݟͯ͠ྲྀಈੑ͸ߴ͘ॊೈʹݟ͑ΔҰํͰɺ ΤϯδχΞࣗ਎͕ઐ໳ੑͷߴ͍ྖҬʹूதͨ͠ΓɺϩʔϧʢڧΈʣͷ෼ղ͕͠ʹ͍͘ ·ͨ࠾༻ࢢ৔ʹ΋ဃ཭͕͋Γɺ࠾༻ཁ݅΋੔ཧ͠ʹ͍͘ NFNP

  14. 1SFWJPVTTJUVBUJPO 9 ೥લɺ৽نࣄۀͷ։ൃͷࡍʹ7VFΛਖ਼ࣜʹ ೖΕ͍ͯ͘͜ͱΛܾఆɻ Ճ͑ͯʮϑϩϯτΤϯυ૊৫ʯΛ ࡞͍ͬͯ͘͜ͱ΋ܾΊͨɻ ͭ·Γ VueΛೖΕΔ = ϑϩϯτΤϯυ

    ɹ૊৫Λ࡞Δ ʹͳͬͨɻ

  15. 1SPCMFNT  ϑϩϯτΤϯυΤϯδχΞͷϩʔϧJTԿʁ໰୊  ϑϩϯτΤϯυͷႈ౳ੑ໰୊  7VF"QQͷύϑΥʔϚϯε؅ཧJT೉͍͠໰୊ 3ͭͷ໰୊ ͦ͜Ͱग़͖ͯͨ

  16. 1SPCMFN ϑϩϯτΤϯυΤϯδχΞͷϩʔϧJTԿʁ໰୊ • ٕज़͸Կ͕Ͱ͖Ε͹͍͍ͷʁ • "1*·Ͱ৮Δʁ • %PDLFS͸Ͳ͏͢Δʁ • "84͸ɾɾɾͲ͏͔

     • $*$%ͷઃఆ͸୭ʹґཔ͢Δʁ

  17. 4PMVUJPO 'SPOUFOE #BDLFOE %FTJHOFS +4 54 XFCQBDL  OQN ZBSOʜ

    1)1 .Z42-  "1* 1)17JFXʜ $44 4BTT 6*69 4UZMF )5.-ʜ ໌֬ʹ͢΂͖৔ॴ͸ ͚ͩ͜͜Ͱͳ͘͜͜ ϩʔϧࣗମͷ੔ཧ͸౰ͨΓલɺ Ճ͑ͯඞཁͩͬͨͷ͸͸ Կ͕ڠྗͯ͠޲͖߹͏΂͖͔ ͱ͍͏ϩʔϧͷ͔ͿΔ෦෼ɻ FY .1"ͳΞϓϦέʔγϣϯʹ͓͍ͯ ɹ1)1WJFXͰ6*૊Ή͔7VFͰ΍Δ͔ɺ ɹͦΕΛͲ͕ͬͪ୲౰ɾϨϏϡʔ͢Δ͔

  18. 4PMVUJPO ϩʔϧͷॏෳΛΧόʔ͢ΔͨΊʹ΍͖ͬͯͨɾ͍Δ͜ͱ • "1*.PDLΛৗʹ੔උͯ͠#&ϨεͰ։ൃΛਐΊΒΕΔΑ͏ʹ͢Δ • 4XBHHFSBQJTQSPVU΍OPEFͰγϯϓϧʹKTPOฦ͚ͩ͢ͷαʔό • ϑϩϯτΤϯυ͸ϏϧυγεςϜʹ੹೚Λ࣋ͭ • /1.ى఺ʢZBSOʣͷ։ൃΛඪ४Խ

    • "1*ͷ։ൃ͸ݪଇ͠ͳ͍ʢڥքͷ෼཭ʣ • ίʔμʔ࡞ۀͷվળͱίϯϙʔωϯτ؅ཧ஌ࣝͷڞ༗ • 4BTT$TTϕʔεͷίϯϙʔωϯτ෼཭"UPNJD$PNQPOFOUTԽ • σβΠφʔ͔ΒίʔσΟϯά࡞ۀͷ෼཭

  19. 4PMVUJPO 'SPOUFOE #BDLFOE %FTJHOFS +4 54 XFCQBDL  OQN ZBSOʜ

    1)1 .Z42-  "1* 1)17JFXʜ $44 4BTT 6*69 4UZMF )5.-ʜ ·ͨҰճߟ͑Δ͚ͩͰͳ͘ɺ ϝϯόʔͷࢥߟ΍τϨϯυͰ มಈ͍ͤͯ͘͞ඞཁ͕͋Δ ͱ͖ʹ͸ӽڥ͢Δ͜ͱ΋͋Γ ͦΕ͕ϝϯόʔͷεΩϧͷ޿͕Γ ʹ΋ͳΔ

  20. 4PMVUJPO .1" 41" "1* 'SPOU ٕज़తͳ݁߹౓૊৫తͳ݁߹౓ʹͳΔͨΊͳΔ΂͘41"ʜ • σϓϩΠύΠϓϥΠϯͷ෼཭ • %PDLFSґଘ͔Βͷ཭୤

    • -BSBWFMNJY͔Βͷ཭୤ • ϑϩϯτΤϯδχΞͷؔ৺ΛݮΒ͢

  21. 1SPCMFN ϑϩϯτΤϯυͷႈ౳ੑ໰୊ ʮޙͰ͍͍΍ɾɾɾʯ͍ͬͺ͍͋Γ·͢ΑͶ • Ϗϧυ࣌ؒ • σϓϩΠͷࣗಈԽ • ൥ࡶɾ૿Ճ͢Δίϯϙʔωϯτͷ੔ཧ •

    ϧʔϧͷඪ४Խ

  22. 4PMVUJPO 9997VFͷγνϡΤʔγϣϯͰى͖Δ͜ͱͷҰͭʹ
 ႈ౳ੑ୲อɺ࿙Ε͕ͪ໰୊͕͋Γ·͢ɻ ॾʑɺ։ൃͷ༏ઌ౓తʹͲ͏͠Α΋ͳ͍͜ͱ΋͋Γ·͕͢
 ๨Εͳ͍Ͱཉ͍͠ͷ͕ ʮ൴ΒʢϏϧυγεςϜɾλεΫϥϯφʔʣͷ͝ػݏΛଛͶͳ͍Α͏ʹͯ͠ɺ
 ͍ͭͰ΋ಉ݁͡ՌΛಘΒΕΔঢ়گΛ࡞Δʯ͜ͱͰ͢ɻ

  23. 4PMVUJPO 9997VFͷγνϡΤʔγϣϯͰى͖Δ͜ͱͷҰͭʹ
 ϑΝΠϧ਺ΊͬͪΌ૿͑Δ໰୊͕͋Γ·͢ɻ ॾʑɺ։ൃͷ༏ઌ౓తʹͲ͏͠Α΋ͳ͍͜ͱ΋͋Γ·͕͢
 ఺͚ͩ๨Εͳ͍Ͱཉ͍͠ͷ͕ ʮ൴ΒʢϏϧυγεςϜɾλεΫϥϯφʔʣͷ͝ػݏΛଛͶͳ͍Α͏ʹͯ͠ɺ
 ͍ͭͰ΋ಉ݁͡ՌΛಘΒΕΔঢ়گΛ࡞Δʯ͜ͱͰ͢ɻ ΏΔ͘΍ΔͳΒʮͱΓ͋͑ͣ$*Ͱςετ͸ճΔʯঢ়گΛ ࡞͓͚ͬͯͩ͘Ͱ΋ɺ͋ͱ͔Β୭͔͕։ൃ͢Δͱ͖ʹ ؀ڥ࠶ݱੑ͕ߴ·Γ·͢˕

  24. 1SPCMFN 7VF"QQͷύϑΥʔϚϯε؅ཧJT೉͍͠໰୊ • 4&0͸ʁ • ϩΪϯά͸Ͳ͏͢Δͷʁ • -JHIU)PVTFͷείΞ͸্͛Δͷʁͦ΋ͦ΋਺ࣈ͸୭࣋ͭʁ • ϦϦʔε͍ͯ͠Δ41"͕໰୊ͳ͍͔Ͳ͏͔ΛͲ͏ܭଌ͢Δͷ

     FY ฐࣾͷϨοεϯϧʔϜͷ৔߹ • Ի੠͕ฉ͑͜ͳ͍ͱ͍͏໰͍߹Θͤ૿Ճ • ϨοεϯͰ͖ͳ͍ͱԹ౓ײߴ͘໰͍߹ΘͤདྷͪΌ͏ • ஞ࣍ରԠ͸ΩϦ͕ͳ͍ʜ • ਖ਼ৗՔಇΛ୲อ͢ΔࢦඪΛ࡞Δඞཁ͕͋ͬͨ

  25. 4PMVUJPO ϩΪϯάʹΑΔՄࢹԽͱϞχλϦϯά "QQ4ZOD %ZOBNP%# "VSPSB ϩά΍σʔλͷूੵ ϓϩμΫτ σʔλͷ4ZOD ౰ॳɺ%ZOBNP%#Λ௚઀SFEBTIʹͭͳ͍Ͱ͍͕ͨɺ ूܭ͢Δʹ΋%2-

    %ZOBNP%#2VFSZ-BOHVBHF ͸42-ϥΠΫͳ͚ͩͰ දݱྗʹ͚ܽΔͨΊɺσʔλΛTZODͯ͠SFEBTIͰՄࢹԽɻ %BTICPSBE"MFSU౳Λ׆༻ͯ͠։ൃɾ$4Ͱͷӡ༻ʹ׆༻

  26. 4PMVUJPO ϩΪϯάʹΑΔՄࢹԽͱϞχλϦϯά
 8FC35$ͷෳࡶͳσόοάɾ4UBUT৘ใΛू໿͢ΔͨΊʹผ్ߏங ౰ॳɺ%ZOBNP%#Λ௚઀SFEBTIʹͭͳ͍Ͱ͍͕ͨɺ ूܭ͢Δʹ΋%2- %ZOBNP%#2VFSZ-BOHVBHF ͸42-ϥΠΫͳ͚ͩͰ දݱྗʹ͚ܽΔͨΊɺσʔλΛTZODͯ͠SFEBTIͰՄࢹԽɻ %BTICPSBE"MFSU౳Λ׆༻ͯ͠։ൃɾ$4Ͱͷӡ༻ʹ׆༻

  27. $PODMVTJPO • 7VFΛ৽͘͠૊৫ʹೖΕ͍ͯ͘͜ͱ
 ϑϩϯτΤϯυ૊৫Λ࡞Δͱ͍͏͜ͱ • ϑϩϯτΤϯυ૊৫Λ࡞Δͱ͖͸ϩʔϧͷ͔ͿΔͱ͜ΖΛߟ͑ͯΈͯͶ • ϑϩϯτΤϯυ͸ҟৗ͕ݟ͑ʹ͍͘ͷͰࢦඪΛ࡞Ζ͏Ͷ IUUQTSBSFKPCUFDIEFQUIBUFOBCMPHDPN ςοΫϒϩά΋ΑΖ͓͘͠ئ͍͠·͢ʂ

    7VFࣗମ͸΋ͪΖΜٕज़తʹϝϦοτ͕ͨ͘͞Μ͋ΓɺڗडͰ͖͍ͯΔ
 ͨͩͦΕ͚ͩͰͳͯ͘Ұॹʹ૊৫΋มΘ͍͚͍ͬͯͯΔͷ͕˕