Mark Hammer's Blog

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

Trailhead モジュール：Visualforce の基礎

Trailhead日本語要約

※この内容は2018/3時点のものです。

Visualforce の使用開始

https://trailhead.salesforce.com/ja/modules/visualforce_fundamentals/units/visualforce_intro

  • 説明：日本語
  • Challenge：日本語選択問題

Visualforce ページの作成と編集

https://trailhead.salesforce.com/ja/modules/visualforce_fundamentals/units/visualforce_creating_pages

  • 説明：日本語
  • Challenge：英語ハンズオン

Challenge要約

以下内容でVisualforceページを作成してください。

単純な変数と数式の使用

https://trailhead.salesforce.com/ja/modules/visualforce_fundamentals/units/visualforce_variables_expressions

  • 説明：日本語
  • Challenge：英語ハンズオン

Challenge要約

ログインユーザの「名」を表示するVisualforceページを作成してください。

  • Visualforceページ名は「DisplayUserInfo」としてください。
  • 表示するユーザ情報はログインしているユーザから動的に生成する必要があります。

標準コントローラの使用

https://trailhead.salesforce.com/ja/modules/visualforce_fundamentals/units/visualforce_standard_controllers

  • 説明：日本語

  • Challenge：英語ハンズオン

    Challenge要約

    取引先責任者の標準コントローラを使用し、取引先責任者の「姓」「名」「取引先責任者所有者のメールアドレス」を表示するVisualforceページを作成してください。

  • Visualforceページ名は「ContactView」としてください。

  • 取引先責任者の標準コントローラを参照する必要があります。
  • 取引先責任者レコード情報を表示するために、標準コントローラを使用した以下の3つの変数が含まれている必要があります。
    • 姓
    • 名
    • 取引先責任者所有者のメールアドレス

レコード、項目、テーブルの表示

https://trailhead.salesforce.com/ja/modules/visualforce_fundamentals/units/visualforce_output_components

  • 説明：日本語
  • Challenge：英語ハンズオン

Challenge要約

「apex:outputField」コンポーネントを使用し、商談項目の一部を表示するVisualforceページを作成してください。

  • Visualforceページ名は「OppView」としてください。
  • 商談の標準コントローラを参照する必要があります。
  • 以下4つの項目を表示する「apex:outputField」コンポーネントが含まれている必要があります。
    • 商談名
    • 金額
    • 完了予定日
    • 商談の取引先名

フォームを使用したデータの入力

https://trailhead.salesforce.com/ja/modules/visualforce_fundamentals/units/visualforce_forms

  • 説明：日本語
  • Challenge：英語ハンズオン

Challenge要約

以下内容で取引先責任者レコードを作成するためのVisualforceページを作成してください。

  • Visualforceページ名は「CreateContact」としてください。
  • 取引先責任者の標準コントローラを参照する必要があります。
  • 「apex:form」コンポーネントを使用する必要があります。
  • 以下3つの取引先責任者項目のための「apex:inputField」コンポーネントが必要です。
    • 姓
    • 名
    • メール
  • 標準コントローラのsaveメソッドを使用する「apex:commandButton」コンポーネントが必要です。

標準リストコントローラの使用

https://trailhead.salesforce.com/ja/modules/visualforce_fundamentals/units/visualforce_standard_list_controllers

  • 説明：日本語
  • Challenge：英語ハンズオン

Challenge要約

標準リストコントローラを使用して、レコード詳細ページへのリンクを含む取引先リストを表示するVisualforceページを作成してください。

  • Visualforceページ名は「AccountList」としてください。
  • 取引先の標準コントローラを参照する必要があります。
  • 「recordSetVar」属性に「accounts」を設定してください。
  • 「apex:repeat」コンポーネントを使用し、以下の通り設定してください。
    • 「apex:repeat」コンポーネントの「var」属性には「a」を設定してください。
    • HTMLリストタグである「<li>」を使用してください。
    • 「apex:outputLink」コンポーネントを使用して、各レコードの詳細ページにリンクしてください。

ヒント：レコード詳細ページにアクセスするには、例えば「/<record id>」のように、URLのルートにレコードIDを配置します。

静的リソースの使用

https://trailhead.salesforce.com/ja/modules/visualforce_fundamentals/units/visualforce_static_resources

  • 説明：日本語
  • Challenge：英語ハンズオン

Challenge要約

以下内容でVisualforceページを作成してください。

  • Visualforceページ名は「ShowImage」としてください。
  • このファイルを静的リソースとしてアップロードしてください。名前は「vfimagetest」としてください。
  • 静的リソースのcatsディレクトリにあるkitten1.jpgイメージを表示する「apex:image」タグが必要です。

カスタムコントローラの作成および使用

https://trailhead.salesforce.com/ja/modules/visualforce_fundamentals/units/visualforce_custom_controllers

  • 説明：日本語
  • Challenge：英語ハンズオン

Challenge要約

カスタムコントローラを使用して、状況が「New」のケースのリストを表示してください。

  • Visualforceページ名は「NewCaseList」としてください。
  • カスタムコントローラ Apex クラス「NewCaseListController」を作成し、以下を含めてください。
    • メソッド名が「getNewCases」のPublicメソッド
    • 返り値の型：「List<Case>」
    • IDと「ケース番号」項目を含むケースレコードのリストを返り値とする
    • 状況が「New」のケースのみを返すようフィルタリングする
  • Visualforceページ「NewCaseList」では「apex:repeat」コンポーネントを使用し、以下を設定してください。
    • 「apex:repeat」コンポーネントの「value」属性には「newCases」を使用してください。
    • 「apex:repeat」コンポーネントの「var」属性は「case」と設定してください。
    • 「apex:outputLink」コンポーネントにケースのIDを関連付けして、各ケースレコードの詳細ページへのリンクを作成してください。