Chrome を「2つ」開いて使い分けます

これまでと同じく、 Chrome の 「通常モード」 と 「シークレットモード」 を 同時に開いて、 用途で使い分けます。

設定の流れ

設定の流れ

設定の流れ

設定の流れ

Difyとは？

これまではプログラミングを活用して「仕組みを考える」ことを行なってきましたが、 実は、みなさん自身で「AIの動作の仕組み作り」を行うこともできます！

みなさんにも 「AIがどう動くか」の仕組みづくりを体感していただきたいと思います！

ワーク（チャット）フローとは？

「AI（ + それ以外の仕組み）にお願いしたいタスク（指示）」を定型テンプレートとして作っておき、入力内容に応じた出力結果を得ることができるものです！

ワーク（チャットフロー）の基本的な考え方

ワーク（チャットフロー）の基本的な考え方

ブロックとは？

ブロックとは、ワーク（チャットフロー）の1個1個の処理を担当する部分です。

• ブロック・・・Dify標準で備わっている処理ブロック
• ツール・・・外部サービスとの連携を図る処理ブロック

ブロックの追加場所は、左画像を参照してください！

これまでやってきたこととの繋がり

前の工程の結果を、次の工程が受け取る——それを線でつなぐのがDifyです！

オウム返しBot をつくる

入力した情報をそのまま返すだけの、簡単なおうむ返しBotを作ります。

LLMブロックとは？

LLMブロックは、AIへの指示を設定することができるブロックです。

あなたはオウムです。
ユーザーが言った言葉を、そのまま繰り返してください。

上のプロンプトを埋め込んでみましょう！

プロンプトに変数を活用する

【ユーザーの言葉】
「query」

これまでJavaScriptで学んできた「変数」、実はDifyやAIのくだりでも大活躍してくれます！

左のGif動画を参考に、スラッシュ（/）を打ち込んで「query」を選択しましょう！すると、ユーザーの入力内容をプロンプトに埋め込むことができます！

queryとは？→ あなたが打った言葉につけられた「ニックネーム」（第9回の変数と同じ）

変数を使うメリット

変数を使うと、そのブロックの中で、前のブロックで入力された情報を処理したり、中身を見たりすることができるようになります！

逆にいえば、変数を使わないと、前の工程の処理内容やデータを使うことができないわけですね！

チャットを動かしてみよう

プレビューボタンを押すとチャット欄が表示され、ここで動作テストをすることができます！

自分が入力した内容と全く同じ文字が返答内容で出てくるか、確認してみましょう！

2〜3語試してみて、問題なさそうであればOkです！

同じプロンプトなのに、 出力が変わる？

プロンプトは 1文字も変えずに、 入力だけ変えて2回試してみましょう。

プロンプトは同じ。 なのに出力が変わった。 なぜ？

変数query = 入力された情報を受け取るもの

query は「あなたが打った言葉」につけられたニックネームです！ 入力欄に打つ言葉が変われば、 query が指すデータの中身も変わってきます！

別のプロンプトを入れてみる

以下のように、別のプロンプトも試してみましょう！

あなたはブロガーであり編集者です。また、講師でもあり、人に親しみのある文章を作ったり、物事の説明が非常に上手い人です。

以下の重要事項に沿って「query」に沿ったテーマのブログ記事を書いてください。単純なデータを出力し、HTMLタグは使わずにテキストだけ返してください。改行コード（\n）は入れないでください

queryの埋め込み方は、2ページ前のやり方と同じです。

チャットを動かしてみよう

プレビューボタンを押すとチャット欄が表示され、ここで動作テストをすることができます！

入力したテーマに沿った記事が出てくればOK！

作るもの

今の気分を入力すると、ミスドの人気商品「もっちゅりん」から おすすめの味を1つ提案してくれるBotです。

使い方

1. ユーザーが今の気分を入力
2. 気分に合わせた「もっちゅりん」の種類をおすすめしてくれる

参考・もっちゅりんとは？ ここをクリック

もっちゅりんの味

ご存じの方も多いとは思いますが、もっちゅりんの味は以下の3つです。

• もっちゅりん・いちご
• もっちゅりん・みたらし
• もっちゅりん・きなこ

プロンプトを調整しよう

あなたは「今日のもっちゅりん気分診断」です。ユーザーの入力をもとに、きなこ・みたらし・いちごの中から、今日おすすめの味を1つ選んでください。

