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

Mastering lit-html directive

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for aggre aggre
September 18, 2018
Technology
480
0

Mastering lit-html directive

Polymer Japan Cafe #3( https://polymer-japan.connpass.com/event/100320/ )での LT 資料です

Avatar for aggre

aggre

September 18, 2018

More Decks by aggre

See All by aggre
The money for the openable and shareable era
Avatar for aggre aggre
0
540
エンジニアは会社に何を求めるか? / What does engineers wants the company?
Avatar for aggre aggre
0
180
The importance of open assets
Avatar for aggre aggre
0
120
Fully AMP pros and cons
Avatar for aggre aggre
0
250
Web Components のリアル/ Realistic Web Components
Avatar for aggre aggre
12
8.6k
OSS の持続的開発をトークンエコノミーで支援する / Dev Token @OSS Universe
Avatar for aggre aggre
1
420
OSS の持続的開発をトークンエコノミーで支援する / Dev Token @CryptoBowl
Avatar for aggre aggre
1
510
非中央集権ウェブ / Decentralized Web
Avatar for aggre aggre
3
650
OSS の持続的開発をトークンエコノミーで支援する / Dev Token
Avatar for aggre aggre
0
570

Other Decks in Technology

See All in Technology
長期運営で肥大化したExcelマスターデータの解消に向けた移行事例
Avatar for gree_tech gree_tech
PRO
0
490
Kiro入門｜仕様駆動開発で変わるAI時代の開発スタイル
Avatar for 工藤皓夢 cmkudo
0
360
AI for Science時代を切り開く、政府の次世代HPC戦略の展望
Avatar for GPU UNITE gpuunite_official
0
250
RelayerというPHPのフレームワークを作った
Avatar for polidog polidog
PRO
0
140
作って理解するCoding Agent 〜フレームワークに頼らないピュア Python での実装〜
Avatar for Takanobu Nozawa takapy
4
1.2k
OpenID for Verifiable Credentials 実装から見えた相互運用性確保までの道のり（OAuth/OIDC Numa (Immersion) Workshop 2026）
Avatar for OpenID Foundation Japan oidfj
PRO
0
250
コーチングの奥義 何もしないテクニック
Avatar for Watanabe Jin jinwatanabe
0
160
Digitization部 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
2
7.7k
ハッカソンで入賞した話 @ Findy LT
Avatar for asari asari194617
0
1.5k
アクセスキー流出時の対応で再認識した攻撃側と防御側の非対称性について
Avatar for kazzpapa3 kazzpapa3
0
210
tamachi.go 誕生の裏側
Avatar for ryoji miyamoto rymiyamoto
1
200
The Django UUID Story - DjangoCon US 2026
Avatar for Paolo Melchiorre pauloxnet
0
250

Featured

See All Featured
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
740
ラッコキーワード サービス紹介資料
Avatar for ラッコ株式会社 rakko
1
4.5M
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
8.2k
The SEO identity crisis: Don't let AI make you average
Avatar for Varn varn
0
540
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
18k
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
810
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
2
1.8k
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
2
14k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
Avatar for Tomoya Matsuura tomoyanonymous
3
1.1k
Navigating Team Friction
Avatar for Lara Hogan lara
192
16k
Deep Space Network (abreviated)
Avatar for Tony Rice tonyrice
0
270
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
510

Transcript

  1. 2018.09.18 @ Polymer Japan Café LT

  2. aggre @aggre_ @aggre FRAME00, INC. CTO

  3. What’s lit-html

  4. None

  5. What’s lit-html directive

  6. None
  7. None

  8. directive

  9. part.setValue()

  10. html`<div>${text}</div>` ?

  11. None
  12. None

  13. until

  14. until Promise

  15. until directive

  16. until

  17. until

  18. until defaultContent

  19. until promise

  20. directive

  21. API directive is

  22. html`<div>${text}</div>` render()

  23. directive

  24. None

  25. Rx

  26. Rx unsubscribe !

  27. unsubscribe … https://github.com/aggre/ullr/blob/master/src/directive/subscribe.ts

  28. Simple But Powerful