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

ProgressiveにVueを導入している話 / vue-progressive-integration

6228c7eb945dbd4b30bcefa9f8f3e49a?s=47 hivesbee
September 06, 2019
Programming
1
240

ProgressiveにVueを導入している話 / vue-progressive-integration

6228c7eb945dbd4b30bcefa9f8f3e49a?s=128

hivesbee

September 06, 2019
Tweet

More Decks by hivesbee

See All by hivesbee
6228c7eb945dbd4b30bcefa9f8f3e49a?s=48 hivesbee
0
130
6228c7eb945dbd4b30bcefa9f8f3e49a?s=48 hivesbee
5
2.4k
6228c7eb945dbd4b30bcefa9f8f3e49a?s=48 hivesbee
1
390
6228c7eb945dbd4b30bcefa9f8f3e49a?s=48 hivesbee
1
71

Other Decks in Programming

See All in Programming
67de06c6cee3ece0f56494e91e48117e?s=48 tkitsunai
6
2.7k
Df3a0444cb4726fd231a5d5ea4fe0a34?s=48 hiddenest12
0
290
3331499a8c17bf14833f22b9173223f1?s=48 hanakla
1
150
15ea8d31e84f0b229ebd4aea87f02d30?s=48 canisterism
0
140
Fd223ed912b754bc4c4338d148a69c78?s=48 kotaroooo0
13
4.4k
A760a90c9afd981004343b9861f1e8b4?s=48 daipresents
0
170
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
PRO
0
110
14d83dc17e2c893d7564b609ff8da4ca?s=48 techharmony
0
300
A0aae1297a0593c1316abdcdb4131e3a?s=48 toedter
11
12k
1a517fb4f2fe1ad4c6bbfc0cbb17ba10?s=48 kasai441
0
250
Ae276805027a01983503c3edafbdb6b2?s=48 martysuzuki
0
430
A4d1023b1de7890c67a083d14573882d?s=48 ktgrstsh
1
340

Featured

See All Featured
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
206
7k
D09fad3e36ae6841f54820be0e907f7a?s=48 rocio
154
11k
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
146
19k
64827b31aef81498662e8af4bd6d5157?s=48 jonrohan
1021
390k
F383c6a4dc55e331bbe2987b622cee6b?s=48 stephaniewalter
262
11k
Aebc2d07a50011e2a30d38435fde564a?s=48 jrom
116
7.2k
D47656e20ff5e42f125fc5ea0fd636c6?s=48 tmm1
62
9.9k
053e75a5b48b44d6dd0612795dfb326d?s=48 notwaldorf
28
2.3k
6bb82b13cda86d3b821fa44100335ddf?s=48 thoeni
4
690
78b475797a14c84799063c7cd073962f?s=48 holman
289
130k
7653c7c449918ff6542880a8c284f5e7?s=48 jponch
103
5.1k
C7393b7ba7ec9c8890dd77d209fbb3c9?s=48 maltzj
502
36k

