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
hivesbee
July 01, 2019
Programming
1
580
ProgressiveにVueを導入している現場から送る小ネタ / vue-progressive-integration-tips-dialog
hivesbee
July 01, 2019
Tweet
Share
More Decks by hivesbee
See All by hivesbee
組織・プロセス・技術 フロントエンドの生産性向上への複眼的アプローチ
hivesbee
0
24
Design System Meets Vue.js
hivesbee
0
130
mabl を融和させるための取り組み in クラウドサイン / how-to-fusion-mabl-in-cloudsign
hivesbee
0
210
フロントエンドの組織について考える / think-about-front-end-organization
hivesbee
5
2.9k
ProgressiveにVueを導入している話 / vue-progressive-integration
hivesbee
1
620
クラスへの割り込み処理とProxyとReflect / method-intercept-with-proxy-and-reflect
hivesbee
1
120
Other Decks in Programming
See All in Programming
Strands Agents で実現する名刺解析アーキテクチャ
omiya0555
1
110
QA x AIエコシステム段階構築作戦
osu
0
210
中級グラフィックス入門~効率的なメッシュレット描画~
projectasura
3
1.7k
코딩 에이전트 체크리스트: Claude Code ver.
nacyot
0
1k
知って得する@cloudflare_vite-pluginのあれこれ
chimame
1
120
型で語るカタ
irof
1
850
テスターからテストエンジニアへ ~新米テストエンジニアが歩んだ9ヶ月振り返り~
non0113
2
240
ご注文の差分はこちらですか? 〜 AWS CDK のいろいろな差分検出と安全なデプロイ
konokenj
4
710
顧客の画像データをテラバイト単位で配信する 画像サーバを WebP にした際に起こった課題と その対応策 ~継続的な取り組みを添えて~
takutakahashi
4
1.4k
React 使いじゃなくても知っておきたい教養としての React
oukayuka
13
2k
バイブコーディング超えてバイブデプロイ〜CloudflareMCPで実現する、未来のアプリケーションデリバリー〜
azukiazusa1
2
730
ソフトウェア設計とAI技術の活用
masuda220
PRO
25
6.9k
Featured
See All Featured
Git: the NoSQL Database
bkeepers
PRO
431
65k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.6k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
50
5.5k
Faster Mobile Websites
deanohume
308
31k
KATA
mclloyd
30
14k
Six Lessons from altMBA
skipperchong
28
3.9k
Adopting Sorbet at Scale
ufuk
77
9.5k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
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 ! Χϓʔ
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ Χϓʔʂ