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
0
460

Mastering lit-html directive

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

Avatar for aggre

aggre

September 18, 2018
Tweet

More Decks by aggre

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

Other Decks in Technology

See All in Technology
予期せぬコストの急増を障害のように扱う――「コスト版ポストモーテム」の導入とその後の改善
Avatar for Masahiro Yoshizawa muziyoshiz
1
1.5k
We Built for Predictability; The Workloads Didn’t Care
Avatar for Michael Stahnke stahnma
0
130
GitLab Duo Agent Platform × AGENTS.md で実現するSpec-Driven Development / GitLab Duo Agent Platform × AGENTS.md
Avatar for Niishi Kubo n11sh1
0
120
Agile Leadership Summit Keynote 2026
Avatar for seki at druby.org m_seki
1
290
学生・新卒・ジュニアから目指すSRE
Avatar for Hiroya Onoe hiroyaonoe
2
530
Meshy Proプラン課金した
Avatar for henjin0 henjin0
0
240
オープンウェイトのLLMリランカーを契約書で評価する / searchtechjp
Avatar for Sansan R&D sansan_randd
3
650
仕様書駆動AI開発の実践： Issue→Skill→PRテンプレで 再現性を作る
Avatar for 西岡 賢一郎 (Kenichiro Nishioka) knishioka
2
570
GitHub Issue Templates + Coding Agentで簡単みんなでIaC/Easy IaC for Everyone with GitHub Issue Templates + Coding Agent
Avatar for AEON aeonpeople
1
170
FinTech SREのAWSサービス活用/Leveraging AWS Services in FinTech SRE
Avatar for maaaato maaaato
0
120
M&A 後の統合をどう進めるか ─ ナレッジワーク × Poetics が実践した組織とシステムの融合
Avatar for KNOWLEDGE WORK / 株式会社ナレッジワーク kworkdev
PRO
1
390
GSIが複数キー対応したことで、俺達はいったい何が嬉しいのか？
Avatar for Makky12 smt7174
3
140

Featured

See All Featured
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
1.7k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
Avatar for David Carrasco davidcarrasco
1
48
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
61
52k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.6k
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
210
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
2
240
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
162
24k
Applied NLP in the Age of Generative AI
Avatar for Ines Montani inesmontani
PRO
4
2k
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
0
190
The Language of Interfaces
Avatar for Des Traynor destraynor
162
26k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k

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