Transcript

  1. 1SPHSFTTJWFʹ7VFΛ
 ಋೖ͍ͯ͠Δ࿩ 7TFOEBJ7VFKT/VYUKTNFFUVQ .BTBTIJ)BHBʢ!)JWFTCFFʣ

  2. ⾣6ODBVHIU3FGFSFODF&SSPS)BHBJTOPUEFpOFE .BTBTIJ)BHB (JUIVCIJWFTCFF
 5XJUUFS!)JWFTCFFʢ;͕͊ʣ 'SPOUFOE&OHJOFFSBU$MPVE4JHO
 (SBEVBUFEઋ୆ి೾ߴઐʢͩͬͨͱ͜Ζʣ ❤7VFKT K2VFSZ Έͣ͞Θ԰ʢ཮લམ߹ʹ͋Γ·͢ʣ ɹ͜ͷલͷBZ$POGFSFODFͰதຊͷਓೝఆΛड͚Δ

  3. ࠓճ͓࿩͢Δ͜ͱ 1SPHSFTTJWFʹ 7VFΛಋೖ͍ͯ͠Δݱ৔Ͱͷ ಋೖઓུ΍࣮ࡍͷઃܭϓϥΫςΟεΛ ௕Ίʹ͝঺հ

  4. ໔੹ࣄ߲ ॾઆ͋Γ·͢

  5. None

  6. ܖ໿ަব͕ࡁΜͩ׬੒ࡁͷܖ໿ॻΛΞοϓϩʔυ͠ɺ ૬खํ͕ঝೝ͢Δ͚ͩͰܖ໿ΛΉ͢Ϳ͜ͱ͕ग़དྷ·͢ɻ ॻྨͷड৴ऀ͸Ϋϥ΢υαΠϯʹొ࿥͢Δඞཁ͕͋Γ·ͤΜɻ ܖ໿క͔݁Βܖ໿ॻ؅ཧ·ͰՄೳͳ Ϋϥ΢υܕͷిࢠܖ໿αʔϏε ܖ໿ަবࡁͷܖ໿ॻΛΞοϓϩʔυ͠ɺ૬खํ͕ঝೝ͢Δ͚ͩͰܖ໿Λ݁Ϳ͜ͱ͕ग़དྷ·͢ɻ ॻྨͷड৴ऀ͸Ϋϥ΢υαΠϯʹొ࿥͢Δඞཁ͕͋Γ·ͤΜɻ Ϋϥ΢υαΠϯͱ͸ʁ

  7. Ϋϥ΢υαΠϯͱ͸ʁ ిࢠܖ໿ͳΒ εϐʔυΞοϓ΋҆શੑ΋࣮ݱͰ͖·͢ ܖ໿క݁·Ͱͷ ϦʔυλΠϜͷ୹ॖ िؒ ෼ ࢴͷܖ໿ॻ ిࢠܖ໿ॻ ίϯϓϥΠΞϯεͱ

    ηΩϡϦςΟڧԽ ϝʔϧɾυϝΠϯ࿈ಈͷຊਓೝূ ిࢠॺ໊ʴೝఆλΠϜελϯϓͰ ܖ໿࣌఺ͷ׬શੑΛ୲อ ✔ ෦௕ ✔

  8. Ϋϥ΢υαΠϯͱ͸ʁ

  9. Ϋϥ΢υαΠϯͱ͸ʁ 

  10. ͔͜͜Βຊ୊

  11. എܠ ࠷ॳͷಓ͠Δ΂ͷͨͯํ 1SPHSFTTJWFʹ͢͢ΊΔͨΊͷઃܭϓϥΫςΟε

  12. എܠ ೖࣾ࣌఺Ͱͷٕज़ελοΫ͸ʜʜ Πϯϑϥɿ"84 αʔόʔɿHP SFWFM ϑϩϯτʢ1$൛ʣɿK2VFSZ ϑϩϯτʢ41൛ʣɿK2VFSZ 7VFKTʢܥʣ ͱ͍͏͜ͱͰϑϩϯτͷओ࣠͸ HPͷςϯϓϨʔτΤϯδϯͱK2VFSZ

  13. K2VFSZ͋Δ͋Δ ϏδωεϩδοΫͱ%0.͕ࠞࡏ ϑΝΠϧ෼ׂʹΑΔϞδϡʔϧԽΛߦ͍͕ͬͯͨɺ
 ΠϕϯτͷൃՐλΠϛϯάͳͲͳͲෳࡶੑ͕૿͖ͯͨ͠ ͦͷ··QVCMJTI͍ͯͨ͠ͷͰ
 ίϝϯτ͕ॻ͚ͳ͍ʢҙ֎ͱେࣄʣ 7VFKTΛຊ֨ಋೖ͢ΔྲྀΕʹ

  14. 8IZ7VFKTʁ ΨΠυϥΠϯΛͬ͟ͱݟͯ࢖͍΍ͦ͢͏ KTY͕ͪΐͬͱͱ͖ͬͭͮΒͦ͏ 4'$ͱσβΠφʔͷ਌࿨ੑ͕ߴ͍ ͋ͱ͸΄Μͷग़དྷ৺ʢ௒ॏཁʣ

  15. എܠ ࠷ॳͷಓ͠Δ΂ͷͨͯํ 1SPHSFTTJWFʹ͢͢ΊΔͨΊͷઃܭϓϥΫςΟε

  16. ʮ7VFKTೖΕ·͠ΐ͏ʂʯ
 ʜ
 Ͳ͏΍ͬͯʁ

  17. େ͖ͳํ਑ͱͯ͠ʜʜ %SBTUJDʹม͍͑ͯ͘ ୹ظܾઓܕ ͋Δఔ౓ͷόάΛڐ༰͢Δඞཁ͋Γ ΍Γ͖Δͱʮ͔͍͍ͬ͜ʯͬͯݴΘΕΔ 1SPHSFTTJWFʹม͍͑ͯ͘ ௕ظઓܕ όά͸཈͍͑ͯ͘ ҋͱର࿩͠ଓ͚͍ͯ͘ ΍Γ͖Δͱʮ͓ർΕ͞·ʯͬͯݴΘΕΔ

  18. ࠷ॳͷಓ͠Δ΂ͷͨͯํ Ͳ͏൑அ͢Δ͔ʁ

  19. ࠷ॳͷಓ͠Δ΂ͷͨͯํ ϓϩμΫτͷಛੑͱ ։ൃ૊৫ͷ໘͔Β ߟ͑Δ

  20. ϓϩμΫτͷಛੑ͔Βಓ͠Δ΂Λߟ͑Δ Ϋϥ΢υαΠϯʹిࢠܖ໿ͷαʔϏε ԾʹαʔϏε͕མͪΔͱʜʜ ͓٬͞·ͷܖ໿࡞ۀ͕Ͱ͖ͳ͍ˠ͓٬͞·ͷϏδωεʹӨڹେ ಛʹ݄຤݄ॳʹམͪͨΒக໋త ӨڹൣғΛڱ͘ɺ໰୊Λى͜͞ͳ͍Α͏ʹ

  21. ։ൃ૊৫ͷ໘͔Βಓ͠Δ΂Λߟ͑Δ ౰࣌ɺ̍ਓ໨ͷϑϩϯτΤϯυΤϯδχΞ ࢥ͍͖ͬΓม͍͑ͯ͘ʹ͸
 ϑϩϯτͷϝϯόʔ͕଍Γͳ͍ ͦͷؾʹͳΕ͹Ͱ͖͔ͨ΋͠Εͳ͍͕ ػೳ௥Ճͱ͜ͷ࡞ۀΛಉ࣌ʹ͢͢ΊΔ͜ͱʹͳΓ
 ऴᖼΛܴ͑Δʢࢲ͕ʣ ϝϯόʔΛ૿΍͍ͯ͘͜͠ͱ΋ؚΊɺಋೖܭըΛ͍ͨͯͯ͘

  22. Ͱ͖͕͋ͬͨಓ͠Δ΂  %SBTUJDʹม͍͑ͯ͘  1SPHSFTTJWFʹม͍͑ͯ͘  ϝϯόʔͷ૿Ճ΋ܭըʹؚΊɺ1SPHSFTTJWFʹಋೖ͍ͯ͘͠

  23. Ͱ͖͕͋ͬͨಓ͠Δ΂ ελʔτ
 7VFKTಋೖ։࢝ ΰʔϧ
 7VFKTͰϑϧϦϓϨʔε ը໘ͷҰ෦Ͱ
 7VFKTಋೖ ϝϯόʔΛ
 ૿΍͍ͯ͘͠ 7VFKT


    ಋೖൣғͷ֦େ ੹຿ͷৡ౉
 ʢϧʔςΟϯάɺεςʔτ؅ཧʣ

  24. ಓ͠Δ΂͕Ͱ͖Δͱ ࣗવͱઃܭ͕૊Έ্͕Δ

  25. ࠓͷϑϩϯτΤϯυઃܭ (P SFWFM 1BHF"WVF 1BHF#WVF 1BHF$WVF 8FCQBDL ࢠ ࢠ ࢠ

    ࢠ ࢠ ࢠ ϧʔςΟϯά͸αʔόʔଆͷ·· SFWFMͰग़ྗ͞ΕͨIUNMʹ7VFKTΛ͍͋ͯͯ͘

  26. ࠓͷϑϩϯτΤϯυઃܭʢൈਮʣ ϚϧνϖʔδΞϓϦέʔγϣϯ ϧʔςΟϯά͸ݱߦͷ··ɺ7VFSPVUFS͸ར༻͠ͳ͍ ϖʔδΤϯτϦϙΠϯτ 8FCQBDL͸࢖͏ʢίϝϯτॻ͖͍ͨΠϯϙʔτ͍ͨ͠ʣ 7VFY͸جຊ࢖Θͳ͍

  27. ࠓͷϑϩϯτΤϯυઃܭʢײ૝ʣ ͜͏΍ͬͯݟΔͱϞμϯͳΠέΠέͳϑϩϯτͱ͸͍͑ͳ͍ ݱঢ়Λཧղ্ͨ͠Ͱ࠷దղΛऔΔͨΊʹ
 ͋͑ͯ࢖Θͳ͍ɺͱ͍͏ͷ͸େ͍ʹΞϦʢͩͱࢥ͏ʣ ΠέΠέͳ΋ͷͷ༠࿭ʹෛ͚ͣɺ஍ಓʹ͢͢ΊΔ
 ڧ͍৺͕ཁ݅ͱͯ͠ඞཁ

  28. എܠ ࠷ॳͷಓ͠Δ΂ͷͨͯํ 1SPHSFTTJWFʹ͢͢ΊΔͨΊͷઃܭϓϥΫςΟε

  29. 1SPHSFTTJWFʹ͢͢ΊΔͨΊͷઃܭϓϥΫςΟε Ϛ΢ϯτ͢Δίϯϙʔωϯτͷཻ౓ ࢠίϯϙʔωϯτͷཻ౓

  30. ͦͷ̍ɿϚ΢ϯτ͢Δίϯϙʔωϯτͷཻ౓ (P SFWFM 1BHF"WVF 1BHF#WVF 1BHF$WVF 8FCQBDL ࢠ ࢠ ࢠ

    ࢠ ࢠ ࢠ ͜͜ͷʜʜ

  31. ͦͷ̍ɿϚ΢ϯτ͢Δίϯϙʔωϯτͷཻ౓ (P SFWFM 1BHF"WVF 1BHF#WVF 1BHF$WVF 8FCQBDL ࢠ ࢠ ࢠ

    ࢠ ࢠ ࢠ ͜͜ʂ

  32. ͦͷ̍ɿϚ΢ϯτ͢Δίϯϙʔωϯτͷཻ౓ ϏδωεϩδοΫͱͯ͠੒ΓཱͭϨϕϧͷେ͖͞ͰϚ΢ϯτ ը໘ͷݕࡧ෦෼ɺμΠΞϩάɺFUDʜʜ "UPNJD%FTJHOͰ͍͏ͱ͜Ζͷ0SHBOJTNT͘Β͍ Ұ൪লΤωˍ໰୊ΛہॴԽͰ͖Δ

  33. ͦͷ̍ɿϚ΢ϯτ͢Δίϯϙʔωϯτͷཻ౓ লΤωɺͱ͸ʁ ˠίϯϙʔωϯτཻ౓ͷ࠷େɾ࠷খέʔεͰͦΕͧΕߟ͑Δ ."9ɿը໘શମʹϚ΢ϯτ ୯७ʹ࿑ྗ͕͔͔Δ IUNMςϯϓϨʔτʹग़ྗ͞Ε͍ͯΔσʔλͷ࠶ݱͱ͔΋ඞཁ ༨ܭͳ΋ͷ·ͰखΛண͚ͨ͘ͳ͍

  34. ͦͷ̍ɿϚ΢ϯτ͢Δίϯϙʔωϯτͷཻ౓ .*/ɿখ͞ͳίϯϙʔωϯτ͝ͱʹϚ΢ϯτ ίϯϙʔωϯτ΁ͷIUNMςϯϓϨʔτσʔλͷྲྀ͠ࠐΈΛͭͭ͠ɺ
 ίϯϙʔωϯτͷ֎ͰϏδωεϩδοΫΛऔΓѻ͏͜ͱʹ
 ṖϞδϡʔϧര஀ $PNQPOFOU $PNQPOFOU 
 Ṗ IUNM

    ͩͬͨΒίϯϙʔωϯτʹऔΓࠐΜͩ΄͏ָ͕

  35. ͦͷ̍ɿϚ΢ϯτ͢Δίϯϙʔωϯτͷཻ౓ ໰୊ΛہॴԽͰ͖Δɺͱ͸ʁ ʢى͖ͯ͸͍͚ͳ͍͜ͱ͚ͩͲʣ ϖʔδ಺ʹԿ͔͠Βόάͬͨ৔߹ɺ ϏδωεϩδοΫ͝ͱམͪΔͷͰը໘ͷଞͷՕॴʹӨڹΛٴ ΅͞ͳ͍

  36. ͦͷ̍ɿϚ΢ϯτ͢Δίϯϙʔωϯτͷཻ౓ ੺ؙͷͱ͜Ζʹ7VFKTΛϚ΢ϯτ Ծʹίί͕όάͬͯ΋ϖʔδͷதͷ
 ଞͷػೳ͕མͪͳ͍ͷͰ͋Δఔ౓ӨڹΛہॴԽͰ͖Δ Ѽઌ Ѽઌ̍ ϑΝΠϧ໊

  37. ͦͷ̎ɿࢠίϯϙʔωϯτͷཻ౓ʹ͍ͭͯ (P SFWFM 1BHF"WVF 1BHF#WVF 1BHF$WVF 8FCQBDL ࢠ ࢠ ࢠ

    ࢠ ࢠ ࢠ ͜͜ͷʜʜ

  38. ͦͷ̎ɿࢠίϯϙʔωϯτͷཻ౓ʹ͍ͭͯ (P SFWFM 1BHF"WVF 1BHF#WVF 1BHF$WVF 8FCQBDL ࢠ ࢠ ࢠ

    ࢠ ࢠ ࢠ ͜͜ʂ

  39. ͦͷ̎ɿࢠίϯϙʔωϯτͷཻ౓ʹ͍ͭͯ ڞ௨Խ͸͠ͳ͍ʢڧ͍৺Λ΋ͭʣ 'BU$PNQPOFOUΛڐ༰͢Δ

  40. ͦͷ̎ɿࢠίϯϙʔωϯτͷཻ౓ʹ͍ͭͯ ࠓͷઃܭը໘ͷҰ෦ʹ7VFKTΛϚ΢ϯτ ෦෼࠷దͷ΋ͷ͕ग़དྷ্͕ͬͯ͠·͏ݒ೦ औΓճ͠͠΍͍͢ίϯϙʔωϯτΛ࡞ΔͨΊʹ͸ w ϖʔδ͝ͱʹίϯϙʔωϯτ͕ग़ἧͬͨλΠϛϯάͰ΍Δ
 ˞ίϯϙʔωϯτͰऩ·ΔΑ͏ͳϨϕϧͰͩͬͨΒ෼ղͯ͠΋0, w ·ͨ͸Ψνͬͯڞ௨Խ࡞ۀΛߦ͏ඞཁ͋Γ ͦͷͨΊʹ΋Ұ࣌తͳ'BU$PNQPOFOU͸ڐ༰͞ΕΔ΂͖

  41. ΄͔ʹ΋΄͔ʹ΋ [JOEFYʹෛ͚ͳ͍μΠΞϩάͮ͘Γͩͱ͔
 ˠͪ͜Β͸લճͷࢿྉΛ͝ཡ͍ͩ͆͘͞ $44ͷઃܭ΍ͬͨΓͱ͔ ☝ίίΒ΁Μ΋ؚΊͯ࠙਌ձͰ͝ҙݟͱ͔͍͚ͨͩΕ͹

  42. ·ͱΊ

  43. ·ͱΊ ͦͷ໊ͷ௨Γ7VFKT͸1SPHSFTTJWFʹಋೖ͸Ͱ͖Δ ಓ͠Δ΂ͷͨͯํ͕େࣄ ϞμϯͳΠέΠέͳϓϥΫςΟεʹखΛ৳͹͢ͱ
 ͦͷཌྷΛম͔ΕΔ͜ͱʹͳΔͷͰؾΛ͚ͭͯ ཧղ্ͨ͠Ͱ͍͍ͱ͜ͲΓͰ͖ΔΑ͏ʹ΍͍ͬͯ͜͏

  44. ͦ͏͍͑͹ʜʜ

  45. ͦ͏͍͑͹ʜʜ

  46. 8FBSF)JSJOH

  47. ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ Χϓʔʂ