New Feature Trailblazers(2020.10.14)に登壇したスライドです。 Lightningアプリケーションビルダーの機能を改めて確認してみました。

1. Lightningアプリケーションビルダー
2020.10.14

2. ⾃⼰紹介
なかやま @nakayama_san

3. しゃべること
• Lightningアプリケーションビルダー基本操作
• 基本コンポーネント
リリースで機能が
増えてる︕

4. Lightningアプリケーションビルダー

5. Lightningアプリケーションビルダー

6. Lightningアプリケーションビルダー
標準で２９個も
あるよ (￣⼝￣

7. Lightning
アプリケーションビルダー
-基本操作-

8. 既存ページの編集
編集したいページを表⽰しながら「⚙＞編集ページ」
編集ページのメニューが表⽰されないページは利⽤できないページです（リストビューなど）

9. 新しいページの作成
「設定＞ユーザインターフェース＞Lightningアプリケーションビルダー」
作成したい
ページを選択

10. テンプレートの選択
ホームページ、アプリケーションページ
レコードページで利⽤できる標準テンプレートが異なります
ホームページ
アプリケーションページ
レコードページ

11. ページのカスタマイズ
配置したい
コンポーネントを
ドラッグ&ドロップ
選んだ
コンポーネントの
オプション設定※
※コンポーネント外を選択すると、ページのオプション設定ができる
テンプレートの
変更が可能
配置した
コンポーネントを
移動できる

12. 追加する位置の＋アイコンを使うと
ドラッグ&ドロップしなくてもよい☺
❶追加したい位置の
+アイコンを選択
❷追加する
コンポーネントをクリック

13. コンポーネントの表⽰を制御する
例)システム管理者だけ表⽰するコンポーネント
❶表⽰制御する
コンポーネントを
選択
❷表⽰条件
を追加
❸ユーザ項⽬や
権限を条件にする

14. カスタム権限を条件にする
例)複数のプロファイル名を条件にしたり、特定のユーザのみ表⽰させたい場合
❶カスタム権限
を作成
❷利⽤する
プロファイルや
権限セットに
カスタム権限を
追加
❸表⽰条件に
カスタム権限を
利⽤

15. レコードページの項⽬を条件にする
例)商談⾦額がXXX以上の場合にリッチテキストを表⽰

16. レコードページの項⽬を条件にする
例)商談⾦額がXXX以上の場合にリッチテキストを表⽰
デバイスを条件に
デスクトップと
モバイルで
表⽰切替も可能

17. コンポーネントの世界へ

18. コンポーネント
• リリースで追加されてくるコンポーネントたち
• 数が多い、
１回も使ってないの、あるかも。。
ホームページ
アプリケーションページ
レコードページ

19. Chatter
レコードページに配置できる
パブリッシャー＋フィード機能
レコードに関連する投稿か
レコードに関連しない投稿か
を選択する
Chatter Chatterパブリッシャー Chatterフィード

20. Chatterの投稿エリアが表⽰されない!?
表⽰
されない
[投稿]のアクション
を指定しているか
確認しよう︕

21. 個別開発
レコードページ の
IDを渡すには
ココをONに
⾼さは固定
フロー Visualforce

22. Visualforceをコンポーネントとして使う
Visualforceの
設定画⾯で
⚡ ON
StandardController使うか、URLパラメータのidで詳細ページのレコードを特定

23. おすすめ
おすすめ アクション&おすすめ Next Best Action
Chatterタブに表⽰されてるもの
クイックアクションと
Next Best Actionの組み合わせ

24. アクション＆おすすめ
❶アクション&おすすめメニューから新規作成
❷クイックアクションのみか、NextBestActionかを選択
参考

25. アクション＆おすすめ
❸オブジェクトを選択
❹固定表⽰するアクションを指定
表⽰イメージ
❺追加クリック時の
アクションを指定
参考

26. アクション＆おすすめ
❻Einstein Next Best Actionの設定
❼戦略設定で作成したものを選択
参考

27. Next Best Action
フローのように
ドラッグ&ドロップで配置
参考

28. 強調表⽰パネル
ページレイアウトの
アクションコンパクト レイアウト
⚡では先頭７個表⽰
０〜10の
範囲 コピーして
カスタマイズしよう

29. ショートカット活⽤
例)編集ボタンを押さずに編集画⾯を表⽰する
e
❶レコードページ を表⽰して、[e]を押す ❷編集画⾯が表⽰される

