Lightning Web Components（ライトニングウェブコンポーネント）について、記事にします。
Lightning Web Componentsって何？
Lightning Web Components（LWC）は、Salesforceが作った、ウェブページを作るためのツールです。ウェブサイトやアプリケーションに使うパーツを作るためのものです。
どうして使うのか？
LWCを使うと、ウェブページをより速く、より簡単に、そして効率よく作ることができます。
例えば、以下のような理由があります。
- スピード
LWCは、ページを高速で表示するのに適しています。 - 再利用性
一度作ったコンポーネントは、他のページでも簡単に使い回すことができます。 - 最新技術
LWCは、最新のウェブ技術を使って作られているので、最新の機能を利用できます。
具体例
LWCを使ってウェブページを作るには、主に以下のような作業を行います。
Salesforce に関する知識と、HTML、JavaScript、CSS の経験を用いて、Salesforceアプリケーションを作成できます。
また、これらの標準を使用しつつ、Salesforce 組織向けのコンポーネントを作成すると同時に、既存の Aura コンポーネントとの互換性を維持します。
例
例えば、簡単な「Hello, World」というメッセージを表示するコンポーネントを作ってみましょう。
HTMLファイル（helloWorld.html:
<template>
<input value={message}></input>
</template>
CSSファイル（helloWorld.css:
input {
color: blue;
}
JavaScriptファイル（helloWorld.js）:
import { LightningElement } from 'lwc';
export default class App extends LightningElement {
message = 'Hello World';
}
このようにして、LWCを使ってシンプルなWebコンポーネントを作成できました。
まとめ
Lightning Web Componentsは、ウェブページを効率よく作成するためのツールで、簡単なコンポーネント作成から、Apexと組み合わせたアプリケーション開発まで幅広く使われています。
個人的に、SalesforceとWebの技術のいいとこ取りできるのが嬉しいです。
HTML、JavaScript、CSSの基本を知っていると、LWCを使う際に役立つと思います！
参考