Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Mastering lit-html directive

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for aggre aggre
September 18, 2018
Technology
490
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
550
エンジニアは会社に何を求めるか? / 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
260
Web Components のリアル/ Realistic Web Components
Avatar for aggre aggre
12
8.6k
OSS の持続的開発をトークンエコノミーで支援する / Dev Token @OSS Universe
Avatar for aggre aggre
1
430
OSS の持続的開発をトークンエコノミーで支援する / Dev Token @CryptoBowl
Avatar for aggre aggre
1
520
非中央集権ウェブ / 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
AWSセキュリティで活用するAI機能
Avatar for cm-usuda-keisuke cmusudakeisuke
1
190
PHPカンファレンス関西の招待状 / Invitation to PHP Conference Kansai
Avatar for Y-KANOH ykanoh
0
220
CSS2026：OWS研究会・招待講演「世界観を、実装する」
Avatar for atsushi, sada atsush1_sada
2
170
野良MCPサーバーを排除せよ！MCPサーバーのガバナンス
Avatar for YukiOgawa yukiogawa
1
150
Tofu-Controller lightning talk @ Containerday 2026
Avatar for Giovanni Toraldo gionn
0
170
LLM-as-a-Judgeは本当に信頼できるのか――評価器を評価する話
Avatar for Takaaki Yayoi taka_aki
3
1k
AIをリアル世界に解き放つ　〜M5Stack×AIであなたのアイディアを手の平に〜
Avatar for 濱田孝治 hamadakoji
1
270
Classmethod Company Deck
Avatar for Satoshi7 satoshi7
1
810
野蛮なアジャイル ［サイボウズ発！］組織の常識を覆した反骨のスクラム実践記 / Barbaric Agile - Enterprise Agile Study Group
Avatar for ama-ch ama_ch
0
120
Gemini Intelligence 入門 ― AppFunctions と Gemini Nano
Avatar for takuro abe takuroabe
0
340
AI コーディングと人間の認知スループット / CTO Night & Day 2026 Morning Session / AI Coding and Human Cognitive Throughput
Avatar for Tamirlan 893 Torgayev prog893
5
1.5k
Turning Repos into the Product Second Brain with an LLM Wiki
Avatar for LINE Developers Thailand linedevth
0
130

Featured

See All Featured
Designing Experiences People Love
Avatar for Jonathan Moore moore
143
24k
Navigating Team Friction
Avatar for Lara Hogan lara
192
16k
A Soul's Torment
Avatar for Nat Ma seathinner
8
3.8k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
50
10k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
Avatar for David Carrasco davidcarrasco
3
280
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
330
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
Avatar for Tech SEO Connect techseoconnect
PRO
0
460
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
1
610
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
96
14k
Building the Perfect Custom Keyboard
Avatar for Naoto Takai takai
2
910
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
92
590k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
55
13k

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