tyoshikawa1106のブログ

- Force.com Developer Blog -

SFDC:Youtube動画のLWCサンプルコードを試してみました

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

Lightning Web Components - YouTube

Hello World

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


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


Decorators

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


@trackの補足。

Lightning Web コンポーネントで不要になった @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バッチの開発動画も公開してました。

Software Coding - YouTube