海外のSalesforce開発者の人のYoutubeチャンネルで公開されているLightning Web Component動画を見ながらサンプルコードを試してみました。

Hello World
シンプルなHello Worldコンポーネント。



Lightningページではなく、Lightningコンポーネントタブでアクセスするとヘッダー部分も表示されない真っ白なページ上にコンポーネントの機能を配置できる。

Decorators
@trackデコレーターのサンプルコード。import時にtrackを宣言することで @trackが使えるようになる。


@trackの補足。

Record Form
lightning-record-formタグのサンプル。




Record Edit Form
lightning-record-edit-formタグとShowToastEventのサンプル。



Record View Form
lightning-record-view-formタグのサンプル。



Call Apex Methods
Apexクラスの処理を呼び出すサンプル。@wireの使い方。




Call Apex Methods Imperatively
Apexクラスの処理を呼び出すサンプル。ボタンクリックすると取引先責任者リストを表示する処理。





LWCのApex実行から正常実行、エラーハンドリングの書き方のサンプルとなっています。

海外のSalesforce開発者のSoftware Codingチャンネルの動画を見ながら試してみた結果はこんな感じでした。Lightning Web Component以外にもApexバッチの開発動画も公開してました。
