Mark Hammer's Blog

SalesforceやTrailheadに関する情報を投稿しているブログです。

Trailhead モジュール:Lightning Web Components Basics

※この内容は2019/2時点のものです。

Discover Lightning Web Components

https://trailhead.salesforce.com/ja/content/learn/modules/lightning-web-components-basics/discover-lightning-web-components

  • 説明:英語
  • Challenge:英語選択問題

Create Lightning Web Components

https://trailhead.salesforce.com/ja/content/learn/modules/lightning-web-components-basics/create-lightning-web-components

  • 説明:英語
  • Challenge:英語選択問題

Push Lightning Web Component Files

https://trailhead.salesforce.com/ja/content/learn/modules/lightning-web-components-basics/push-lightning-web-component-files

  • 説明:英語
  • Challenge:英語ハンズオン

【Challenge要約】

このChallengeの前に、以下作業を行ってください。

  • Developer Edition組織にサインアップし、その組織をあなたのTrailheadアカウントに紐づけてください。
  • 紐づけた組織で「私のドメイン」とDev Hubを有効化してください。
  • このユニットに記載された手順に従い、bikeCardのソースコードをあなたのローカルlwcディレクトリに配置してください。

(Challengeハンズオン内容)

  • [起動]ボタンをクリックしてDev Hub組織を起動してください。
  • [ebikes-lwc] ディレクトリをカレントディレクトリとした状態で、CLIを使用してTrailheadアカウントに紐づけたDeveloper Edition組織に認証してください。 ブラウザ起動後のアドレスには、[私のドメイン]を有効にしたときに選択したカスタムドメインが含まれているはずです。含まれていない場合、まだあなたのスクラッチ組織で認証されているかもしれません。 その場合は、スクラッチ組織からログアウトし、Dev Hub組織を起動してもう一度やり直してください。
  • このユニットの”Deploy Files”節に従って、bikeCardコンポーネントを含むあなたのローカルファイルを全てDev Hub組織にデプロイしてください。
  • Dev Hub組織にて、Lightningアプリケーションビルダーを使用してLightningアプリケーションページを作成してください。ページ名は「Bike Card」とし、bikeCardコンポーネントをLightningページ内に含めてください。
  • 作成したLightningアプリケーションページを、すべてのユーザを対象に有効化してください。

Handle Events in Lightning Web Components

https://trailhead.salesforce.com/ja/content/learn/modules/lightning-web-components-basics/handle-events-in-lightning-web-components

  • 説明:英語
  • Challenge:英語選択問題

Add Styles and Data to a Lightning Web Component

https://trailhead.salesforce.com/ja/content/learn/modules/lightning-web-components-basics/add-styles-and-data-to-a-lightning-web-component

  • 説明:英語
  • Challenge:英語ハンズオン

【Challenge要約】

  • Lightningアプリケーションビルダーを使用してLightningアプリケーションページを作成してください。ページ名は「Your Bike Selection」としてください。
  • 「Selector」コンポーネントを現在のユーザ名を上部に表示するよう修正したものをデプロイし、「Your Bike Selection」アプリケーションページに配置してください。