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
230

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
120
6228c7eb945dbd4b30bcefa9f8f3e49a?s=48 hivesbee
5
2.4k
6228c7eb945dbd4b30bcefa9f8f3e49a?s=48 hivesbee
1
370
6228c7eb945dbd4b30bcefa9f8f3e49a?s=48 hivesbee
1
66

Other Decks in Programming

See All in Programming
Af64bc38c0ffcfcabdf430759ee491ce?s=48 lovee
9
2.9k
551a97bf567bea39c0550d3bbf2cc169?s=48 kawaji_scratch
0
110
C0e58802a4228552548bb8ca596ca966?s=48 mihyaeru21
0
360
50443a0c666aa1020f2f757582e6e45c?s=48 suzukiot
0
290
Fd15b843f17ce72dcec6a1c658082f8c?s=48 tetsukick
0
180
7e0087a19318ded4ba2203187694740f?s=48 christianweyer
PRO
0
290
73257f1de15fc7102c1f1a1eadd9dcb8?s=48 hanasuke
1
630
6734b737614a599f9b899f190e413d2d?s=48 deepflow
9
3.4k
6a1345d8e6dd15b2c78eff0c331963b1?s=48 dbrumann
0
110
B5582ce2d9959dfcff0384a07003e188?s=48 mackee
0
590
127f2573f14072eba29ccb60506663eb?s=48 madai0517
1
200
Cfbe23392787cb3ad4689c5f72463fcc?s=48 makicamel
0
180

Featured

See All Featured
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
8
720
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
118
7.9k
9fa239b3154a0169d99ab7bf1422dd12?s=48 marcelosomers
221
15k
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
20
710
282d599b414022eba5096510f675b6e2?s=48 chrislema
231
16k
761be20b5ebd271008bcee1244fc5b52?s=48 matthewcrist
73
7.5k
4394ceb8b277f35ee3da7030384efb5d?s=48 davidbonilla
70
3.6k
48c098b6579220a67a6ba949be6e4b5a?s=48 revolveconf
200
9.7k
1b8ad785acdd1ce1c99914b1c2a4e10e?s=48 sugarenia
233
860k
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
446
36k
5ce91fa49a613cbc3e20d5f96856473f?s=48 edds
56
9.4k
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
6
720

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. ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ Χϓʔʂ