Lightning Web コンポーネントの使用開始

Lightning Web コンポーネント (LWC) フレームワークは、Salesforce プラットフォーム上にカスタムユーザインターフェース、Web およびモバイルアプリケーション、デジタルエクスペリエンスを作成するために使用します。Lightning Web コンポーネントは、HTML と JavaScript を使用して作成されたカスタム HTML 要素です。

必要なエディション
使用可能なインターフェース: Lightning Experience
使用可能なエディション: Enterprise Edition、Performance Edition、Unlimited Edition、および Developer Edition

Salesforce は、Lightning Design System で作成された Lightning Web 基本コンポーネントを提供しており、カスタムエクスペリエンスのビルディングブロックとして使用できます。Lightning Web 基本コンポーネントを使用することで、コンポーネントのデザインを統一でき、シンプルな開発環境を構築できます。Salesforce Lightning Experience は、Lightning Design System と Lightning 基本コンポーネントによって構築されています。

まずは、自分に合ったレベルを選択してください。

Tip

標準 JavaScript と HTML の記述

Lightning Web Components は、コア Web コンポーネント標準を使用し、Salesforce でサポート対象のブラウザで適切に動作するために必要な機能のみを提供します。Lightning Web Components は、ブラウザでネイティブに実行されるコード上に構築されるため、軽量で卓越したパフォーマンスを発揮します。記述するコードの大部分は、標準の JavaScript および HTML です。

Salesforce は、World Wide Web Consortium (W3C) のメンバーとして、オープンな Web 標準の開発に寄与しています。Salesforce 開発者は、JavaScript を進化させる委員会である Ecma International Technical Committee 39 (TC39) にメンバーとして貢献しています。

また、Lightning Web コンポーネントもオープン-ソースです。

後方互換性

Lightning Web Components と Aura Components (元のモデル) の 2 つのプログラミングモデルを使用して、Lightning コンポーネントを作成できます。Lightning Web コンポーネントと Aura コンポーネントは 1 つのページで共存および相互運用できます。どちらも Lightning コンポーネントとしてシステム管理者やエンドユーザに表示されます。

Lightning 基本コンポーネントは Lightning Web コンポーネントおよび Aura コンポーネントとして利用できます。コンポーネントの参照には、両方のコンポーネントのドキュメント、仕様、そして例が用意されています。両者の違いについては、「基本コンポーネント: Aura コンポーネントと Lightning Web コンポーネント」を参照してください。

LWC と Aura のいずれかを選択する場合は、LWC を選択してください。「Lightning Web Components または Aura の選択方法」を参照してください。

The Japanese Summer '24 guide is now live

日本語の Summer '24 ガイドが公開されました! 「Component Reference (コンポーネントリファレンス)」は、以前と同様にコンポーネントライブラリにあります。