Web Components（勝手に） 作ってみた #sakenight8

LT資料です

https://sakeganaito.connpass.com/event/123806/

Transcript

1. 『酒がないとプログラム書けない！』の Web Components（勝手に） 作ってみた Wataru Taguchi
2. アジェンダ • 自己紹介 • 作ったぞい • Web Components • まとめ
3. 自己紹介 # Wataru Taguchi - GameWith Front End Engineer - PWAとかパフォーマンスチューニングが好き - @tiwu_official - FF14, Beer, Kyoto Animation
4. みなさん！
5. お酒は好きですか！
6. 酒がないとプログラミングでき ないですよね！
7. アルコール駆動開発 していますよね？
8. IT勉強会グループ 『酒がないとプログラム書けない！』 が好きですよね！！
9. IT勉強会グループ 『酒がないとプログラム書けない！』 のイベント情報を自分のサイトに 表示させたいですよね！
10. それWeb Components でできるよ
11. <sakeganaito-logo> <sakeganaito-connpass-list>
12. https://informal-sakeganaito-web-compo nents.netlify.com/
13. 使い方
14. かんたん 2STEP
15. <script type="module" src="./src/js/sakeganaitoConnpassList.js"> </script> その1
16. <sakeganaito-connpass-list> </sakeganaito-connpass-list> その2
17. https://github.com/tiwuofficial/i nformal-sakeganaito-web-com ponents
18. Web Components • カスタム要素 • Shadow DOM • HTML テンプレート
19. カスタム要素
20. Shadow DOM・HTML テンプレート
21. Web Componentsは いいぞ