<p data-line="0" class="code-line">Salesforceにおいてフローを用いた実装は多く発生すると思います。<br>
そんな中、様々なフローから呼び出して使用できるフローとしてサブフローを1つ作っておくと、同じ処理を使い回すことができるのでおすすめです。<br>
今回は、「AAA,BBB,CCC」等のテキストを、区切り文字「カンマ(,)」等ごとに分割したテキストコレクションに変換するサブフローを紹介します。<br>
※この記事の情報はSalesforce Spring’25段階の内容です。</p>
<h2 id="%E3%83%95%E3%83%AD%E3%83%BC%E6%A6%82%E8%A6%81" data-line="5" class="code-line">
<a class="header-anchor-link" href="#%E3%83%95%E3%83%AD%E3%83%BC%E6%A6%82%E8%A6%81" aria-hidden="true"></a> フロー概要</h2>
<p data-line="6" class="code-line">・区切り文字を含むテキスト（例：AAA,BBB,CCC）<br>
・区切り文字(例：,)<br>
の２つを引数としてサブフローを起動し、<br>
・区切り文字で分割されたテキストコレクション<br>
を返す仕様のフローを作成します。</p>
<h2 id="%E3%83%95%E3%83%AD%E3%83%BC%E5%AE%8C%E6%88%90%E3%82%A4%E3%83%A1%E3%83%BC%E3%82%B8" data-line="12" class="code-line">
<a class="header-anchor-link" href="#%E3%83%95%E3%83%AD%E3%83%BC%E5%AE%8C%E6%88%90%E3%82%A4%E3%83%A1%E3%83%BC%E3%82%B8" aria-hidden="true"></a> フロー完成イメージ</h2>
<p data-line="13" class="code-line">作成後のフローは以下のようになります。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/f80dee71a72d-20250227.png" width="250" loading="lazy" class="md-img"></p>
<h2 id="%E6%A7%8B%E7%AF%89%E5%86%85%E5%AE%B9" data-line="16" class="code-line">
<a class="header-anchor-link" href="#%E6%A7%8B%E7%AF%89%E5%86%85%E5%AE%B9" aria-hidden="true"></a> 構築内容</h2>
<h3 id="1.%E3%83%95%E3%83%AD%E3%83%BC%E7%A8%AE%E5%88%A5%E3%81%AE%E9%81%B8%E6%8A%9E" data-line="17" class="code-line">
<a class="header-anchor-link" href="#1.%E3%83%95%E3%83%AD%E3%83%BC%E7%A8%AE%E5%88%A5%E3%81%AE%E9%81%B8%E6%8A%9E" aria-hidden="true"></a> 1.フロー種別の選択</h3>
<p data-line="18" class="code-line">新規フローを作成します。<br>
フロー種別は「自動起動フロー(トリガーなし)」を選択してください。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/a84ba2f1d0e3-20250227.png" width="500" loading="lazy" class="md-img"></p>
<h3 id="2.%E3%83%AA%E3%82%BD%E3%83%BC%E3%82%B9%E3%81%AE%E4%BD%9C%E6%88%90" data-line="22" class="code-line">
<a class="header-anchor-link" href="#2.%E3%83%AA%E3%82%BD%E3%83%BC%E3%82%B9%E3%81%AE%E4%BD%9C%E6%88%90" aria-hidden="true"></a> 2.リソースの作成</h3>
<p data-line="23" class="code-line">フロービルダーが立ち上がったらまず以下リソースを作成してください。</p>
<h4 id="%E2%91%A0%E5%A4%89%E6%95%B0" data-line="24" class="code-line">
<a class="header-anchor-link" href="#%E2%91%A0%E5%A4%89%E6%95%B0" aria-hidden="true"></a> ①変数</h4>
<table data-line="25" class="code-line">
<thead data-line="25" class="code-line">
<tr data-line="25" class="code-line">
<th>No</th>
<th>リソース種別</th>
<th>API 参照名</th>
<th>説明</th>
<th>データ型</th>
<th>複数の値を許可 (コレクション)</th>
<th>フロー外部での可用性</th>
</tr>
</thead>
<tbody data-line="27" class="code-line">
<tr data-line="27" class="code-line">
<td>1</td>
<td>変数</td>
<td>delimiter</td>
<td>区切り文字</td>
<td>テキスト</td>
<td>FALSE</td>
<td>入力で使用可能</td>
</tr>
</tbody>
</table>
<p data-line="29" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/d64ccfddd879-20250227.png" width="500" loading="lazy" class="md-img"></p>
<table data-line="31" class="code-line">
<thead data-line="31" class="code-line">
<tr data-line="31" class="code-line">
<th>No</th>
<th>リソース種別</th>
<th>API 参照名</th>
<th>説明</th>
<th>データ型</th>
<th>複数の値を許可 (コレクション)</th>
<th>フロー外部での可用性</th>
</tr>
</thead>
<tbody data-line="33" class="code-line">
<tr data-line="33" class="code-line">
<td>2</td>
<td>変数</td>
<td>targetText</td>
<td>区切り文字を含むテキスト</td>
<td>テキスト</td>
<td>FALSE</td>
<td>入力で使用可能</td>
</tr>
</tbody>
</table>
<p data-line="35" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/679bf3bdf111-20250227.png" width="500" loading="lazy" class="md-img"></p>
<table data-line="37" class="code-line">
<thead data-line="37" class="code-line">
<tr data-line="37" class="code-line">
<th>No</th>
<th>リソース種別</th>
<th>API 参照名</th>
<th>説明</th>
<th>データ型</th>
<th>複数の値を許可 (コレクション)</th>
<th>フロー外部での可用性</th>
</tr>
</thead>
<tbody data-line="39" class="code-line">
<tr data-line="39" class="code-line">
<td>3</td>
<td>変数</td>
<td>returnTextCollection</td>
<td>区切り文字で分割されたテキストコレクション</td>
<td>テキスト</td>
<td>TRUE</td>
<td>出力で使用可能</td>
</tr>
</tbody>
</table>
<p data-line="41" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/59210d7b8880-20250227.png" width="500" loading="lazy" class="md-img"></p>
<h4 id="%E2%91%A1%E6%95%B0%E5%BC%8F" data-line="43" class="code-line">
<a class="header-anchor-link" href="#%E2%91%A1%E6%95%B0%E5%BC%8F" aria-hidden="true"></a> ②数式</h4>
<p data-line="44" class="code-line">次に以下数式リソースを作成してください。</p>
<table data-line="45" class="code-line">
<thead data-line="45" class="code-line">
<tr data-line="45" class="code-line">
<th>No</th>
<th>リソース種別</th>
<th>API 参照名</th>
<th>説明</th>
<th>データ型</th>
</tr>
</thead>
<tbody data-line="47" class="code-line">
<tr data-line="47" class="code-line">
<td>1</td>
<td>数式</td>
<td>LENtargetText</td>
<td>区切り文字を含むテキストの文字数</td>
<td>数値(小数点0)</td>
</tr>
</tbody>
</table>
<div class="code-block-container"><pre><code class="code-line" data-line="48">LEN({!targetText})
</code></pre></div><p data-line="51" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/b05a75a2e8f9-20250227.png" width="500" loading="lazy" class="md-img"></p>
<table data-line="53" class="code-line">
<thead data-line="53" class="code-line">
<tr data-line="53" class="code-line">
<th>No</th>
<th>リソース種別</th>
<th>API 参照名</th>
<th>説明</th>
<th>データ型</th>
</tr>
</thead>
<tbody data-line="55" class="code-line">
<tr data-line="55" class="code-line">
<td>2</td>
<td>数式</td>
<td>AddText</td>
<td>区切り文字を含むテキストから最初の区切り文字までの文字を抽出</td>
<td>テキスト</td>
</tr>
</tbody>
</table>
<div class="code-block-container"><pre><code class="code-line" data-line="56">IF(
    CONTAINS({!targetText}, {!delimiter}),
    LEFT(
        {!targetText},
        FIND({!delimiter}, {!targetText}) - 1
    ),
    {!targetText}
)
</code></pre></div><p data-line="66" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/176be3713141-20250227.png" width="500" loading="lazy" class="md-img"></p>
<table data-line="68" class="code-line">
<thead data-line="68" class="code-line">
<tr data-line="68" class="code-line">
<th>No</th>
<th>リソース種別</th>
<th>API 参照名</th>
<th>説明</th>
<th>データ型</th>
</tr>
</thead>
<tbody data-line="70" class="code-line">
<tr data-line="70" class="code-line">
<td>3</td>
<td>数式</td>
<td>NextText</td>
<td>区切り文字を含むテキストから最初の区切り文字までの文字を除いたテキスト</td>
<td>テキスト</td>
</tr>
</tbody>
</table>
<div class="code-block-container"><pre><code class="code-line" data-line="71">IF(
    CONTAINS({!targetText}, {!delimiter}),
    MID(
        {!targetText},
        FIND({!delimiter}, {!targetText}) + LEN({!delimiter}),
        LEN({!targetText}) - FIND({!delimiter}, {!targetText}) - LEN({!delimiter}) + 1
    ),
    ""
)
</code></pre></div><p data-line="82" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/7c175d5adc4d-20250227.png" width="500" loading="lazy" class="md-img"></p>
<h3 id="3.%E7%A2%BA%E8%AA%8D" data-line="84" class="code-line">
<a class="header-anchor-link" href="#3.%E7%A2%BA%E8%AA%8D" aria-hidden="true"></a> 3.確認</h3>
<p data-line="85" class="code-line">リソース作成後、リソース一覧は以下のようになっていればOKです。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/073c29ec361f-20250227.png" width="250" loading="lazy" class="md-img"></p>
<h3 id="4.%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E6%A7%8B%E7%AF%89" data-line="88" class="code-line">
<a class="header-anchor-link" href="#4.%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E6%A7%8B%E7%AF%89" aria-hidden="true"></a> 4.コンポーネント構築</h3>
<h4 id="%E2%91%A0%E6%B1%BA%E5%AE%9A" data-line="89" class="code-line">
<a class="header-anchor-link" href="#%E2%91%A0%E6%B1%BA%E5%AE%9A" aria-hidden="true"></a> ①決定</h4>
<p data-line="90" class="code-line">決定要素を配置し、以下のように入力してください。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/7027f9d966af-20250227.png" width="500" loading="lazy" class="md-img"></p>
<h4 id="%E2%91%A1%E5%89%B2%E3%82%8A%E5%BD%93%E3%81%A6" data-line="93" class="code-line">
<a class="header-anchor-link" href="#%E2%91%A1%E5%89%B2%E3%82%8A%E5%BD%93%E3%81%A6" aria-hidden="true"></a> ②割り当て</h4>
<p data-line="94" class="code-line">決定要素の「継続」側に割り当て要素を配置し、以下のように入力してください。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/3e8667e9114d-20250227.png" width="500" loading="lazy" class="md-img"></p>
<h4 id="%E2%91%A2%E5%89%B2%E3%82%8A%E5%BD%93%E3%81%A6" data-line="97" class="code-line">
<a class="header-anchor-link" href="#%E2%91%A2%E5%89%B2%E3%82%8A%E5%BD%93%E3%81%A6" aria-hidden="true"></a> ③割り当て</h4>
<p data-line="98" class="code-line">上記割り当て要素の下にもう一つ割り当て要素を配置し、以下のように入力してください。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/c8d56ca97367-20250227.png" width="500" loading="lazy" class="md-img"></p>
<h4 id="%E2%91%A3%E8%A6%81%E7%B4%A0%E3%81%AB%E6%8E%A5%E7%B6%9A" data-line="101" class="code-line">
<a class="header-anchor-link" href="#%E2%91%A3%E8%A6%81%E7%B4%A0%E3%81%AB%E6%8E%A5%E7%B6%9A" aria-hidden="true"></a> ④要素に接続</h4>
<p data-line="102" class="code-line">最後の割り当て要素下の「＋」から「要素に接続」を選択し、①の決定要素に接続してください。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/19ff2bb3864c-20250227.png" width="250" loading="lazy" class="md-img"></p>
<p data-line="105" class="code-line">以下のようになればOKです。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/c3f7db94d90b-20250227.png" width="250" loading="lazy" class="md-img"></p>
<p data-line="108" class="code-line">これで構築完了です！</p>
<h4 id="%E2%91%A4%E3%83%95%E3%83%AD%E3%83%BC%E3%82%92%E4%BF%9D%E5%AD%98" data-line="110" class="code-line">
<a class="header-anchor-link" href="#%E2%91%A4%E3%83%95%E3%83%AD%E3%83%BC%E3%82%92%E4%BF%9D%E5%AD%98" aria-hidden="true"></a> ⑤フローを保存</h4>
<p data-line="111" class="code-line">それではフローを保存しましょう。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/7a023d9bc184-20250227.png" width="500" loading="lazy" class="md-img"></p>
<h4 id="%E2%91%A5%E3%83%87%E3%83%90%E3%83%83%E3%82%B0" data-line="114" class="code-line">
<a class="header-anchor-link" href="#%E2%91%A5%E3%83%87%E3%83%90%E3%83%83%E3%82%B0" aria-hidden="true"></a> ⑥デバッグ</h4>
<p data-line="115" class="code-line">保存後、デバッグを使用して意図した動きをするか確認します。<br>
試しに、以下のように引数を渡し実行してみます。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/bff8a821f2a5-20250227.png" width="250" loading="lazy" class="md-img"></p>
<p data-line="119" class="code-line">最後のテキストコレクションへの割り当てに[1,2,3,4,5]と入っており、分割されて格納されていることを確認できます。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/fab8e6d0f67a-20250227.png" width="250" loading="lazy" class="md-img"></p>
<h4 id="%E2%91%A6%E6%9C%89%E5%8A%B9%E5%8C%96" data-line="122" class="code-line">
<a class="header-anchor-link" href="#%E2%91%A6%E6%9C%89%E5%8A%B9%E5%8C%96" aria-hidden="true"></a> ⑦有効化</h4>
<p data-line="123" class="code-line">最後に有効化して完了です。</p>
<h3 id="5.%E4%BB%96%E3%83%95%E3%83%AD%E3%83%BC%E3%81%8B%E3%82%89%E3%81%AE%E5%91%BC%E3%81%B3%E5%87%BA%E3%81%97" data-line="125" class="code-line">
<a class="header-anchor-link" href="#5.%E4%BB%96%E3%83%95%E3%83%AD%E3%83%BC%E3%81%8B%E3%82%89%E3%81%AE%E5%91%BC%E3%81%B3%E5%87%BA%E3%81%97" aria-hidden="true"></a> 5.他フローからの呼び出し</h3>
<p data-line="126" class="code-line">他のフローからは、サブフロー要素を配置し先ほど作成したサブフローを選択すると呼び出しが可能です。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/53746b595cfa-20250227.png" width="500" loading="lazy" class="md-img"></p>
<p data-line="129" class="code-line">入力値を設定のところに、引数としての区切り文字とテキストコレクションに変換したい値を渡します。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/4fa6a91cc179-20250227.png" width="500" loading="lazy" class="md-img"></p>
<p data-line="132" class="code-line">サブフローを配置すると、変数として返ってきたテキストコレクションをループ要素などで使用できます。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/70ac2ec2ae59-20250228.png" width="500" loading="lazy" class="md-img"></p>
<h2 id="%E3%81%BE%E3%81%A8%E3%82%81" data-line="135" class="code-line">
<a class="header-anchor-link" href="#%E3%81%BE%E3%81%A8%E3%82%81" aria-hidden="true"></a> まとめ</h2>
<p data-line="136" class="code-line">このサブフローを作成することで、区切り文字で区切られたテキストを簡単にテキストコレクションに変換できます。<br>
これにより、他のフローでも同様の処理を再利用でき、開発効率が向上します。<br>
フローのメンテナンスが容易になり、Salesforce内での一貫したデータ処理が可能になります。</p>


Salesforce テキストを分割してコレクション化する汎用サブフロー

Discussion