What is Web Components

Transcript

1. 8IBU
   JT
 8FC
   $PNQPOFOUT 5BLBOPSJ
   0LJ
2. ࠂ஌
3. ೥݄೔
 ٕज़ॻయ!ΞΩόεΫΤΞ
   ࢀՃ͠·͢ʂ
5. ʮ8FC$PNQPOFOUTͰ ΢ΣϒαΠτΛͭ͘Ζ͏ʯ
   Έ͍ͨͳײ͡ͷຊग़͠·͢
6. ങ͍ͬͯͩ͘͞ʂ
7. 技術書典3…? • 技術書だけの同人ࢽのイベント • 技術書のൢ売が中心 • 今回で3回目の開催 • 今回初めてのサークル参加です！
8. 8FC
   $PNQPOFOUT
9. ίϯϙʔωϯτࢦ޲
10. コンポーネント指向 • ウェブサイトをパーツ単位でデザイン、管理 していこうという考え方 • パーツを再利用することで、保守性や
 開発スピードを上げる • Atomic Designなどが有名
12. 実装方法
13. JSフレームワークや
 ライブラリを使う （React、Vueなど）
14. ΊΜͲ͍͘͞ʂʂʂ
15. めんどくさい理由 • フレームワーク、ライブラリごとに書き方が 違うので互換性がない • フレームワークの開発が終了する危険がある
16. 8FC
    $PNQPOFOUT
17. Web Components • Webの標準技術 • UIのカプセル化ができる • 特定のフレームワークなどに依存しない • ブラウザの対応が進んできている
18. ブラウザ対応状況
20. まだ対応できていない ブラウザもある ↓ Polyfillが必要
21. 1PMZNFS
22. Polymer • Google製のJSライブラリ • Web ComponentsのPolyfill • YouTubeの新しいUIはPolymerを使ってる
23. Web Componentsは Webフロントエンドの 銀の弾丸になれるのか…？
24. Έ͍ͨͳײ͡ͷຊΛग़͢ͷͰ
    Έͳ͞Μ
    ΑΖ͓͘͠ئ͍͠·͢ʂ
25. ͓ΘΓ