ノーコードで超簡単にAIアプリを作れる「Dify」を触ってみた。

## はじめに
本日、**Dify**というツールの存在を知ったので、試しに触ってみました。
どうやらコイツを使うと**ノーコードで簡単にAIアプリを作れる**みたいです。
早速試してみましょう！

## アカウント作成
制限はあるものの、アカウントを作成すれば**無料で使える**みたいです。
<br>
Difyにアクセスします。

https://dify.ai/jp

右上か左下の「始める」をクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3848705/dd14a5ce-f294-ff6d-4dbf-f93442d23e38.png)

GitHubかGoogleアカウントのどちらかを選択してサインアップします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3848705/998b9340-04c7-4d90-e916-fda0598a7ebd.png)

## AIアプリ構築
ログインすると、このようなマイページに遷移します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3848705/02621168-2816-b447-aed2-b940918c12d9.png)

今回は左上の「最初から作成」を選択してみます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3848705/85a316a3-2b98-16b5-c08f-73022fe14979.png)

どのようなアプリを作るのか設定し、右下の「作成する」をクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3848705/1a67edf0-df1c-0ea8-542b-f1264e6b38bd.png)

今回は「1つの文字をインプットすると、その文字から始まる国名と、その首都を答えてくれるチャットボット」を作ってみようと思います。
例えば「ニ」と打ったら「日本（東京）」みたいな出力を期待します。
<br>
以下画像のページに遷移します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3848705/9e04130a-b335-ac29-2de2-62cb093d9c24.png)

　左上の手順欄に以下を入力しました。
**「1つの文字をインプットしたら、その文字から始まる国名と、その首都をランダムに1つ答えてください。該当する国名が無い場合は「該当なし」と出力してください。インプットされた文字列が1字でない場合は「1文字だけ入力して下さい。」と出力してください。」**
<br>
なんと、**たったこれだけでアプリになります。**
ページの右側でデバッグとプレビューができますので、試しに「ケ」を入力してみます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3848705/94b88ea8-9af2-9913-5cb2-8cfa2b41f5f7.png)
<br>
( ﾟДﾟ)　<すごい

<br><br>
作成したアプリは、右上の「公開する」ボタンから**簡単に公開することができます。**
公開後、URLを知っている人のみがアクセスできる仕組みっぽいですね。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3848705/a58e6b4f-0c17-2ef4-9432-2f6d514773fa.png)

アプリの作成とプレビューはPC上で行ったので、スマートフォンからアプリのURLにアクセスしてみました。
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3848705/cb73da9f-593c-1a1a-c718-357039691614.jpeg" width="50%">

Start Chatをタップすると、それっぽい画面になりました。
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3848705/aeeb96bb-477b-fdec-d0a8-43f343e5f435.jpeg" width="50%">

「ん」と打ってみます。
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3848705/fbc65d44-3cc5-f058-03d4-1281adc35d17.jpeg" width="50%">

意図通りの「該当なし」が出力されました。

次に「ち」を入力してみました。チェコが出るかな。
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3848705/71e9dd48-2a35-09bf-91ef-36b3526a7997.jpeg" width="50%">

出力されたのはチリでした。
問題ありません。

次に「ハンバーガー」と入力してみました。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3848705/6ba69d42-17c3-a9fc-76f6-46b3f71906f6.jpeg" width="50%">

出力は「1文字だけ入力して下さい。」
これも意図通りです。

アルファベットのjを打ってみます。Japanが出るかな。
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3848705/bbe4bb0c-ea2e-536e-4b47-0b4508eaf1e2.jpeg" width="50%">

出力されたのはジャマイカでした。
入力する文字の条件に言語指定をしていないので問題ないでしょう。

最後に数字の1を打ち込んでみます。
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3848705/799d10c1-a8d6-63fb-962b-a1e13c5c4336.jpeg" width="50%">

~~会話がかみ合っていない気もしますが、一応~~ 意図した出力になっています。

## さいごに
今回はDifyを使って簡単なAIアプリを作ってみました。
初心者の私でも**数分でアプリを作成できたため、感動しました。**

使いこなせると、**様々なLLMを組み合わせた一連の処理をGUIで作ることもできる**ようです。
以下はデフォルトで用意されているサンプルです。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3848705/cb7640fd-effc-2bfc-2ff8-f866bd9f66c3.png)


フローチャートのようなGUIなので分かりやすいです。
Difyを使いこなせれば様々な効率化を図ることができそうです。