Mark Hammer's blog

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

Trailhead モジュール:Visualforce Mobile

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

Salesforce アプリケーションでの Visualforce の使用開始

https://trailhead.salesforce.com/ja/content/learn/modules/visualforce_mobile_salesforce1/visualforce_mobile_salesforce1_intro

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

ナビゲーションメニューへの Visualforce ページの追加

https://trailhead.salesforce.com/ja/content/learn/modules/visualforce_mobile_salesforce1/visualforce_mobile_salesforce1_nav_menu

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

【Challenge要約】

  • ページ名を「HelloMobile」としたVisualforceページを作成してください。
  • Visualforceページに「Hello mobile world」の文字列を表示するよう、コードを記述してください。
  • Visualforceページ「HelloMobile」をSalesforceモバイルアプリケーションで利用可能にしてください。
  • Visualforceページ「HelloMobile」を、タブ名を「HelloMobile」としたタブで表示するようにしてください。また、このタブをSalesforceナビゲーションに追加してください。

Salesforce Lightning Design System を使用した Visualforce ページのスタイル設定

https://trailhead.salesforce.com/ja/content/learn/modules/visualforce_mobile_salesforce1/visualforce_mobile_salesforce1_lightning_design

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

【Challenge要約】

  • ページ名を「MobileContactList」としたVisualforceページを作成してください。
  • VisualforceページにLightning Design Systemをインポートしてください。
  • Lightning Design SystemのName Value Listユーティリティクラスを使用してください。
  • 取引先責任者(Contact)の標準リストコントローラを使用してください。recordSetVar 属性には"contacts"を指定してください。
  • ”apex:repeat”コンポーネントを使用し、取引先責任者(Contact)のリストを反復処理してください。var 属性には “c” を設定してください。
  • Visualforceページに、取引先責任者(Contact)の「取引先責任者名(Name)」、「電話(Phone)」項目の値を表示してください。
  • Salesforceモバイルアプリケーションで使用できるよう設定してください。
  • 作成したVisualforceページを「MobileContacts」タブに含めてください。また、「MobileContacts」タブをSalesforce アプリケーションナビゲーションメニューに追加してください。

Visualforce ページを使用したグローバルアクションの実装

https://trailhead.salesforce.com/ja/content/learn/modules/visualforce_mobile_salesforce1/visualforce_mobile_salesforce1_actions_global

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

【Challenge要約】

  • 表示ラベルを「My Business Card」、名前を「My_Business_Card」としたグローバルアクションを作成してください。
  • 作成したグローバルアクションには、Visualforceページ「BusinessCard」を関連付けしてください。
  • Visualforceページ「BusinessCard」はモバイルアプリケーションで利用可能としてください。
  • Visualforceページ「BusinessCard」には、適切なVisualforceグローバル変数を用いて以下の項目を表示してください。
    • ログインユーザの名(FirstName)
    • ログインユーザの姓(LastName)
    • ログインユーザのメール(Email)
    • ログインユーザの電話(Phone)
    • ログインユーザの役職(Title)
  • 作成したVisualforceページに、Eメールアドレスを入力するための入力フィールドと、連絡先情報を他のユーザに素早くメール送信することを可能にする「送信」ボタンを作成してください。(この機能追加は任意です。)

Visualforce ページを使用したオブジェクト固有のアクションの実装

https://trailhead.salesforce.com/ja/content/learn/modules/visualforce_mobile_salesforce1/visualforce_mobile_salesforce1_actions_object

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

【Challenge要約】

  • ページ名を「ShowAssistantInfo」としたVisualforceページを作成してください。
  • Visualforceページ「ShowAssistantInfo」には取引先責任者の標準コントローラを使用してください。
  • Visualforceページ「ShowAssistantInfo」にアシスタントの名前と電話番号を表示するため、それぞれ該当する取引先責任者標準項目を使用してください。
  • Visualforceページ「ShowAssistantInfo」に 'tel:'ハイパーリンク を用いてアシスタント電話番号を表示してください。
  • 取引先責任者オブジェクトのオブジェクト固有アクションを作成してください。アクションの表示ラベルは「Call Assistant」、名前を「Call_Assistant」としてください。
  • 「Call Assistant」アクションにはVisualforceページ「ShowAssistantInfo」を使用してください。
  • 「Call Assistant」アクションを取引先責任者ページレイアウト「Contact Layout」に追加してください。

ページレイアウトとモバイルカードでの Visualforce ページの使用

https://trailhead.salesforce.com/ja/content/learn/modules/visualforce_mobile_salesforce1/visualforce_mobile_salesforce1_layouts_cards

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

【Challenge要約】

  • ページ名を「OpportunityStageTips」としたVisualforceページを作成してください。
  • Visualforceページ「OpportunityStageTips」に対し、商談のフェーズ項目値(「Prospecting」、「Needs Analysis」、「Proposal/Price Quote」、「Negotiation/Review」)ごとに、そのフェーズに合ったアドバイスを個別に表示するようにしてください。各フェーズに表示するための任意のプレースホルダコンテンツを使用できます。
  • Visualforceページ「OpportunityStageTips」には商談の標準コントローラを使用してください。
  • Visualforceページ「OpportunityStageTips」を商談ページレイアウト「Opportunity Layout」のモバイルカードに追加してください。

ユーザインターフェースのガイドラインの採用

https://trailhead.salesforce.com/ja/content/learn/modules/visualforce_mobile_salesforce1/visualforce_mobile_salesforce1_ui_guidelines

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

CSS および JavaScript モバイルフレームワークの使用

https://trailhead.salesforce.com/ja/content/learn/modules/visualforce_mobile_salesforce1/visualforce_mobile_salesforce1_mobile_frameworks

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