サーバー側の Apex コントローラークラスを作成する

メモ

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

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

このモジュールは、従来の Aura コンポーネントをサポートするシステム管理者を対象としています。Salesforce で UI を構築する場合の推奨方法は Lightning Web コンポーネントです。「Aura から Lightning Web コンポーネントへの移行」トレイルを参照し、LWC を使用して現行の Web 標準に準拠する方法を学習してください。

Salesforce Lightning Design System (SLDS) には現在 2 つのバージョンがあります。Aura 設計トークンを使用して Aura コンポーネントのスタイル設定を行っている場合は、元の Salesforce Lightning Design System である SLDS 1 で作業しています。

Salesforce Lightning Design System 2 (SLDS 2) は Spring '25 で導入されました。SLDS 2 は、新しい CSS フレームワークを使用して構造とビジュアルデザインを分離するスタイリングフックに基づいて構築されています。

SLDS 2 に切り替えてそのすべてのメリットを享受するには、Aura コンポーネントを Lightning Web コンポーネントまたは Lightning 基本コンポーネントにアップグレードしてスタイリングフックを使用します。詳細は Aura 開発者ガイドの「Replace Design Tokens with Styling Hooks (設計トークンからスタイリングフックへの置き換え)」を参照してください。SLDS 2 へのコードの移行についての詳細は、SLDS 2 の Web サイトの「Transitioning to SLDS 2 (SLDS 2 への移行)」を参照してください。

はじめに

Lightning コンポーネントフレームワークは、モバイルデバイスとデスクトップデバイスに対応した動的な Web アプリケーションを開発するための UI フレームワークです。

このクイックスタートでは、組織の取引先責任者のリストを表示する簡単な Lightning コンポーネントを作成します。最初に Apex コントローラークラスを作成し、次に Lightning コンポーネントとイベントハンドラーを作成して、最後にコンポーネントで取引先責任者のリストを表示します。

Trail Together の動画

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

Apex コントローラーを作成する

クラスを作成して、取引先責任者のデータにアクセスします。

1. Trailhead Playground で、設定歯車 をクリックし、[Developer Console (開発者コンソール)] を選択します。
   
2. [File (ファイル)] | [New (新規)] | [Apex Class (Apex クラス)] の順に選択します。
   
3. クラス名として、MyContactListController と入力し、[OK]をクリックします。
   
4. In the body of the class (i.e. between the {} braces), enter the following code Tip: You can copy and paste any code snippet from Trailhead by clicking Copy in the top right corner.
   

   @AuraEnabled
   public static List<Contact> getContacts(Id recordId) {
      return [SELECT Id, FirstName, LastName, Email, Phone FROM Contact WHERE AccountId = :recordId];
   }

   Apex methods designated @AuraEnabled are able to be called from a Lightning component.
   

5. [File (ファイル)] | [Save (保存)] を選択します。