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

ProgressiveにVueを導入している現場から送る小ネタ / vue-progressi...

Avatar for hivesbee hivesbee
July 01, 2019
Programming
1
590

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

Avatar for hivesbee

hivesbee

July 01, 2019
Tweet

More Decks by hivesbee

See All by hivesbee
組織・プロセス・技術 フロントエンドの生産性向上への複眼的アプローチ
Avatar for hivesbee hivesbee
0
28
Design System Meets Vue.js
Avatar for hivesbee hivesbee
0
140
mabl を融和させるための取り組み in クラウドサイン / how-to-fusion-mabl-in-cloudsign
Avatar for hivesbee hivesbee
0
210
フロントエンドの組織について考える / think-about-front-end-organization
Avatar for hivesbee hivesbee
5
2.9k
ProgressiveにVueを導入している話 / vue-progressive-integration
Avatar for hivesbee hivesbee
1
620
クラスへの割り込み処理とProxyとReflect / method-intercept-with-proxy-and-reflect
Avatar for hivesbee hivesbee
1
120

Other Decks in Programming

See All in Programming
高度なUI/UXこそHotwireで作ろう Kaigi on Rails 2025
Avatar for Naofumi Kagami naofumi
4
3.8k
CSC305 Lecture 04
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
260
Devoxx BE - Local Development in the AI Era
Avatar for Kevin Dubois kdubois
0
120
NixOS + Kubernetesで構築する自宅サーバーのすべて
Avatar for ichi-h ichi_h3
0
490
開発生産性を上げるための生成AI活用術
Avatar for starfish719 starfish719
3
390
階層構造を表現するデータ構造とリファクタリング 〜1年で10倍成長したプロダクトの変化と課題〜
Avatar for yuhi yuhisatoxxx
3
970
複雑化したリポジトリをなんとかした話　pipenvからuvによるモノレポ構成への移行
Avatar for Satoshi Kaneyasu satoshi256kbyte
1
1k
Le côté obscur des IA génératives
Avatar for Pascal Le Merrer pascallemerrer
0
140
Serena MCPのすすめ
Avatar for wadakatu wadakatu
4
950
なぜGoのジェネリクスはこの形なのか？ Featherweight Goが明かす設計の核心
Avatar for Ryotaro ryotaros
7
1.1k
Railsだからできる 例外業務に禍根を残さない 設定設計パターン
Avatar for えいえい ei_ei_eiichi
0
430
登壇は dynamic! な営みである / speech is dynamic
Avatar for Daichi KUDO da1chi
0
260

Featured

See All Featured
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
285
14k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
45
2.5k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
64
7.9k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
23
3.7k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.4k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
127
53k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
139
7.1k
Scaling GitHub
Avatar for Zach Holman holman
463
140k

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