Warm up

Hello, World!

演習問題へ入る前に、簡単な LWC コードを書いてみましょう。

問題

• コンポーネント名: helloWorld
• 「Hello, World!」と表示する LWC を作成してください。
• ホームページの右上に配置してください。

解答

• force-app > main > default > lwc フォルダを右クリックする。

• 「SFDX: Create Lightning Web Component」をクリックする。

• 名前として「helloWorld」を入力して Enter を押下する。

• 格納場所として「force-app/main/default/lwc」を選択して Enter を押下する。

• 次のコードを書く。

  helloWorld.html

  helloWorld.js-meta.xml

• ファイルに対して右クリック > 「SFDX: Deploy This Source to Org」をクリックする。

• コマンドパレットから「SFDX: Open Default Org」を実行する。

• アプリケーションランチャー > ホーム をクリックする。

• 歯車アイコン > 編集ページ をクリックする。

• 左のペインから「helloWorld」を右上にドラッグする。

• 「保存」 > 「有効化」 > 「組織のデフォルトとして割り当て」 > 「保存」をクリックする。

• 「戻る」をクリックする。

• 右上に「Hello, World!」と表示されていることを確認する。

---

👈 前に戻る | 次に進む 👉