【Salesforce】【LWC】LWC備忘録

LWCの画面をイチから作るのを久しぶりにやって
色々忘れてるなあと思ったので備忘録として書き残します。

LWCの作成方法

VSCodeで\force-app\main\default下の lwcフォルダで右クリック
「SFDC:Lightning Web コンポーネントを作成」 を選択しコンポーネント名を入力する

ちなみに開発者コンソールで「Lightning Component」を新規作成すると
Auraコンポーネントが作成されるので注意。

Apexクラスのメソッドにアクセスできない場合

呼び出すメソッドに@AuraEnabledアノテーションを付与する

LWCのJavaScriptにimportを記述する

参考：@AuraEnabledアノテーション
参考：Apexメソッドのインポート

Apexクラスの変数が取得できない場合

@AuraEnabledアノテーションを付与する

とくに内部クラスとか忘れがち

参考：@AuraEnabledアノテーション

Lightningページの編集画面に表示されない場合

-meta.xmlのtagetsを設定する

コピーはこちらからどうぞ

  <targets>
    <target>lightning__AppPage</target>
    <target>lightning__RecordPage</target>
    <target>lightning__HomePage</target>
  </targets>

※用途に合わせてtargetは選んでください。
参考：LightningComponentBundle

書く予定のネタ

• モーダルの表示方法について
• 画面遷移について
• 色々なアイコンについて
• lightning-inputでEnterキーが押されたときにfunctionを実行する