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

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

hivesbee
July 01, 2019
Programming
1
540

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

hivesbee

July 01, 2019
Tweet

More Decks by hivesbee

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

Other Decks in Programming

See All in Programming
Goのmultiple errorsについて (2024年4月版)
syumai
1
480
単体テストを書かない技術 #phpcon_odawara
o0h
PRO
26
8.2k
今、知っておきたい! 生成AIエージェントの世界
elith
3
350
Azure OpenAI Serviceのプロンプトエンジニアリング入門
tomokusaba
3
660
PostmanでAPIの動作確認が楽になった話
h455h1
0
160
Elm Form Validation
bkuhlmann
0
510
GraphQLサーバの構成要素を整理する #ハッカー鮨 #tsukijigraphql / graphql server technology selection
izumin5210
4
820
デフォルトにして至高、RubyMineの大好きな所
ruzia
0
250
1BRC--Nerd Sniping the Java Community
gunnarmorling
0
340
Compose-View Interop in Practice (mDevCamp 2024)
stewemetal
0
120
"config" ってなんだ？ / What is "config"?
okashoi
0
240
Elm 0.19.0 Changes
bkuhlmann
0
490

Featured

See All Featured
Git: the NoSQL Database
bkeepers
PRO
422
63k
No one is an island. Learnings from fostering a developers community.
thoeni
16
2.1k
Web Components: a chance to create the future
zenorocha
305
41k
[RailsConf 2023] Rails as a piece of cake
palkan
23
3.9k
KATA
mclloyd
15
12k
Robots, Beer and Maslow
schacon
PRO
155
7.9k
Mobile First: as difficult as doing things right
swwweet
216
8.6k
From Idea to $5000 a Month in 5 Months
shpigford
377
45k
Into the Great Unknown - MozCon
thekraken
10
990
In The Pink: A Labor of Love
frogandcode
138
21k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
20
1.9k
YesSQL, Process and Tooling at Scale
rocio
164
13k

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