今日から始めるWeb Components

WebComponentsの概要に触れました。

Transcript

1. 今日から始める Web components
2. アジェンダ - 自己紹介 - Web Componentsとは - Web Componentsの仕様 - Web Componentsのつかいどころ - Web Componentsとライブラリ - 実際の書き方
3. 自己紹介 林 恭央 / Hayashi Takao @www_REM_zzz takao-h Software Engineer / Scala, Java, TypeScript
4. Web Componentsとは？ Web Componentsはwebページやwebアプリの中でカスタムUIの制御の使いまわしを 可能にする一連のテクノロジーです。 カプセル化された機能をつかってカスタムUIの再利用を実現します。
5. Web Componentsの仕様 Custom Element : 新しいタイプのDOM要素の設計と利用の基盤 Shadow DOM : カプセル化したスタイルとマークアップの利用法の定義をする HTML import : HTMLと他のHTMLの取り込みを可能にする HTML Template : マークアップのフラグメントを宣言する
6. Custom Element
7. Custom Element
8. HTML import
9. HTML Template
10. Web Componentsとライブラリ 各種フロントエンドのライブラリとの共存が一応できる。 特にVue.jsでは相性がいい。 だが問題もある。 Reactにおいては関数を渡すときに宣言的に書くことができない。
11. まとめ - Web Componentsはカプセル化を含む一連の技術を使ってカスタムUIの使いまわ しを可能にしてれる。 - グローバルなUIの表示に向いている。 - Web Componentsは未来のフロントエンドの実装を表現してくれる。