Skip to main content

Visual Studio Code を設定する

メモ

メモ

日本語で受講されている方へ
Challenge は日本語の Trailhead Playground で開始し、かっこ内の翻訳を参照しながら進めていってください。Challenge での評価は英語データを対象に行われるため、英語の値のみをコピーして貼り付けるようにしてください。日本語の組織で Challenge が不合格だった場合は、(1) この手順に従って [Locale (地域)] を [United States (米国)] に切り替え、(2) [Language (言語)] を [English (英語)] に切り替えてから、(3) [Check Challenge (Challenge を確認)] ボタンをクリックしてみることをお勧めします。

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

Trail Together の動画

エキスパートの説明を見ながらこのステップを進めて行きたい場合は、Trailhead Live の Trail Together シリーズの一部である、こちらの動画をご覧ください。

(巻き戻して最初から見直したい場合、このクリップは 07:04 分から開始されます。)

Visual Studio Code 向け Salesforce 拡張機能をインストールする

Visual Studio Code は Salesforce 開発者に人気のあるコードエディターで、Windows、Linux、macOS で使用できる無料のオープンソースです。このエディターには、構文の強調表示やコード補完など、インストールが容易な拡張機能があります。

実際の Visual Studio Code のコード補完

このプロジェクトでは、Visual Studio Code と推奨される Salesforce Extension Pack をインストールします。

メモ

Visual Studio Code 向け Salesforce 拡張機能の一部の機能、特に Apex サポートは、Java Platform Standard Edition Development Kit (JDK) に依存します。JDK バージョン 21 (推奨)、JDK バージョン 17 または JDK バージョン 11 のインストールが必要です。別のバージョンの Java がインストールされていても、JDK 21、JDK 17、または JDK 11 をインストールする必要があります。適切な JDK をインストールしたら、次のリンクに従って設定を行います。

  1. 使用しているオペレーティングシステム用の Visual Studio Code の最新バージョンをダウンロードしてインストールします。すでに Visual Studio Code がインストールされている場合は、再インストールする必要はありません。
  2. Visual Studio Code を起動します。
  3. 左のツールバーで、拡張機能アイコン Visual Studio Code 拡張機能 をクリックします。
  4. Salesforce Extension Pack を検索し、[Install (インストール)] をクリックします。
    Visual Studio Code での Salesforce Extension Pack の検索。
メモ

Salesforce Extension Pack (Expanded) もあります。これには、Salesforce 開発者がよく使用するサードパーティの拡張機能も含まれています。必要な拡張機能パックは 1 つだけです。

開発環境が整っていることを確認する

Visual Studio Code をインストールし、必要な拡張機能を有効にしたところで、次はそれらをテストする必要があります。

  1. Visual Studio Code で、Ctrl+Shift+P (Windows) または Cmd+Shift+P (macOS) を押して、コマンドパレットを開きます。
  2. sfdx と入力して、Salesforce 拡張機能で提供されるコマンドを絞り込みます。Visual Studio Code: Visual Studio Code で sfdx コマンドを絞り込む。
    さらに他の SFDX コマンドを使用すると、そのコマンドが recently used (最近使用) パネルに表示されます。

最後のステップでは、最初の Lightning Web コンポーネントを作成し、組織のホームページに追加します。

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

Salesforce ヘルプで Trailhead のフィードバックを共有してください。

Trailhead についての感想をお聞かせください。[Salesforce ヘルプ] サイトから新しいフィードバックフォームにいつでもアクセスできるようになりました。

詳細はこちら フィードバックの共有に進む