Hello World Lightning Web コンポーネントの作成

学習の目的

このプロジェクトでは、次のことを行います。

Salesforce CLI をインストールする。
Visual Studio Code と Salesforce DX 向け拡張機能をインストールする。
Lightning Web コンポーネントを作成してリリースする。

メモ

日本語で受講されている方へ
このバッジの Trailhead ハンズオン Challenge は英語で受講していただく必要があります。英語の意味についてはかっこ内の翻訳をご参照ください。Trailhead Playground では (1) [Locale (地域)] を [United States (米国)] に、[Language (言語)] を [English (英語)] に切り替えて、(2) 英語の値のみをコピーして貼り付けてください。こちらの指示に従ってください。

翻訳版 Trailhead を活用する方法の詳細は、自分の言語の Trailhead バッジを参照してください。

はじめに

Lightning Web コンポーネントは、Lightning コンポーネントを構築するための新しいプログラミングモデルです。画期的な Web 標準を使用し、Aura プログラミングモデルとの共存と相互運用が可能であり、比類のないパフォーマンスを提供します。Lightning Web コンポーネントを作成、開発し、その強力な機能とパフォーマンスのメリットを利用するには、Salesforce DX を設定する必要があります。また、このクイックスタートでは Visual Studio Code も使用します。これは、Salesforce Platform での開発で推奨されるコードエディターです。開発者環境が整ったら、簡単な Lightning Web コンポーネントを作成し、Lightning Experience のページに追加する方法を学習します。

Salesforce Developer Experience (DX) は、開発ライフサイクル全体を合理化するツールセットです。チームによる開発とコラボレーションの向上、自動化テストと継続的インテグレーションの容易化、リリースサイクルの効率化とアジャイル化を実現します。

Trail Together の動画

エキスパートの説明を見ながらこのステップを進めて行きたい場合は、Trailhead Live の Trail Together シリーズの一部である、こちらの動画をご覧ください。全セッションへのリンクは「リソース」セクションにあります。

Trailhead Playground を設定する

新しい Trailhead Playground を作成する

このプロジェクト用に、新しい Trailhead Playground を作成する必要があります。このページの一番下までスクロールして Playground 名をクリックし、[Create Playground (Playground を作成)] をクリックします。新しい Trailhead Playground を作成するには、通常 3、4 分かかります。

必ず新しい Trailhead Playground を使用してください。既存の組織や Playground を使用すると、Challenge に取り組んでいるときに問題が発生することがあります。

Trailhead Playground のユーザー名とパスワードを取得する

パスワードをリセットします。後のステップで Salesforce CLI を使用して Trailhead Playground を認証するために、ユーザー名とパスワードの両方が必要です。

組織に [Get Your Login Credentials (ログイン情報の表示)] というタブが表示されている場合は、以下の手順に従います。表示されていない場合は、アプリケーションランチャー () で、[Playground Starter] をクリックして手順に従います。

[Get Your Login Credentials (ログイン情報の表示)] タブをクリックし、ユーザー名をメモします。
[Reset My Password (パスワードのリセット)] をクリックします。これにより、ユーザー名に関連付けられているアドレスにメールが送信されます。
メール内のリンクをクリックします。
新しいパスワードを入力し、確認して、[Change Password (パスワードを変更)] をクリックします。

コマンドラインインターフェース (CLI) をインストールする

Salesforce CLI を使用して、Salesforce アプリケーションのライフサイクル全体を制御します。CLI では、開発環境とテスト環境を簡単に作成し、組織とバージョン管理システム (VCS) 間でソースコードを同期して、テストを実行できます。

インストールの説明の詳細は、『Salesforce CLI 設定ガイド』を参照してください。

Salesforce CLI から CLI をインストールします。
コマンドラインから次のコマンドを実行して、CLI が適切にインストールされていて最新バージョンであることを確認します。
sf update
Updating CLI.... のように出力が表示されます。

次のステップで、Visual Studio Code を使用してローカル開発環境を設定します。

設定の確認は行いません。[Verify Step (ステップを確認)] をクリックして、プロジェクトの次のステップへ進んでください。