[Salesforce]Lightning Web コンポーネントの概要

Lightning Web コンポーネントの概要

Lightning Web コンポーネントは、開発者とユーザーエクスペリエンスの両方に重点を置いています。

記述するコードの大部分は、標準の JavaScript および HTML です。

HTML、JavaScript、CSS を使用してコンポーネントを作成するだけです。

Lightning Web コンポーネントは、3 ステップで作成できます。(1) JavaScript ファイルを作成し、(2) HTML ファイルを作成し、必要に応じて (3) CSS ファイルを作成します。

• HTML は、コンポーネントの構造を提供します。
• JavaScript は、コアビジネスロジックとイベント処理を定義します。
• CSS は、コンポーネントのデザインとアニメーションを提供します。

HTML

<template>
    <input value={message}></input>
</template>

JavaScript

import { LightningElement } from 'lwc';
export default class App extends LightningElement {
  message = 'Hello World';
}

CSS

input {
   color: blue;
}