--- title: "JSステップでのreturnと引数の利用方法 | Autify Guide" slug: "example-of-using-return-and-argument-at-js-step" description: "JSステップでreturnと引数を利用する方法と具体的な使用例について学びましょう。" updated: 2023-09-26T10:24:19Z published: 2023-09-26T10:24:19Z canonical: "help.autify.com/example-of-using-return-and-argument-at-js-step" --- > ## Documentation Index > Fetch the complete documentation index at: https://help.autify.com/llms.txt > Use this file to discover all available pages before exploring further. # JSステップでの「return」と「引数」の利用例 JSステップでは **「return」** と **「引数」** を利用することができ、これらを利用することで標準機能ではできない動作も実現できる可能性がございます。 本記事では、「return」と「引数」の具体的な利用例を見ていきましょう。 ### JSステップや動的な値の利用方法 この記事では「JSステップ」と「動的な値」機能を利用しておりますが、基本的な使い方については触れておりません。基本的な使い方に関しては、下記のページでご案内しておりますのでご確認ください。 - [JSステップ](https://help.autify.com/docs/ja/javascript-steps) - [動的な値の生成](https://help.autify.com/docs/ja/dynamic-value-generation) ## 利用例 利用例として以下の動作を目標に、どのように実現するか見ていきましょう。 - **動的な値で生成したランダムな文字列の先頭に、固定文字「TEST」を追加し、「TEST + ランダム文字列」の値を入力ステップで入力する** #### 1. 動的な値でランダムな文字列を生成する まずはランダムな文字列を生成するため、シナリオに「動的な値」ステップを追加し、 **「ランダム文字列」** を指定します。 今回はデフォルトで設定されているlengthとcharactersで設定します。 ![スクリーンショット 2023-09-20 22.59.23.png](https://cdn.document360.io/a099d8a2-cfd2-42ca-9906-68b4a337f4a5/Images/Documentation/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-09-20%2022.59.23.png?sv=2026-02-06&spr=https&st=2026-11-02T22%3A02%3A07Z&se=2026-11-02T23%3A02%3A07Z&sr=c&sp=r&sig=QveT2PZ0nHsZNAP329EVEMzy0FF1bj1%2B00W6Iuxo5ow%3D) #### 2. JSステップを作成して「引数」を追加する 次にJSステップを追加し、JSステップの[引数を追加]より **「引数」** を追加します。 ![スクリーンショット 2023-09-20 23.01.42.png](https://cdn.document360.io/a099d8a2-cfd2-42ca-9906-68b4a337f4a5/Images/Documentation/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-09-20%2023.01.42.png?sv=2026-02-06&spr=https&st=2026-11-02T22%3A02%3A07Z&se=2026-11-02T23%3A02%3A07Z&sr=c&sp=r&sig=QveT2PZ0nHsZNAP329EVEMzy0FF1bj1%2B00W6Iuxo5ow%3D) 今回は「random」という名前をつけて引数を追加します。 ![スクリーンショット 2023-09-20 23.02.16.png](https://cdn.document360.io/a099d8a2-cfd2-42ca-9906-68b4a337f4a5/Images/Documentation/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-09-20%2023.02.16.png?sv=2026-02-06&spr=https&st=2026-11-02T22%3A02%3A07Z&se=2026-11-02T23%3A02%3A07Z&sr=c&sp=r&sig=QveT2PZ0nHsZNAP329EVEMzy0FF1bj1%2B00W6Iuxo5ow%3D) 引数の値で「他ステップから取得」を選択し、1の手順で作成した **「ランダム文字列」** を利用したいため、ステップ2を指定します。 ![スクリーンショット 2023-09-20 23.02.44.png](https://cdn.document360.io/a099d8a2-cfd2-42ca-9906-68b4a337f4a5/Images/Documentation/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-09-20%2023.02.44.png?sv=2026-02-06&spr=https&st=2026-11-02T22%3A02%3A07Z&se=2026-11-02T23%3A02%3A07Z&sr=c&sp=r&sig=QveT2PZ0nHsZNAP329EVEMzy0FF1bj1%2B00W6Iuxo5ow%3D) #### 3. JSステップで「TEST」をランダム文字の先頭に追加し、値を「return」する 2の手順で追加した引数「random」には、指定しているステップ2のランダムな文字列が代入されるため、下記のように記述し、固定文字「TEST」をランダム文字列の先頭に追加します。また、この値を後続ステップで利用したいため、 **「return」** をします。 ``` return "TEST" + random; ``` ![スクリーンショット 2023-09-20 23.21.13.png](https://cdn.document360.io/a099d8a2-cfd2-42ca-9906-68b4a337f4a5/Images/Documentation/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-09-20%2023.21.13.png?sv=2026-02-06&spr=https&st=2026-11-02T22%3A02%3A07Z&se=2026-11-02T23%3A02%3A07Z&sr=c&sp=r&sig=QveT2PZ0nHsZNAP329EVEMzy0FF1bj1%2B00W6Iuxo5ow%3D) #### 4. 「return」した値を、後続のステップで利用する 今回はステップ4の入力ステップで「他のステップから取得」を選択し、作成したステップ3のJSステップを指定します。 ![スクリーンショット 2023-09-20 23.35.05.png](https://cdn.document360.io/a099d8a2-cfd2-42ca-9906-68b4a337f4a5/Images/Documentation/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-09-20%2023.35.05.png?sv=2026-02-06&spr=https&st=2026-11-02T22%3A02%3A07Z&se=2026-11-02T23%3A02%3A07Z&sr=c&sp=r&sig=QveT2PZ0nHsZNAP329EVEMzy0FF1bj1%2B00W6Iuxo5ow%3D) ここまでの設定で実際にテスト実行してみると、ステップ3では **「TEST + ランダム文字列」の文字列が「return」されており** 、ステップ4のスクリーンショットを確認すると、目標の動作が問題なく実現できたことが確認できました。 ![スクリーンショット 2023-09-20 23.39.55.png](https://cdn.document360.io/a099d8a2-cfd2-42ca-9906-68b4a337f4a5/Images/Documentation/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-09-20%2023.39.55.png?sv=2026-02-06&spr=https&st=2026-11-02T22%3A02%3A07Z&se=2026-11-02T23%3A02%3A07Z&sr=c&sp=r&sig=QveT2PZ0nHsZNAP329EVEMzy0FF1bj1%2B00W6Iuxo5ow%3D) ![スクリーンショット 2023-09-20 23.40.10.png](https://cdn.document360.io/a099d8a2-cfd2-42ca-9906-68b4a337f4a5/Images/Documentation/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-09-20%2023.40.10.png?sv=2026-02-06&spr=https&st=2026-11-02T22%3A02%3A07Z&se=2026-11-02T23%3A02%3A07Z&sr=c&sp=r&sig=QveT2PZ0nHsZNAP329EVEMzy0FF1bj1%2B00W6Iuxo5ow%3D) このように「return」と「引数」を利用することで様々なことが実現できますので、ぜひお試しください！ JSステップのご利用に関して、ご質問がある場合には、お気軽にサポートまでお問い合わせください。