> For the complete documentation index, see [llms.txt](https://docs-embed.anyflow.jp/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs-embed.anyflow.jp/trial-tour/start/step1.md).

# STEP1｜アカウント作成 〜 ソリューション作成

## **1.アカウント作成**

Anyflowの担当者より、アカウント作成のための招待メールが届きます。

URLをクリックします。

<figure><img src="https://files.readme.io/f45e5ee-auth0-url.png" alt=""><figcaption></figcaption></figure>

***

### **1-1.組織の入力**

ご自身の組織を入力します。\
招待メールの\[組織名]を入力します。

<figure><img src="https://files.readme.io/98ca6ad-organization.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://files.readme.io/eac2ea5-auth0-organization.png" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}

### ヒント

組織名はログインの度に入力します。忘れないようにしましょう。
{% endhint %}

***

### **1-2.ログイン**

Anyflow Embed へのログインには、以下の認証方式を設定できます。

* Googleアカウントでのログイン
* Microsoftアカウントでのログイン
* Salesforceアカウントでのログイン
* ID / パスワードでのログイン

ご利用の組織にて、どのログイン方法を有効にするかはAnyflow担当者にお知らせください。

ログイン画面にて必要な情報を入力し、ソリューション一覧画面が表示されたらログイン完了です。

<figure><img src="https://files.readme.io/c394904-sso.png" alt=""><figcaption></figcaption></figure>

***

## **2.ソリューションを作成しよう（Lv1）**

今回作成するソリューションは、**ボタンを押したら、 Slackでメッセージを投稿する**というシンプルなソリューションです。

右上の \[新規作成] から \[ソリューション名] を設定し、ソリューションを作成します。

<figure><img src="https://files.readme.io/2b729e9-new-solution.png" alt=""><figcaption></figcaption></figure>

***

### **2-1.トリガー設定**

まずは、トリガーを設定します。\
画面左の \[トリガーを設定] をクリック

<figure><img src="https://files.readme.io/76979d0-triggers.png" alt=""><figcaption></figcaption></figure>

***

今回は「ボタンを押したら」というトリガーなので、\[[Click](/solution-editor/triggers/outgoing/click-triggers.md)] を選択します。

<figure><img src="https://files.readme.io/9045bb4-click-triggers.png" alt=""><figcaption></figcaption></figure>

***

以上で、トリガーの設定は完了です。

<figure><img src="https://files.readme.io/15d1dfe-click-setting.png" alt=""><figcaption></figcaption></figure>

***

### **2-2.アクションの設定**

画面左の \[+] をクリック

<figure><img src="https://files.readme.io/0e6504e-.png" alt=""><figcaption></figcaption></figure>

***

\[アクション] をクリック

<figure><img src="https://files.readme.io/a4cb59c-actions.png" alt=""><figcaption></figcaption></figure>

***

今回は「Slackでメッセージを投稿する」というアクションなので、SlackBot をクリックします。

<figure><img src="https://files.readme.io/ace1971-slackbot.png" alt=""><figcaption></figcaption></figure>

***

\[メッセージを投稿] をクリック

<figure><img src="https://files.readme.io/2348ed7-post-message.png" alt=""><figcaption></figcaption></figure>

***

### **2-3.メッセージを投稿するSlackチャンネルの設定**

メッセージを投稿したいSlackのチャンネル名を、テキストで入力します。

<figure><img src="https://files.readme.io/cb9dfd7-channel.png" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}

### ヒント

投稿先のチャンネル「general」はあくまでも一例です。\
ご利用中のSlackワークスペースの状況に応じて適宜変更してください。
{% endhint %}

***

2-4.メッセージの内容を設定

\[追加] をクリック

<figure><img src="https://files.readme.io/bd0d144-add-list.png" alt=""><figcaption></figcaption></figure>

***

メッセージの入力フィールドが生成されるので、 \[メッセージ内容] に投稿したいメッセージをテキストで入力します。

<figure><img src="https://files.readme.io/5fc9e1e-message-input.png" alt=""><figcaption></figcaption></figure>

以上で、ソリューションエディターの設定は完了です。

***

## **3.ウィザードの設定**

画面左上 \[ウィザード] をクリック

<figure><img src="https://files.readme.io/4d18dc6-wizard.png" alt=""><figcaption></figcaption></figure>

***

### **3-1.アカウント認証**

今回、Slackコネクタを使用しているので、Slackアカウントを認証するための設定を行います。

画面左下をクリック

<figure><img src="https://files.readme.io/f297dc8-end-user-expansion.png" alt=""><figcaption></figcaption></figure>

***

認証するコネクタの右側の \[…] をクリックし、どのスクリーンに配置するか指定します。

<figure><img src="https://files.readme.io/183a646-screen-put.png" alt=""><figcaption></figcaption></figure>

***

### **3-2.表示するテキストを設定する**

画面左上 \[スクリーン1] をクリック

<figure><img src="https://files.readme.io/40f9418-screen1.png" alt=""><figcaption></figcaption></figure>

***

\[スクリーンタイトル] と\[スクリーンの説明] を自由に設定します。\
テキストを入力すると、ウィザードに反映されます。

<figure><img src="https://files.readme.io/46b3724-screen-title-description.png" alt=""><figcaption></figcaption></figure>

以上で、全ての設定が完了です🎉

***

## **4.テスト**

実際にソリューションが動作するかテストします。\
画面右上の \[テスト] をクリック

<figure><img src="https://files.readme.io/9ac2777-test.png" alt=""><figcaption></figcaption></figure>

***

### **4-1.アカウント認証**

Slackアカウントを認証するため、 \[新しい認証を追加] をクリックします。

<figure><img src="https://files.readme.io/02d4311-new-account.png" alt=""><figcaption></figcaption></figure>

***

Slackの認証画面が表示されるので、 \[許可する] をクリックします。

<figure><img src="https://files.readme.io/64531fc-slack-permission.png" alt=""><figcaption></figcaption></figure>

***

アカウント認証が完了したら、右下の \[完了] をクリックします。

<figure><img src="https://files.readme.io/ab66f95-done.png" alt=""><figcaption></figcaption></figure>

***

### **4-2.テスト実行**

\[完了] をクリックすると、テスト実行が開始されます。

<figure><img src="https://files.readme.io/a7e04cd-test-execution.png" alt=""><figcaption></figcaption></figure>

***

無事にテストが成功しました🎉

<figure><img src="https://files.readme.io/b269a51-test-success.png" alt=""><figcaption></figcaption></figure>

***

設定で指定したSlackのチャンネルに正しくメッセージが投稿されているか確認します。

<figure><img src="https://files.readme.io/62f684b-CleanShot_2024-01-13_at_11.47.362x.png" alt=""><figcaption></figcaption></figure>

***

## **まとめ**

今回のセクションでは、

1. アカウント作成（ログイン）
2. ソリューション作成
3. ウィザードの設定
4. テスト

といった、基本的な操作を学ぶことができました。

この一連の操作は、次のステップ以降も必ず使用する形になるので、わからないことがあった場合は、こちらのセクションを確認してみてください。

***

次は、STEP1のソリューションを活用し、Slackにメッセージを投稿する際のチャンネルを、エンドユーザーに指定してもらう方法をご紹介します。

[STEP2｜エンドユーザー変数](/trial-tour/start/step2.md) にお進みください。


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs-embed.anyflow.jp/trial-tour/start/step1.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.