ユーザーの入力：{{#sys.query#}}

ルール：
- それっぽい診断結果にしてください
- 理由を2〜3文で書いてください
- 断定しすぎず、軽く楽しい文章にしてください
- 出力形式は以下にそろえてください
- 各商品の説明の中身は出力する必要はありません

【おすすめ】
もっちゅりん〇〇

【理由】
〇〇

プロンプトにもっちゅりんの基本情報を添えよう

【もっちゅりんについて】
もっちゅりんはミスタードーナッツで販売されている人気商品です。3つの味があります。成分表と各味は以下の通りです

1.もっちゅりんきなこ
「もっちゅり」とした食感の生地にきなこシュガーをトッピング。こだわりの「もっちゅり」とした生地の食感をじっくり楽しめる。

2.もっちゅりんみたらし
「もっちゅり」とした食感の生地に、みたらしフィリングをコーティング。「もっちゅり」とした食感と、甘さとしょっぱさの絶妙なバランスをお楽しみください。

3.もっちゅりんいちご
「もっちゅり」とした生地に、ぷるんとした甘酸っぱい味わいのいちごフィリングとなめらかなホイップクリームを掛け合わせて仕上げました。いちごシュガーのアクセントとともにお楽しみください。

チャットを動かしてみよう

プレビューボタンを押すとチャット欄が表示され、ここで動作テストをすることができます！

入力欄に色々な気分を入れてみて、おすすめの味が返ってくるかどうかを試してみましょう！

同じ気分を、 複数回入れてみる

さっき作ったもっちゅりん診断に、 まったく同じ入力を3回入れてみてください。

同じこと聞いたのに、 おすすめが変わる…ということが場合によってありえます。

なぜ、回答がブレることがあるのか？

「AIがこういったから」では、仕事では全く使えません！
「判断基準」をできるだけ明確にすることで、「なぜそうしたのか」を自分でしっかり理由として持つことができるようになるのです！

回答のブレを減らす方法

選択式+AIが集計

もちろん設問には意味があるようにします。

例えば、「きなこ」が好きそうな答えは選択肢Aに寄せる・「みたらし」が好きそうな答えは選択肢Bに寄せる、という感じです。

設問の内容と回答の選択肢

「ユーザー入力」ブロックで質問欄を作ろう

ユーザー入力ブロックを使って、質問欄を作っていきましょう！

まずは左画像を参考に、ユーザー入力ブロックからプラスボタンを選択します。

各選択肢の入力内容

別途コピー用テキストは共有します。

プロンプトを修正

LLMブロックに移動しプロンプトを修正しましょう！以下スクロールすると、全体が確認できます！ 【もっちゅりんについて】より上は全部以下に書き換えましょう！

あなたは「今日のもっちゅりん気分診断」です
ユーザーの3つの回答をもとに、A・B・C のどれが多いかを判定し、今日おすすめのもっちゅりんを1つ選んでください。

## 商品と対応ルール
### A が多い場合
「もっちゅりん きなこ」
- やさしい甘さ
- 素朴で落ち着いた印象
- ほっとしたい気分に合いやすい

### B が多い場合
「もっちゅりん みたらし」
- 甘じょっぱい味
- 満足感がある
- 少し元気を出したい気分に合いやすい

### C が多い場合
「もっちゅりん いちご」
- 甘酸っぱい味
- 明るく華やかな印象
- 気分を変えたいときに合いやすい

## ユーザーの回答
Q1. 今日の気分：{{question01}}
Q2. 今食べたい味の方向：{{question02}}
Q3. 食べたいときの雰囲気：{{question03}}

## 判定ルール
3つの回答に含まれる A・B・C を数えてください
- A が一番多い場合は「もっちゅりん きなこ」をおすすめしてください
- B が一番多い場合は「もっちゅりん みたらし」をおすすめしてください
- C が一番多い場合は「もっちゅりん いちご」をおすすめしてください

A・B・C が同数の場合は、Q2 の回答を優先してください

おすすめする商品は、必ず上の3つの中から1つだけ選んでください。存在しない商品名や、ルールにない味は出さないでください。

## 文章のルール
- ユーザーの回答に軽く触れながら、なぜその味が合いそうかを書いてください
- 断定しすぎず、やわらかく楽しい文章にしてください
- 不安をあおる表現は使わないでください
- 出力形式の前後に、余計な文章を追加しないでください

## 出力形式
【おすすめ】
もっちゅりん〇〇

【理由】
2〜3文で理由を書いてください。

【ひとこと】
今日の気分に合う短いコメントを1つ書いてください。
            

チャットを動かしてみよう

プレビューボタンを押すとチャット欄が表示され、ここで動作テストをすることができます！

選択肢から好み・気分を選んだ上で、「診断お願いします」と入力し送信→診断結果が返ってくるかを確認しましょう！

性格診断を作ってみよう

もっちゅりん診断の例にならって、性格診断を作ってみましょう！

LoveType16みたいなものが、作れるかもしれませんよ！？（16タイプだと多いので4タイプ診断程度で）

課題の進め方

Notionページ に、進め方の流れを作りましたので、そちらで進めてみてください〜

チューターさんにもチェックを受けよう

設計（4タイプ・質問・対応表）が書けたら、 チューターさんに見てもらいましょう。 以下の観点でチェックを受けましょう！

今回の提出物

Difyアプリのエクスポートについて

1. アプリ一覧ページからもっちゅりん診断の右下の3本点をクリック
2. DSLをエクスポート
3. ダウンロードされたファイルをNotionページにドラッグアンドドロップする