Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
northernforce#31 フローワークショップ
Search
Yoshi
August 27, 2023
Technology
0
120
northernforce#31 フローワークショップ
Yoshi
August 27, 2023
Tweet
Share
More Decks by Yoshi
See All by Yoshi
northernforce#46 Winter’25機能紹介
yoshi17
0
27
northernforce#45 フローのテストを実装してみよう
yoshi17
0
32
northernforce #43 紹介スライド
yoshi17
0
10
Salesforce Summer'24注目トピック紹介
yoshi17
0
95
Spring'24注目トピック紹介(フロー)
yoshi17
0
170
プロファイル廃止に備えよう
yoshi17
0
510
northernforce#33_フローを使ったHttpコールアウトの実装
yoshi17
0
270
Winter'24&Dreamforce2023 注目トピック紹介
yoshi17
0
160
northernforce # 30 ダッシュボード ワークショップ
yoshi17
0
120
Other Decks in Technology
See All in Technology
The future we create with our own MVV
matsukurou
0
1.4k
3年でバックエンドエンジニアが5倍に増えても破綻しなかったアーキテクチャ そして、これから / Software architecture that scales even with a 5x increase in backend engineers in 3 years
euglena1215
11
4.3k
NOT VALIDな検査制約 / check constraint that is not valid
yahonda
1
110
能動的ドメイン名ライフサイクル管理のすゝめ / Practice on Active Domain Name Lifecycle Management
nttcom
0
310
OPENLOGI Company Profile
hr01
0
57k
知っててうれしい HTTP Cookie を使ったセッション管理について
greendrop
1
110
TypeScript開発にモジュラーモノリスを持ち込む
sansantech
PRO
3
870
React Routerで実現する型安全なSPAルーティング
sansantech
PRO
4
880
実践! ソフトウェアエンジニアリングの価値の計測 ── Effort、Output、Outcome、Impact
nomuson
0
1.3k
開発生産性向上! 育成を「改善」と捉えるエンジニア育成戦略
shoota
2
830
ソフトウェア開発における「パーフェクトな意思決定」/Perfect Decision-Making in Software Development
yayoi_dd
2
2.7k
.NET 最新アップデート ~ AI とクラウド時代のアプリモダナイゼーション
chack411
0
140
Featured
See All Featured
The Invisible Side of Design
smashingmag
299
50k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.8k
VelocityConf: Rendering Performance Case Studies
addyosmani
327
24k
How STYLIGHT went responsive
nonsquared
96
5.3k
jQuery: Nuts, Bolts and Bling
dougneiner
62
7.6k
Reflections from 52 weeks, 52 projects
jeffersonlam
348
20k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
230
52k
Embracing the Ebb and Flow
colly
84
4.5k
Documentation Writing (for coders)
carmenintech
67
4.5k
Music & Morning Musume
bryan
46
6.3k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Agile that works and the tools we love
rasmusluckow
328
21k
Transcript
northernforce # 31 フロー ワークショップ 株式会社Kitalive 吉松 保博 2023.08.22
目次 1. 本日の目標(画面フローを使ってレコード登録・メール送信ができるようになる) 2. ワークショップ 1. 本日のテーマ(ユースケース・仕様) 2. デモ 3.
実装タイム 4. ヒント 3. 解説
1.本日の目標
できるようになること • 画面フローを作成できる • 画面フローでレコード登録操作を行えるようになる • フローでメール送信を行えるようになる
2.ワークショップ
本日のテーマ(ユースケース) • あなたはUniversal Containerの顧客サポート担当者です • Universal Containerでは顧客からのお問い合わせ対応履歴をSalesforceに残し ています(ケース) • 顧客満足度を高めるための施策として、ケースが完了した顧客に対して電話で調
査を行うことにしました • 電話で顧客からケース対応内容の満足度(1~10)とフィードバックを伺って、 Salesforce上にレコードを保存します レコードを保存後、顧客へお礼のメールを送付します 上記、青字の内容を画面フローで実装してください
本日のテーマ(仕様) • 新しいカスタムオブジェクト「調査」を作成してください • 調査オブジェクトには以下の項目を作成してください ◦ ケース(参照関係) ◦ 取引先(参照関係) ◦
スコア(数値)※1~10の値が入る ◦ フィードバック(ロングテキストエリア)※文字数、列数は自由 • 画面フロー「顧客満足度調査」を作成してください • 「顧客満足度調査」フローはケースのレコードページに配置してください • 「顧客満足度調査」の保存時にケースの取引先責任者へお礼のメールを送付してく ださい
デモ
実装タイム
ヒント • 画面のレコードIdはrecordId変数で取得する • 画面フローの入力結果は画面コンポーネントで受け取れる • 満足度の入力はスライダコンポーネントを使用する • メール送信はアクション >
メールで実装できる • フローを作るコツ:実行することを書き出した後に実行順番を考えると作りやすくな る ◦ 実行内容を書き出す →実行順序を考える→フローの要素を追加する →要素で使用するリソースを 作成する→細かいまとまりができたらデバッグ →要素を追加→・・・繰り返し
解説
フローの全体像
変数一覧
ケースレコードを取得
画面コンポーネントー
満足度の要素情報
フィードバックの要素情報
調査レコードを作成
メールアドレス割り当て
サンクスメール(メールを送信)
フローを配置
フローを実行
フローの実行結果
フローの実行結果