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

ProgressiveにVueを導入している現場から送る小ネタ / vue-progressive-integration-tips-dialog

6228c7eb945dbd4b30bcefa9f8f3e49a?s=47 hivesbee
July 01, 2019
Programming
1
390

ProgressiveにVueを導入している現場から送る小ネタ / vue-progressive-integration-tips-dialog

6228c7eb945dbd4b30bcefa9f8f3e49a?s=128

hivesbee

July 01, 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
240
6228c7eb945dbd4b30bcefa9f8f3e49a?s=48 hivesbee
1
71

Other Decks in Programming

See All in Programming
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
PRO
0
320
36751965e79dca4618cccc3c08efc912?s=48 leichteckig
0
140
8e844e43f029ec38e206a464cf4587b3?s=48 ttskch
1
530
E7526ec3e801f8ba99f6746498a154a6?s=48 rakyll
0
1.3k
218473ff7abad0fcd72865da2b23bb5b?s=48 memory1994
6
620
817e89f88197980860f1854b74fbee25?s=48 lcdsmao
0
300
Df4978f14401325586e9e286b140ac4c?s=48 n1215
2
330
922f51d458d6ffee8578b9d3ab0a52b6?s=48 ug
0
490
52cc8a838bf44a589d2572833b2dd1b9?s=48 palkan
1
110
2f2c7576c7b5d763ad12f342b9afc3a1?s=48 akkyie
0
440
444706893bf3e53d6d96b4509d2d05d5?s=48 tanden
2
1.7k
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
PRO
0
180

Featured

See All Featured
Dad095ea7038f89f760419ce475d5d14?s=48 michaelherold
226
8.7k
91cefdf141106fa10674aae74ce05890?s=48 yeseniaperezcruz
303
32k
6bb82b13cda86d3b821fa44100335ddf?s=48 thoeni
4
710
A9179349dd2bdc67f377719f56d85656?s=48 garrettdimon
289
110k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
71
3.7k
Af6a12710770ad9a7cfd08c97efd40d3?s=48 pedronauck
653
110k
1519587b1a0febb658c36c94f6272b0d?s=48 roundedbygravity
84
8k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
312
21k
E195ae45320d9202eaa01c9f1d31a416?s=48 marktimemedia
10
550
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
167
7.5k
48c098b6579220a67a6ba949be6e4b5a?s=48 revolveconf
202
9.8k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
146
20k

