Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Polymer Project 2020

Avatar for takanorip takanorip
October 17, 2020

Polymer Project 2020

Avatar for takanorip

takanorip

October 17, 2020
Tweet

More Decks by takanorip

Other Decks in Technology

Transcript

  1. Self introduction •Takanori Oki/@takanorip/@takanoripe(Twitter) •UI Designer/Front-end Web developer •Organizer of

    Web Platform Study Group(WPSG) •Formerly Polymer Japan •https://www.youtube.com/channel/UCfToJ-sTOqvBnnuVq3zdZhA •Our main activity is to update the podcast.
  2. Polymer Project • Libraries, tools, and standards for a better

    web • LitElement • Web Componentsを構築するためのシンプルなベースクラスを提 供してくれるライブラリ • lit-html • JavaScriptのためのHTMLテンプレートライブラリ • Formerly, this project was developing Polymer library.
  3. SSR • https://github.com/whatwg/dom/issues/831 • Declarative Shadow DOM • WebComponentsをSSRしたい!というニーズが高まっている •

    lit-htmlのカスタマイズ機構やDOM APIへのアクセスを制限すること で、SSRしやすくなる • 「Ideas for LitElement 3.0」というissueにも「SSR Support」という 項があるので、本格的にSSR対応が入りそう
  4. LitElement decorators • DecoratorがメインモジュールからExportされなくなった • Decoratorを使う場合は lit-element/decorators から個別にイン ポートする必要がある •

    Decoratorを使用していない場合のサイズが小さくなる • TC39で議論中のDecoratorが導入された場合への備え