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

lit-html, lit-elementどちらを使うか迷った際の個人的見解

15eb9fe75117e987992d2ae56b811f2d?s=47 hiro
September 18, 2018
Technology
0
400

lit-html, lit-elementどちらを使うか迷った際の個人的見解

lit-htmlとは何か、lit-elementとは何かということを簡単にまとめ、最後にどちらを使用した方が良いかという個人的な意見を述べています。

15eb9fe75117e987992d2ae56b811f2d?s=128

hiro

September 18, 2018
Tweet

More Decks by hiro

See All by hiro
hooksが変革する未来について
15eb9fe75117e987992d2ae56b811f2d?s=48 takahirosaeki
0
210
Vue.js with Web Components
15eb9fe75117e987992d2ae56b811f2d?s=48 takahirosaeki
2
9.9k

Other Decks in Technology

See All in Technology
疎ベクトル検索と密ベクトル検索: 第68回 Machine Learning 15minutes! Broadcast
B773daeab435018f26c39bb4e964804a?s=48 keyakkie
1
250
DevRel組織についての考察
57c9c4b846c73c911cbf795d211904f3?s=48 taijihagino
PRO
0
140
DMMプラットフォーム ゼロから始めるKubernetes運用 課題と改善
F91225895fc7411d415604147af75cab?s=48 pospome
0
420
EKS AnywhereとIAM Anywhereを組み合わせてみた
28dd434482959f605e535fb81f691326?s=48 regmarmcem
0
400
Micro frontends and micro services
Acc7788c2c6d2c4b43b875fcad502cd2?s=48 kashif98
0
150
聊聊 Cgo 的二三事
B3a7c0d5c590642dbce68bce8929a2df?s=48 david74chou
0
330
COSCUP x KCD Taiwan 2020 - 那些年我們在開源社群的日子 - Cloud Native Taiwan
E2dd1857f6fc1ff69adb2af80b56e9fc?s=48 pohsien
0
120
Autonomous Database Cloud 技術詳細 / adb-s_technical_detail_jp
3115a782126be714b5f94d24073c957d?s=48 oracle4engineer
PRO
10
19k
テスト自動化を最速で軌道に乗せるために
6f8c7b050e551df51ac90c013eee164f?s=48 nozomiito
0
140
プロダクトマネージャーの役割と育成、評価
4ab5447926c5d5cb2c2ff6873b626d2f?s=48 middleokada
17
12k
cobra は便利になっている
6ed12627fec46a135f1bce5d56f3568e?s=48 nwiizo
0
140
金融スタートアップの上場準備で大事にしたマインドセット / 2022-08-04-the-mindset-in-preparing-for-ipo
0251532f4fb413ea1a026efe6eb16b87?s=48 stajima
0
320

Featured

See All Featured
Embracing the Ebb and Flow
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
73
3.4k
Mobile First: as difficult as doing things right
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
213
7.6k
Designing for Performance
245cee81a9c424266e5e401d844ea881?s=48 lara
597
64k
Rails Girls Zürich Keynote
24fc194843a71f10949be18d5a692682?s=48 gr2m
87
12k
No one is an island. Learnings from fostering a developers community.
6bb82b13cda86d3b821fa44100335ddf?s=48 thoeni
9
1.3k
The Web Native Designer (August 2011)
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
75
2k
GraphQLとの向き合い方2022年版
893f54413c2bd9ba41d11d753aacaf2c?s=48 quramy
16
8.5k
Agile that works and the tools we love
462dad0dd24c568a32dcdb0ae895ae1b?s=48 rasmusluckow
319
19k
Documentation Writing (for coders)
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenintech
48
2.6k
Building Your Own Lightsaber
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
95
4.7k
Fireside Chat
864a009ac73600c7c02e1f26629dd989?s=48 paigeccino
13
1.4k
The Straight Up "How To Draw Better" Workshop
Aff5641764408271f7bc398f2097edd0?s=48 denniskardys
225
130k

Transcript

  1. MJUIUNMɺMJUFMFNFOUͲͪΒΛ࢖͏͔໎ͬͨ ࡍͷݸਓతݟղ

  2. 5BLBIJSP4BFLJ 'SPOU&OE&OHJOFFS 5XJUUFS!IJSPEFBUI (JU)VCIUUQTHJUIVCDPNUBLBIJSPTBFLJ EFWUPIUUQTEFWUPIJSPEFBUI .FEJVNIUUQTNFEJVNDPN!IJSPEFBUI

  3. 8FC$PNQPOFOUTͱ͸Կ͔ Web components͸ɺWebϖʔδ΍WebΞϓϦέʔγϣϯͷ தͰ৽ͨʹɺ࠶ར༻ՄೳͰΧϓηϧԽ͞ΕͨಠࣗͷHTMLλά Λ࡞੒͢ΔͨΊͷWebϓϥοτϑΥʔϜͷAPIͰ͢ɻ ͭ·ΓಠࣗλάΛ࡞ͬͯ৭ʑͳػೳΛࣗ෼Ͱ࡞ΕΔ৽͍͠ެࣜ࢓༷Ͱ͢

  4. None
  5. None
  6. None

  7. 'JSFGPYTIBEPX EPN͸΋͏গ͠ʂ

  8. None
  9. None

  10. The point is

  11. None

  12. *&ͱ&%(&Ҏ֎͸1PMZpMMແ͠Ͱ࢖͑Δʂʂ

  13. *&ͱ &%(&Ҏ֎͸1PMZpMMແ͠Ͱ࢖͑Δʂʂ

  14. lit-html

  15. None
  16. None

  17. MJUIUNM!Ͱͷมߋ఺ PODMJDLΠϕϯτ͕MJUIUNMMJCMJUFYUFOEFEΛಡΈࠐ·ͳͯ͘΋ ࢖͑ΔΑ͏ʹͳͬͨ JOQVUλά౳ʹσϑΥϧτͷ஋Λࢦఆ͢Δଐੑ͕௥Ճ͞Εͨ ΠϕϯτΛ!Ͱهड़͢Δ͜ͱͰ֤छ࢖͑ΔΑ͏ʹͳͬͨ

  18. None

  19. lit-element

  20. None
  21. None
  22. None
  23. None

  24. ͪͳΈʹ

  25. None
  26. None

  27. MJUIUNMͱMJUFMFNFOUͲͪΒ͕ྑ͍͔

  28. MJUIUNMͱMJUFMFNFOUͲͪΒ͕ྑ͍͔ ͱ͍͏࿩͠Λ͢Δલʹ

  29. None
  30. None
  31. None

  32. MJUIUNMͱMJUFMFNFOUͲͪΒ͕ྑ͍͔ MJUFMFNFOUΛ࢖༻ͨ͠ํ͕ศརͳϝιου͕๛෋ͳҝɺίϯϙʔωϯτ ͷ࣮૷ʹूதग़དྷͦ͏ ͨͩDVTUPNFMFNFOU΋े෼ͳϝιουΛඋ͍͑ͯΔҝɺΘ͟Θ͟ MJUFMFNFOUΛ࢖༻͠ͳͯ͘΋ྑ͍Μ͡Όͳ͍͔ͱࢥ͏ ݸਓతʹ͸MJUIUNM͚ͩͰे෼͔ͳͱࢥ͍·͢

  33. Fin.