30. ショートカット活⽤
例)保存ボタンを押さずに編集画⾯を保存する
sCtrl sCmd
❶編集画⾯を表⽰して、[ctrl]+[s]を押す ❷レコードが保存される

31. ショートカット活⽤
例)グローバル検索にカーソルを合わせずに検索する
/
❶編集画⾯を表⽰して、[/]を押す ❷グローバル検索にカーソルが移動する

32. ショートカット活⽤
例)どんなショートカットが使えるかクイックに確認
/Ctrl /Cmd

33. リストビュー
デフォルト3件
最⼤30件
オブジェクトと
リストビューを指定

34. アプリケーションページ
1つのページに複数の
リストビューを配置する
ことができる

35. レコード詳細
レコードタイプと
プロファイルの
組み合わせで表⽰する
レイアウトが決まる
項⽬の追加、削除、
移動はページレイアウト側
で⾏う

36. ・カンファタブル(デフォルト)
・コンパクト
表⽰密度の調整
ユーザアイコンから
個別設定

37. 活動
活動タイム
ラインビュー
組織orユーザの設定によって
表⽰されないことがある

38. レコードページの設定を確認(組織)

39. レコードページの設定を確認(ユーザ)
デフォルトの活動ビューは
個⼈で切り替えることもできる
もしClassicから移⾏して、
関連リスト形式がよいという⼈は、
個⼈のレコードページの
設定を変更するとよさそう

40. パス
・⾮線形、パス更新ボタンを⾮表⽰
・線形
・⾮線形
⽂章量が少ないほうが情報量は少なく(すっきり)
⾒えるのですが、SF初級者にとっては、
通過したフェーズ名も表⽰してあげたほうが安⼼感がある

41. パスのカスタマイズ
デフォルトで表⽰されている商談のパス
各ステップへの成功のガイダンスと重要な⼊⼒項⽬を指定する
スイッチを押すと、ガイダンスが表⽰される

42. 関連リスト
関連リスト 関連リスト-1つ 関連リストのクイックリンク
関連先のレコードを対象にできる。
例）商談レコードページで、
取引先のケース⼀覧を表⽰するなど

43. 関連レコード
親レコードの詳細を表⽰する
関連レコードの詳細を表⽰する
レコード作成、インライン編集、

44. 関連レコード-⾃レコードの項⽬編集
例)商談レコードページ に、完了予定⽇を変更するコンポーネントを配置
❶商談オブジェクト＞ボタン、リンク、
およびアクション＞新規アクション作成
❷商談レコードページに
関連レコード設定

45. 関連レコード-⾃レコードの項⽬編集
例)商談レコードページ に、完了予定⽇を変更するコンポーネントを配置
同時に⼊⼒したい項⽬に
集中させる
アクションはページレイアウト
に配置することでボタンから
起動することもできる

46. 関連レコード-関連レコードの項⽬編集
例)商談レコードページ に、取引先の情報を表⽰したい
(ただし数式は作らない、関連リストより多くの項⽬を表⽰したい etc)
取引先Objに作成したアクション
を利⽤します

47. 潜在的な重複
・カードを表⽰
・トーストを表⽰
マージ作業をユーザに
促す場合に便利

48. その他
フィルタ条件で
表⽰しているレコードに
関連する⼦レコードを
集計できる
ページレイアウトへのレ
ポートグラフ埋め込み
は２個が上限だった
シンプルな
HTML

49. トピック
トピック トレンドトピック
レコードにタグ付け
↑キャプチャが撮れず

50. タグ付けした
レコード確認
トピック
例)顧客への対応中に現場で認識したことに基づいて
オブジェクトレコードにトピックをつけます
Chatter投稿時に
も利⽤できる 顧客に関する
ビジネスの気づきを
得ます

51. オブジェクトのトピックの有効化
Classicに切り替えて、設定から[オブジェクトのトピック]
利⽤したいオブジェクトを有効化する

52. レイアウト
アコーディオンコンポーネントはレコードページとホームページでサポートされています。
アプリケーションページで使いたい。。
https://trailblazer.salesforce.com/ideaView?id=0873A000000TzmOQAS
アコーディオン タブ
最⼤100個のタブ！

53. ありがとうございました!
いろいろなコンポーネント と
オプションを試してみてください!

54. 当⽇質問があったもの
活動の新規Todoの作成時に、初回の登録画⾯でコメント項⽬を表⽰させるには
❶新規ToDoの
レイアウトを選ぶ
❷コメントを配置
して保存
❸配置した項⽬
が表⽰