前回 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 を 使っていったほうが良さそうですね

暇な時にでも 手を付けてみたいと思います (思うだけで終わりそう…)

Related Article