Polymer 3.0 と lit-html と LitElement と
この記事は 2019年 7月 5日 に書かれた記事です。
前回 Polymer 3.0 を 触ってみたいとか言っておきながら 完全に放置していました
Polymer 2.0 を 触ってみた
https://tekuaru.jack-russell.jp/2018/04/28/1700/
久しぶりに Polymer の事を 思い出したので 現状 は どうなっているのか 見てみました
Polymer の 今
Roadmap update, part 1: 3.0 and beyond - Polymer Project
https://www.polymer-project.org/blog/2018-05-02-roadmap-update
Roadmap update, part 2: FAQ - Polymer Project
https://www.polymer-project.org/blog/2018-05-02-roadmap-faq
ザット見た感じですと Polymer 3.0 は メンテナンスリリースを行うけど 今後は 新しいプロジェクトの方に 力を注いでいく感じですかね
また Webコンポーネント の HTML Imports が 削除されるそうなので
1 と 2 を 使っている人は polyfills が 含まれているか 確認が必要そうです
Web Components v0 deprecations - Polymer Project
https://www.polymer-project.org/blog/2018-10-02-webcomponents-v0-deprecations
ページの下の方には その改修方法が 載っています
lit-html と LitElement
先程の ロードマップで ちらっと出てきた 新しいプロジェクト で 気になったのが lit-html と LitElement です
lit-html とは
lit-html
https://lit-html.polymer-jp.org/
lit-html は テンプレート と 描写が行える ライブラリみたいです
(わかっていない)
lit-html 入門と lit-html だけで作る Todo アプリ - Qiitaを参考にさせていただきました。
https://qiita.com/ryohey/items/f9fe94c1952fc761a743
LitElement とは
LitElement
https://lit-element.polymer-jp.org/
こちらは カスタムエレメント が 簡単に作れる ライブラリみたいです
描画は lit-html で 行っているみたいなので 書き方は lit-html と 似ています
(わかっていない)
Build your first LitElement elementを参考にさせていただきました。
https://polymer-japan.github.io/litelement-first-element/index.ja.html#0
サラッと 目を通しただけなので 何もわかっていないのですが
今後は LitElement を 使っていったほうが良さそうですね
暇な時にでも 手を付けてみたいと思います (思うだけで終わりそう…)