Transcript

  1. 1SPHSFTTJWFʹ7VFΛ
 ಋೖ͍ͯ͠Δݱ৔͔ΒૹΔ
 খωλ 7TFOEBJ7VFKT/VYUKTNFFUVQ .BTBTIJ)BHBʢ!)JWFTCFFʣ

  2. ⾣6ODBVHIU3FGFSFODF&SSPS)BHBJTOPUEFpOFE .BTBTIJ)BHB (JUIVCIJWFTCFF
 5XJUUFS!)JWFTCFFʢ;͕͊ʣ 'SPOUFOE&OHJOFFSBU↘
 (SBEVBUFEઋ୆ి೾ߴઐʢͩͬͨͱ͜Ζʣ ❤7VFKT K2VFSZ Έͣ͞Θ԰ʢ཮લམ߹ʹ͋Γ·͢ʣ

  3. ࠓճ͓࿩͢Δ͜ͱ 1SPHSFTTJWFʹ 7VFΛಋೖ͍ͯ͠Δݱ৔Ͱ [JOEFYʹෛ͚ͳ͍Α͏ʹ μΠΞϩάΛ࣮૷ͯ͠ΈΔ খωλΛ͝঺հ

  4. ͸͡Ίʹ 7VFͰμΠΞϩάɺ
 ͲΜͳײ͡Ͱॻ͖·͔͢ʁ

  5. ଟ෼͜Μͳײ͡ <template> <div> <h1>λΠτϧ</h1> <div> <!-- ͳΜ͔ίϯςϯπ --> </div> <!--

    μΠΞϩά --> <sample-dialog v-show="shown" /> </div> </template> ݺͼग़͢ίϯϙʔωϯτͰμΠΞϩάදࣔඇදࣔΛ
 AWTIPXAͰ؅ཧ

  6. ͚ͩͲ͜Ε ৔߹ʹΑͬͯ͸
 ͏·͍͔͘ͳ͍

  7. ͏·͍͔͘ͳ͍৔߹ ྫ͑͹ɺҎԼͷ৚݅Λຬͨ͢ͱ͖ w ը໘ͷҰ෦ʹ7VF͕Ϛ΢ϯτ͞Ε͍ͯΔ w Ϛ΢ϯτઌͷ਌%0.͕[JOEFYෛ͚͍ͯ͠Δ

  8. ͏·͍͔͘ͳ͍σϞ Α͋͘ΔΑ͏ͳը໘
 ίϯςϯπ෦͕ϔομʔͱφϏͷ[JOEFYʹෛ͚͍ͯΔ Χϓʔ

  9. ͏·͍͔͘ͳ͍σϞ ԡ͢ͱ͜͏ͳΔ
 ϔομʔͱφϏ্͕ͣͬͯग़ͯ͘Δ Χϓʔ

  10. Ͱ͸ Ͳ͏͢Δ͔

  11. ͜͏ͯ͠Έͨ ϒϦοδϞδϡʔϧ࡞੒

  12. ϒϦοδϞδϡʔϧ ໾ׂ w μΠΞϩάίϯϙʔωϯτͷΠϯελϯεੜ੒อ࣋ w CPEZ௚Լ΁্هΠϯελϯεΛϚ΢ϯτ w ʢ΋ͷʹΑͬͯ͸ʣ[JOEFYͷௐ੔ w දࣔඇදࣔͷϝιουΛ਌ίϯϙʔωϯτʹఏڙ

    w μΠΞϩάίϯϙʔωϯτͰ͍࣋ͬͯΔQSPQT͸
 දࣔϝιουͷҾ਺Ͱड͚౉͢͠Δ

  13. ۩ମతͳߏ੒ ਌ίϯϙʔωϯτ μΠΞϩά
 ίϯϙʔωϯτ ϒϦοδϞδϡʔϧ <body> <header>ϔομʔ</header> <main> <nav>φϏ</nav> <div

    class=“content”> <div class=“oya” /> </div> </main> <!-- DOM ৭ʑ… --> <!-- μΠΞϩάͷϚ΢ϯτઌ --> </body> ᶄੜ੒ ᶅੜ੒ ᶆCPEZʹ
 ɹ௥Ճ ᶇϝιουఏڙ ᶃϚ΢ϯτ Ϛ΢ϯτઌͷIUNM

  14. ͏·͍ͬͨ͘σϞ CPEZ௚ԼʹϚ΢ϯτ͞Ε͍ͯΔͷͰʜ Χϓʔ

  15. ͏·͍ͬͨ͘σϞ ϔομʔ΍φϏʹෛ͚ͣʹग़ͯ͜Ε·͢ Χϓʔ

  16. ·ͱΊ w ͜ͷํ๏ɺকདྷతʹશ෦7VFʹͳͬͨΒ
 ϒϦοδϞδϡʔϧΛऔΓ෷͑Δ͚ͩͰͦͷ··࢖͑Δʂ w ҙ֎ͱ͜ͷํ๏͋Γઆ͕͋Δ w ໘౗ͳॲཧΛԡ͠ࠐΉ͜ͱ͕Ͱ͖Δ
 ϏδωεϩδοΫ͕Ұ੾བྷ·ͳ͍ॲཧͱ͔ɺHUNܥͷॲཧͱ͔
 ׂΓࠐΈॲཧͷड͚ޱʹɺͱ͔

    w 7VFIPPLTͰ΋୅༻Մʢ7VF·Ͱ଴ͪ·͠ΐ͏ʣ w 1SPHSFTTJWFʹ7VF͸ಋೖͰ͖ΔΜͩΑʂ IUUQTHJUIVCDPNIJWFTCFFWVFEJBMPHNPEVMF We are Hiring ! Χϓʔ

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