#JavaScript
https://lit.dev/
シンプルで速い[[ウェブコンポーネント]]を作成するライブラリ。
```ts
import {html, css, LitElement} from 'lit';
import {customElement, property} from 'lit/decorators.js';
@customElement('simple-greeting')
export class SimpleGreeting extends LitElement {
static styles = css`p { color: blue }`;
@property()
name = 'Somebody';
render() {
return html`<p>Hello, ${this.name}!</p>`;
}
}
```
これを使えばHTMLで以下のように表現できる。
```html
<simple-greeting name="World"></simple-greeting>
```