Salesforce女子部 #12 〜Girl's Night 2017〜（2017/12/20）にてLTさせていただいたものです。

1. Visualforceで
カスタムコンポーネントを
つくろう
2017/12/20 Wed
Salesforce女子部 #12
〜Girl's Night 2017〜

2. 山口 優綺（ヤマグチ ユウキ）
株式会社テラスカイ
文系出身(教育/心理) 社会人1年目
Salesforce関係以外：HTML&CSS、 Java、 JavaScript、 SQL、
VBA(Excelマクロ)、 Python
TrailHead👍いいね!：Visualforce ページと Lightning コンポーネントを使用した
柔軟なアプリケーションの構築(プロジェクト)

3. Contents
１．Why Visualforce？カスタムコンポーネント？
２．カスタムコンポーネントの活用方法
３．【開発者向け】
実行順序を検証してみてわかった注意点

4. ●なぜ、Visualforce？？
Salesforce標準にはない、
独自デザインの画面が作りたい！
●なぜ、カスタムコンポーネント？？
同ページ内に複数、または複数ページに、
共通する画面の部品を置きたい！

5. 【活用イメージ】
Visualforce
ページVisualforce
ページ
コンポーネント
present
コンポーネント
present
= “Robot”
コンポーネント
present
= “Bear”
コンポーネント
present
= “Groves”

6. ●箱は同じでも、
表示する中身を変更したい場合は？？
＜apex:attribute＞
コンポーネントに属性を定義して、ページ側から
コンポーネントを置くごとに設定できる！
コンポーネント
present

7. ●実行順序を検証してみてわかった注意点
１．実装の仕方によって、実行順序が変わる！？（要調査）
２．assignTo（attributeに渡した値を、コントローラのクラス変数へ自動代入）は、
コントローラのコンストラクタの後に代入される
PageAction
あり
PageのControllerの
コンストラクタ生成とPageAction実行が先
なし Repeatの有無で順序が前後
Repeat
あり
PageのControllerの
コンストラクタ生成が先
なし
コンポーネントのControllerの
コンストラクタが先

8. ●実行順序の検証結果(要調査)
Page
ア
ク
シ
ョ
ン
あ
り
・Pageのコンストラクタ
が先に動く
・ページのGETメソッド
のタイミングは不明確
（Repeatだけ先だった）
Page
ア
ク
シ
ョ
ン
な
し
・PageのGETメ
ソッドのタイミン
グによって、
実行順が異なる？
・apex:attributeの
assignToが、
2度setされる？
Repeat
な
し
Repeat
あ
り
継
承
ク
ラ
ス
コ
ン
ス
ト
ラ
ク
タ
Page
コ
ン
ト
ロ
ー
ラ
コ
ン
ス
ト
ラ
ク
タ
コ
ン
ポ
ー
ネ
ン
ト
コ
ン
ス
ト
ラ
ク
タ
PageAction
コ
ン
ポ
ー
ネ
ン
ト
継
承
ク
ラ
ス
コ
ン
ス
ト
ラ
ク
タ
assignTo
GET
メ
ソ
ッ
ド
assignTo
再
set
？
GET
メ
ソ
ッ
ド
GET
メ
ソ
ッ
ド
コ
ン
ポ
ー
ネ
ン
ト
コ
ン
ス
ト
ラ
ク
タ
Page
コ
ン
ス
ト
ラ
ク
タ
assignTo
GET
メ
ソ
ッ
ド
assignTo
再
set
？
GET
メ
ソ
ッ
ド
コ
ン
ポ
ー
ネ
ン
ト
継
承
ク
ラ
ス
コ
ン
ス
ト
ラ
ク
タ
継
承
ク
ラ
ス
コ
ン
ス
ト
ラ
ク
タ
Page
コントローラ
コンポーネント
コントローラ
継承クラス
継
承
ク
ラ
ス
コ
ン
ス
ト
ラ
ク
タ
Pageコ
ン
ス
ト
ラ
ク
タ
コ
ン
ポ
ー
ネ
ン
ト
コ
ン
ス
ト
ラ
ク
タ
コ
ン
ポ
ー
ネ
ン
ト
継
承
ク
ラ
ス
コ
ン
ス
ト
ラ
ク
タ
assignTo
assignTo
再
set
？
GET
メ
ソ
ッ
ド
GET
メ
ソ
ッ
ドGET
メ
ソ
ッ
ド
Null
⇓
Robot
Robot
⇓
Robot

9. Lightningコンポーネントに挑戦したい！
ありがとうございました。