Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
ProgressiveにVueを導入している現場から送る小ネタ / vue-progressi...
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
hivesbee
July 01, 2019
Programming
1
600
ProgressiveにVueを導入している現場から送る小ネタ / vue-progressive-integration-tips-dialog
hivesbee
July 01, 2019
Tweet
Share
More Decks by hivesbee
See All by hivesbee
組織・プロセス・技術 フロントエンドの生産性向上への複眼的アプローチ
hivesbee
0
35
Design System Meets Vue.js
hivesbee
0
150
mabl を融和させるための取り組み in クラウドサイン / how-to-fusion-mabl-in-cloudsign
hivesbee
0
220
フロントエンドの組織について考える / think-about-front-end-organization
hivesbee
5
3k
ProgressiveにVueを導入している話 / vue-progressive-integration
hivesbee
1
640
クラスへの割り込み処理とProxyとReflect / method-intercept-with-proxy-and-reflect
hivesbee
1
130
Other Decks in Programming
See All in Programming
Basic Architectures
denyspoltorak
0
680
Grafana:建立系統全知視角的捷徑
blueswen
0
330
Lambda のコードストレージ容量に気をつけましょう
tattwan718
0
130
疑似コードによるプロンプト記述、どのくらい正確に実行される?
kokuyouwind
0
390
【卒業研究】会話ログ分析によるユーザーごとの関心に応じた話題提案手法
momok47
0
200
React 19でつくる「気持ちいいUI」- 楽観的UIのすすめ
himorishige
11
7.4k
責任感のあるCloudWatchアラームを設計しよう
akihisaikeda
3
180
Amazon Bedrockを活用したRAGの品質管理パイプライン構築
tosuri13
5
730
QAフローを最適化し、品質水準を満たしながらリリースまでの期間を最短化する #RSGT2026
shibayu36
2
4.4k
AI Schema Enrichment for your Oracle AI Database
thatjeffsmith
0
290
それ、本当に安全? ファイルアップロードで見落としがちなセキュリティリスクと対策
penpeen
7
3.9k
humanlayerのブログから学ぶ、良いCLAUDE.mdの書き方
tsukamoto1783
0
200
Featured
See All Featured
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
State of Search Keynote: SEO is Dead Long Live SEO
ryanjones
0
120
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
aleyda
1
1.8k
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
0
140
Java REST API Framework Comparison - PWX 2021
mraible
34
9.1k
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
akademiya2063
PRO
1
54
Between Models and Reality
mayunak
1
190
Tips & Tricks on How to Get Your First Job In Tech
honzajavorek
0
440
Prompt Engineering for Job Search
mfonobong
0
160
Sam Torres - BigQuery for SEOs
techseoconnect
PRO
0
190
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
1
300
Transcript
1SPHSFTTJWFʹ7VFΛ ಋೖ͍ͯ͠Δݱ͔ΒૹΔ খωλ 7TFOEBJ7VFKT/VYUKTNFFUVQ .BTBTIJ)BHBʢ!)JWFTCFFʣ
⾣6ODBVHIU3FGFSFODF&SSPS)BHBJTOPUEFpOFE .BTBTIJ)BHB (JUIVCIJWFTCFF 5XJUUFS!)JWFTCFFʢ;͕͊ʣ 'SPOUFOE&OHJOFFSBU↘ (SBEVBUFEઋిߴઐʢͩͬͨͱ͜Ζʣ ❤7VFKT K2VFSZ Έͣ͞Θʢલམ߹ʹ͋Γ·͢ʣ
ࠓճ͓͢Δ͜ͱ 1SPHSFTTJWFʹ 7VFΛಋೖ͍ͯ͠ΔݱͰ [JOEFYʹෛ͚ͳ͍Α͏ʹ μΠΞϩάΛ࣮ͯ͠ΈΔ খωλΛ͝հ
͡Ίʹ 7VFͰμΠΞϩάɺ ͲΜͳײ͡Ͱॻ͖·͔͢ʁ
ଟ͜Μͳײ͡ <template> <div> <h1>λΠτϧ</h1> <div> <!-- ͳΜ͔ίϯςϯπ --> </div> <!--
μΠΞϩά --> <sample-dialog v-show="shown" /> </div> </template> ݺͼग़͢ίϯϙʔωϯτͰμΠΞϩάදࣔඇදࣔΛ AWTIPXAͰཧ
͚ͩͲ͜Ε ߹ʹΑͬͯ ͏·͍͔͘ͳ͍
͏·͍͔͘ͳ͍߹ ྫ͑ɺҎԼͷ݅Λຬͨ͢ͱ͖ w ը໘ͷҰ෦ʹ7VF͕Ϛϯτ͞Ε͍ͯΔ w Ϛϯτઌͷ%0.͕[JOEFYෛ͚͍ͯ͠Δ
͏·͍͔͘ͳ͍σϞ Α͋͘ΔΑ͏ͳը໘ ίϯςϯπ෦͕ϔομʔͱφϏͷ[JOEFYʹෛ͚͍ͯΔ Χϓʔ
͏·͍͔͘ͳ͍σϞ ԡ͢ͱ͜͏ͳΔ ϔομʔͱφϏ্͕ͣͬͯग़ͯ͘Δ Χϓʔ
Ͱ Ͳ͏͢Δ͔
͜͏ͯ͠Έͨ ϒϦοδϞδϡʔϧ࡞
ϒϦοδϞδϡʔϧ ׂ w μΠΞϩάίϯϙʔωϯτͷΠϯελϯεੜอ࣋ w CPEZԼ্هΠϯελϯεΛϚϯτ w ʢͷʹΑͬͯʣ[JOEFYͷௐ w දࣔඇදࣔͷϝιουΛίϯϙʔωϯτʹఏڙ
w μΠΞϩάίϯϙʔωϯτͰ͍࣋ͬͯΔQSPQT දࣔϝιουͷҾͰड͚͢͠Δ
۩ମతͳߏ ίϯϙʔωϯτ μΠΞϩά ίϯϙʔωϯτ ϒϦοδϞδϡʔϧ <body> <header>ϔομʔ</header> <main> <nav>φϏ</nav> <div
class=“content”> <div class=“oya” /> </div> </main> <!-- DOM ৭ʑ… --> <!-- μΠΞϩάͷϚϯτઌ --> </body> ᶄੜ ᶅੜ ᶆCPEZʹ ɹՃ ᶇϝιουఏڙ ᶃϚϯτ ϚϯτઌͷIUNM
͏·͍ͬͨ͘σϞ CPEZԼʹϚϯτ͞Ε͍ͯΔͷͰʜ Χϓʔ
͏·͍ͬͨ͘σϞ ϔομʔφϏʹෛ͚ͣʹग़ͯ͜Ε·͢ Χϓʔ
·ͱΊ w ͜ͷํ๏ɺকདྷతʹશ෦7VFʹͳͬͨΒ ϒϦοδϞδϡʔϧΛऔΓ͑Δ͚ͩͰͦͷ··͑Δʂ w ҙ֎ͱ͜ͷํ๏͋Γઆ͕͋Δ w ໘ͳॲཧΛԡ͠ࠐΉ͜ͱ͕Ͱ͖Δ ϏδωεϩδοΫ͕Ұབྷ·ͳ͍ॲཧͱ͔ɺHUNܥͷॲཧͱ͔ ׂΓࠐΈॲཧͷड͚ޱʹɺͱ͔
w 7VFIPPLTͰ༻Մʢ7VF·Ͱͪ·͠ΐ͏ʣ w 1SPHSFTTJWFʹ7VFಋೖͰ͖ΔΜͩΑʂ IUUQTHJUIVCDPNIJWFTCFFWVFEJBMPHNPEVMF We are Hiring ! Χϓʔ
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ Χϓʔʂ