Dify活用 講座

Difyの活用方法の基礎を学べます。

はじめてのDify活用

Dify活用実践課題

# 日報作成くん

## 概要

- Difyのテンプレート機能を活用して日報を出力する
- 日報の内容に誤字があればLLMに修正させる

## 構築手順概要

### 全体像

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/1afb0baf-c9d3-4d7b-b793-aec050930bb6.png" />

### 手順概要

チャットフローモードでアプリを作成

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/ee7e8158-69fa-43c2-ad2a-a805278e6665.png" />

**開始ブロック**

ユーザーが以下を設定できるように調整

- 日付
- 名前
- タスク
- 課題・問題点
- 翌日の予定

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/5ce04d59-8f3a-426b-bd02-10ff8dd60b3d.png" />

**テンプレートブロック**

開始ブロックで入力した情報を当てはめるための日報テンプレートを用意する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/034284e2-9606-4653-b977-5fb0e85b616f.png" />

**LLMブロック**

出力した日報に誤字があればLLMに修正させる。

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/cb7709f7-3975-48a3-977c-5d91b624067c.png" />

**回答ブロック**

LLMの回答を出力する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/d00bda7e-ab4d-4f24-8362-a031745b3940.png" />

**オープナーメッセージ**

ボットとの会話画面で「作成」というボタンをクリックしたら日報が表示されるようにする

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/360d026a-1fcd-4bdc-b022-86cdc3a383b8.png" />

## 動作確認

情報入力

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/2e182790-8fa6-4047-a42b-6a8d1718cd10.png" />
作成ボタンを押下して回答を生成

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/ad27c605-dfcf-4d45-899d-1c9a42efd50e.png" />
<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/289265a8-fd57-4a5d-a09d-1c4307455209.png" />
【誤字あり】

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/ba5d3099-c0e1-4870-859f-cb4439f9edc9.png" />
誤字が修正されて出力される

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/81914d6e-a2e1-4278-a7b8-00ba7a08ae0a.png" />

**ワークフローファイル**

[日報作成くん.yml](attachment:3d64f6a9-0f06-44d5-99dc-0e0d66a1ecdc:日報作成くん.yml)














日報作成

## 概要

- Difyのテンプレート機能を活用してメールを出力する
- 箇条書きでメールの要点を入力してもメールに適した文章に変換して生成する

## 構築手順概要

### 全体像

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/06c6634e-ec5b-4272-b80a-28775783ee70.png" />

### 手順概要

チャットフローモードでアプリを作成

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/d812883e-9efa-4859-8e48-9c527dcc80b6.png" />

**開始ブロック**

ユーザーが以下を設定できるように調整

- 宛先
- メールの目的
- 主要ポイント（メールで伝えたいこと）
- トーン（口調）
- 長さ（メールの文字数）
- 送信者の情報

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/66f6cfdc-9e9c-4d76-a69e-03b528868686.png" />

**テンプレートブロック**

開始ブロックで入力した情報を当てはめるためのメールテンプレートを用意する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/f74ecccb-4c39-4208-b4fe-b2806b29767e.png" />

**LLMブロック**

LLMを使用してテンプレートをブラッシュアップさせる（トーン適用、文字数制限適用など）

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/2aec1b2c-4bba-4886-b69c-551408d8b6e0.png" />

**回答ブロック**

LLMの回答を出力する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/6c9df524-7444-4f84-9179-3afc50e19977.png" />

**オープナーメッセージ**

ボットとの会話画面で「作成」というボタンをクリックしたら日報が表示されるようにする

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/d25b17fd-2cab-4cca-8e22-02bf173ef015.png" />

## 動作確認

情報入力

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/b30be548-f653-4cb8-b5b4-6d2c7a42910e.png" />

作成ボタンを押下して回答を生成

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/47c71fad-3940-4fad-88a8-d400a76e987a.png" />

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/af5a9592-c60f-4d2c-89dc-d345ed25c20d.png" />

**ワークフローファイル**

[メール作成くん.yml](attachment:0cfb3471-d2c1-4985-84ad-260f215db0bb:メール作成くん.yml)










メール作成

## 概要

- プログラミング教室の請求書
- 投稿にはテンプレートがあるのでそれに従って入力する必要がある
- 毎回金額を計算するのが面倒なのでDifyを使って自動化する

## 前提

- 毎月末にLINEに請求文章を投稿する
- 教室は、月・水・金・土曜日に開放
- 遅刻があった場合は、授業1コマ分の単価が減額される
    - 1分 ~ 15分の遅刻：単価の25%減額
    - 16分 ~ 30分の遅刻：単価の50%減額
    - 31分 ~ 45分の遅刻：単価の75%減額

請求書文面（遅刻なし）

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/c603ed62-e960-4831-8dac-2ab096c2d170.png" />

請求書（遅刻あり）

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/65ce667f-a0bc-4f0d-8811-5dd0d4b73bfa.png" />


## 構築手順概要

### 全体像

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/f2410203-1b6f-47a5-9540-cce31fc02f8b.png" />

### 手順概要

チャットフローモードでアプリを作成

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/a28936d3-b1db-47c9-ae8f-be669044c5cc.png" />
**開始ブロック**

ユーザーが以下を設定できるように調整

- 請求月
- 単価
- 月曜日のコマ数
- 水曜日のコマ数
- 土曜日のコマ数
- 備考
- 遅刻

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/9e666994-92dd-4e20-b828-9b8e9f61fef4.png" />

**質問分類器ブロック**

開始ブロックの「遅刻」欄の入力の有無によって条件分岐させる

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/71f7a677-14aa-43d7-a66f-120ac4f5010d.png" />


**【遅刻の入力なしの場合】**

**テンプレートブロック**

請求書文章の雛形を用意しておく

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/9814e470-3330-4813-995d-1f9113dc7723.png" />
**LLMブロック**

テンプレートブロックで用意した請求書文章に、ユーザーが入力した値を当てはめさせる

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/04d77784-33f6-472c-8c98-aff4b47e9254.png" />


**回答ブロック**

LLMが生成したテキストを解答として表示する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/0f74f656-9efe-4f22-81c8-40f93ce79d98.png" />

**【遅刻の入力ありの場合】**

**テンプレートブロック**

請求書文章の雛形を用意しておく

※GPTは計算が苦手なので、誤った計算結果を出すことがある

  GPTが計算結果を含め正しいアウトプットを出せるように工夫している

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/750873f7-f7ee-45b0-b8d6-893d32d5ba5b.png" />

**テンプレートブロック**

2つ目のテンプレートブロック

こちらには遅刻があった際の報酬金額計算のルールを記載している

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/11587d3f-ace7-41d1-adb3-f3a968b1a784.png" />

**LLMブロック**

ユーザーが入力した内容とテンプレートの内容をもとに請求書文章を生成する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/1e66e09b-da10-4e03-8062-7ed1ba8f1a12.png" />
**コードブロック**

Pythonの関数を実行して請求書文章の順番を整える

遅刻あり用に用意した請求書文章の雛形は、GPTが計算しやすいように文章の順序を調子しているので、文章の順番が最終的に求めるものになるように調整する

コードは別途ChatGPTに生成させた

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/c7a49e6f-cc80-430e-b3b1-e9d150229257.png" />


**回答ブロック**

コードブロックの生成結果を解答として表示する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/c89df8e9-a98f-4ddc-80b0-b28408b68599.png" />


## 動作確認

【遅刻なし】

情報入力

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/208119a1-bf6a-4ff9-be49-00033d56cc07.png" />


出力ボタンを押下して回答を生成

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/48722d09-9b5c-40d6-8b8c-07d7c61a67c7.png" />

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/d103f789-bd24-4b7c-9873-389ed899fb2b.png" />


【遅刻あり】<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/043802bf-4a18-4e03-ab78-f506e4312e58.png" />
<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/31583397-1afe-4abc-892e-94f1d86214a2.png" />




見積もり文章作成

## 概要

- 体裁の整っていないテキストデータから議事録を作成させる
- LLMにテキストデータから必要なパラメータを自動で抽出させる

## 構築手順概要

### 全体像

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/cec61a5e-5cb4-486b-a4b7-6768183d71d7.png" />

### 手順概要

チャットフローモードでアプリを作成

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/87605ad9-f810-4c3a-91f0-f180da6ea9de.png" />

**開始ブロック**

ユーザーが以下を設定できるように調整

- テキスト

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/70071d0d-58fa-4e34-aa87-a6177e5231e6.png" />

**パラメータ抽出ブロック**

LLMによって、開始ブロックで入力したテキストから以下をパラメータとして抽出する

- 会議のタイトル
- 会議の日程
- 会議の参加者
- 会議の要点を箇条書きにまとめたテキスト
- 会議全体の要約
- 次回までにやるべきこと
- 次回の会議の日程

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/30bb4afd-537c-4703-85b9-871124e73262.png" />


**テンプレートブロック**

パラメータ抽出ブロックによって抽出されたパラメータを議事録用のテンプレートに当てはめる

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/1b0d3ffa-aa0b-4d57-9f40-1a0de691e36b.png" />


**LLMブロック**

テンプレートブロックから出力された議事録のテキストをLLMに読み込ませて、誤字脱字の訂正や読みやすい書式への変換を実行する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/f9aaca12-72b8-48a6-b89c-16b2bdae71f8.png" />

**回答ブロック**

LLMブロックから出力されたテキストを出力する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/298d832e-6e13-41d7-8f38-509f46635edd.png" />

**オープナーメッセージ**

ボットとの会話画面で「作成」というボタンをクリックしたら日報が表示されるようにする

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/9c597ef9-6182-4dc3-90bf-5a6617406908.png" />

## 動作確認

情報入力

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/aec52bd6-ee8e-42af-a875-beb041183c7a.png" />


入力したテキストデータ

> 2025年2月6日 10:00-11:30 会議室B

出席者：
田中 (PM)
佐藤 (エンジニア)
鈴木 (デザイナー)
山本 (マーケティング)
高橋 (営業)

【議題1：新規プロジェクトの進捗】 田中: えーと、新規プロジェクトの件ですけど、先週の進捗どうでした？ 佐藤: あ、えーと、APIの実装のとこは大体終わって、あと細かい調整だけですね。ただ、データベース周りで少し問題があって、一部エンドポイントのパフォーマンスが思ったより出てないんです。 田中: なるほど。具体的にどのエンドポイントで遅延が出てる？ 佐藤: 主にユーザーデータを取得する部分で、特にフィルタリング処理が重くなってる感じです。 鈴木: その影響で、UI側のレスポンスもちょっと遅くなってますね。データの取得が遅いと、ユーザー体験的にストレスになりそう。 山本: そうなると、マーケ的にはパフォーマンスが悪いとユーザーの離脱率にも関わるので、早めに解決したいですね。 高橋: クライアントA社にもパフォーマンスに関する質問を受けてるので、営業的にも改善をアピールできると助かります。 田中: それなら、佐藤さん、データベースのクエリ最適化を優先で見てもらえますか？ 佐藤: 了解です。索引を見直して、効率化できるところを試してみます。

【議題2：リリーススケジュール】 田中: うーん、じゃあリリース、3月頭にいけそうですか？ 佐藤: んー、まぁ、テスト次第かな？ 鈴木: UI調整入るとちょっとズレるかも？ 山本: 広報の準備、ギリ間に合うかも。 高橋: じゃあスケジュール詰めますか。 田中: テストスケジュールどうなってる？ 佐藤: 一応、来週から内部テスト、再来週に外部テストの予定です。 田中: それなら、問題があった場合の対応策も考えておきましょう。 鈴木: UIのフィードバックももらいたいので、内部テストの段階で一度デザインの見直しが必要かもしれません。 山本: じゃあ、フィードバックを受けて、広報の内容も微調整します。

【議題3：マーケティング施策】 山本: 今回のリリースに向けて、どのチャネルを強化するか考えてます。 鈴木: SNS広告とかどう？ 高橋: クライアントB社がコラボ可能かも。 田中: それ、進められそう？ 山本: 交渉してみます。 高橋: どのSNSがターゲットに合ってるかも分析しておいたほうがいいですね。 山本: そうですね。これまでのデータを見ると、Instagramのエンゲージメントが一番高いので、まずはそっちをメインに考えます。 鈴木: じゃあ、バナーとかビジュアルの方向性も相談しましょう。

【議題4：その他】 田中: 他に何か？ 佐藤: あ、えーと、ログイン周りでエラー出てて、調査中です。 鈴木: 仕様変更の件、もう確定ですか？ 田中: いや、まだ。持ち帰って確認します。 佐藤: あと、パフォーマンスの最適化も必要かと。 山本: それなら、データ解析も絡めて最適化できるか検討してみます。 高橋: クライアントからの問い合わせが増えているので、FAQページの充実も考えたほうが良さそうですね。 田中: そうですね、優先順位をつけて取り組みましょう。

【次回会議】 2月13日（火）10:00-11:30 議題：リリース前テスト、マーケ施策、クライアント対応
> 

作成ボタンを押下して回答を生成

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/b3112953-9785-42dc-9e10-726218606411.png" />

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/a6b1af31-8cbd-44ed-a2c5-abaff41f073a.png" />


**ワークフローファイル**

[議事録要約くん.yml](attachment:4fa14bcf-5967-4d07-bc32-38a6ef9f017c:議事録要約くん.yml)







議事録要約作成

## 概要

- テーマと件数を入力するとリンク集を生成する
- 件数の指定がない場合は10件のリンク集を生成する
- Google検索を使用（APIキーが必要）

## 構築手順概要

### 全体像

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/4f6831c3-4712-440d-ad9d-635d78e6315f.png" />

### 手順概要

チャットフローモードでアプリを作成

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/391cfe88-e4de-4674-919b-ca43459c6ea5.png" />

**開始ブロック**

ユーザーからの入力を受け付ける

入力項目の指定はしない

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/43eecc9a-33cf-4d8f-ba09-86faee7844e4.png" />

**パラメータ抽出ブロック**

LLMによって、ユーザーから入力されたテキストから以下をパラメータとして抽出する

- 検索トピック
- 検索件数（検索件数が入力されていない場合は件数を10とする）

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/c6752b58-1682-4bf9-8041-432497aced5a.png" />


**LLMブロック**

パラメータ抽出ブロックで抽出したトピックを、LLMでGoogle検索のキーワードに適した形式に変換する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/9405a186-d6ff-4352-97c8-8208e6487af1.png" />


**Google Search APIブロック**

Google検索を実行する

検索キーワードはLLMブロックからの出力テキスト、検索件数はパラメータ抽出ブロックの抽出結果を使用する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/3cbea208-6e48-42ef-8915-fd5ead700211.png" />


**LLMブロック**

LLMによってGoogle検索結果をリンク集にする

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/146736e9-ed1e-49a1-8c21-a3d510d8354e.png" />


**回答ブロック**

LLMブロックから出力されたテキストを出力する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/9980a187-95c0-4456-89a9-a20b4ae33215.png" />

**オープナーメッセージ**

ボットとの会話画面でリンク集生成についての説明が表示されるようにする

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/e993cdbf-538e-4b7f-9063-7cc00203962d.png" />

## 動作確認

情報入力

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/8f037b3e-aebc-4359-85bf-27b7e6625f4a.png" />
チャット形式で回答を生成

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/dd9cc310-1028-46bb-bf8b-c0c4ddf3d4bb.png" />

件数が検出できない場合

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/419318b3-0224-461a-8d9b-27286de6befa.png" />
<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/d7152c6c-07cc-4cfc-ad26-317cf24f4973.png" />

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/e06044fb-b5d8-4710-852e-67645ea22920.png" />

※なぜか9件しか生成されない点は要調整

**ワークフローファイル**

[リンク集作成くん.yml](attachment:36348187-eaef-4c18-89af-c82866385a5f:リンク集作成くん.yml)










リンク集作成

# 新規サービスブレストくん

## 概要

- ターゲット顧客に響く独自のサービスアイデアを5つ提案
- 競合の取り組みをGoogleで検索して競合との差別化も考慮する（APIキーが必要）
- パラレルランを使用する

## 構築手順概要

### 全体像

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/fc1f2bb8-707f-4c1b-a657-6686b5e7d61b.png" />

### 手順概要

チャットフローモードでアプリを作成

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/861162ed-18d3-4bb2-be28-a9417003df14.png" />

**開始ブロック**

ユーザーからの以下の入力を受け付ける

- カテゴリ
- ターゲット

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/dc9a3718-07ca-4778-aa06-1f52301400b1.png" />


**パラレルラン1 と パラレルラン2 を並列で動作させる**

**【パラレルラン1】**

**LLMブロック**

LLMによって、ユーザーから入力された「ターゲット」が「カテゴリ」の領域で抱える課題やニーズを生成させる

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/c8b0b44f-86c5-4e0a-ae4e-b5449ac75c31.png" />

**【パラレルラン2】**

**LLMブロック**

LLMによって、ユーザーから入力された「ターゲット」が「カテゴリ」の領域で抱える課題やニーズを海月している企業の取り組み例を調べるための検索ワードを生成させる

ユーザーから入力された「ターゲット」が「カテゴリ」をGoogle検索に適した検索ワードに整形する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/c6a118df-9d36-4a15-9d2c-d17ad0c55bf5.png" />


**Google Search APIブロック**

Google検索を実行する

検索キーワードはLLMブロックからの出力テキストを使用する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/d37ee106-f914-40a2-8c65-41097528ff1d.png" />
**LLMブロック**

LLMによってGoogle検索結果をまとめさせる

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/57e5f81e-035b-48ed-bc79-3ae730f6d6ac.png" />


**パラレルラン1 と パラレルラン2 を合流させる**

**LLMブロック**

LLMによって、サービスアイデアを表形式で出力させる。

表には「サービスアイデア」、「概要」、「競合の取り組み」、「競合との差別化ポイント」を含めてください。

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/d67e15f3-e5e3-4924-a530-500831e79c77.png" />

**回答ブロック**

LLMブロックから出力されたテキストを出力する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/98f619ad-30cd-40c7-8796-8ab23572e9ee.png" />

**オープナーメッセージ**

ボットとの会話画面で「生成」ボタンをクリックしたら回答が出力されるようにする

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/5dea535f-6e5e-470f-8a40-0ee4a63ac875.png" />

## 動作確認

情報入力

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/fb345a6c-89de-46c5-967e-995b7a1900bc.png" />

「生成」ボタンをクリックして回答を生成

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/5dfc7707-c5c1-4cb9-854c-bec485e226e2.png" />


**回答本文**

| サービスアイデア | 概要 | 競合の取り組み | 競合との差別化ポイント |
| --- | --- | --- | --- |
| ダイエットメンタルサポートアプリ | メンタルヘルスに焦点を当てたダイエットサポートアプリ。コミュニティ機能や専門家との相談ができる。 | 一部のアプリがメンタルヘルスを扱っているが、コミュニティ機能が弱い。 | 専門家によるオンラインセミナーやワークショップでメンタルサポートを強化。 |
| 時間短縮レシピ提供サービス | 忙しい女性向けに、5分で作れるヘルシーなレシピを週替わりで提供。食材の買い物リストも自動生成。 | 一部のレシピサイトは存在するが、買い物リスト自動生成機能がない。 | AIを活用した食材提案機能があり、個々の好みに応じたレシピを提供。 |
| 持続可能なダイエットプラン作成サービス | ユーザーのライフスタイルに合った持続可能なダイエットプランをAIが作成。進捗をトラッキングする機能も搭載。 | 一部のプラン提供サービスがあるが、個別最適化が不十分。 | AIを用いた個別の進捗分析とフィードバックがリアルタイムで行える。 |
| 骨健康を考慮したダイエットプログラム | 骨量不足を防ぐための栄養ガイドやエクササイズを含むダイエットプログラム。特に20代向けに特化。 | 骨健康を重視したプログラムは少なく、特に若年層向けは不足。 | 骨密度改善を目指した特化型エクササイズ動画や栄養ガイドを提供。 |
| 睡眠改善と連携したダイエットサポート | 睡眠の質を向上させることによるダイエット効果を狙ったプログラム。睡眠トラッキング機能を搭載。 | 睡眠とダイエットを結びつけるサービスはあるが、連携が不十分。 | 睡眠データに基づいた食事や運動の提案がリアルタイムで行える。 |

**ワークフローファイル**

[新規サービスブレストくん.yml](attachment:34c51fcb-4ab2-4b8b-a6e9-b0a8ffba801c:新規サービスブレストくん.yml)








新規サービスブレスト

## 概要

- ユーザーが指定した言語で、ユーザーが入力したテキストを翻訳して出力する
- 複数言語の翻訳に対応

## 構築手順概要

### 全体像

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/d0939b47-310d-41b1-bade-aff8b0f370d3.png" />


### 手順概要

チャットフローモードでアプリを作成

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/e3452830-56a4-40f9-86f9-f735a02b0757.png" />


**開始ブロック**

ユーザーが以下を設定できるように調整

- 翻訳したい言語（カンマ区切りで入力）

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/ae2581e1-737d-4b24-a9c1-0eb0a87e708c.png" />

**パラメータ抽出ブロック**

LLMによって、開始ブロックで入力した言語（カンマ区切り）から言語情報の配列をパラメータとして抽出する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/d5f6dc5e-60d9-4439-9085-a7151ebf94f6.png" />

**イテレーションブロック**

パラメータ抽出ブロックによって抽出されたパラメータを繰り返し処理に使用する

配列に格納された言語の数だけ繰り返し処理が実行される

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/46415daf-8a51-479a-ba7c-5fc821d64d6a.png" />

**LLMブロック（イテレーションブロック内）**

LLMによって、ユーザーからの入力を翻訳したい言語で翻訳させる

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/467394b1-38d0-4ead-8b5e-f61d06fcabb8.png" />


**テンプレートブロック（イテレーションブロック内）**

LLMの回答を後々読みやすい形式に整形する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/aba6be3a-c5f0-4b14-9014-12b84a5c7c05.png" />

**回答ブロック**

イテレーションブロックから出力されたテキストを出力する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/026cbefb-7325-40b8-88e5-c826e230904f.png" />

**オープナーメッセージ**

ボットとの会話画面で「翻訳したいテキストを入力して送信してください！」という案内を表示する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/cf8e77a0-7097-4d54-9fcb-3d65d070b1fb.png" />
## 動作確認

情報入力

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/a6bf2bb9-e213-489b-9b9e-c6c05676a5f5.png" />

入力したテキストデータ

翻訳したいテキストを入力・送信して回答を生成

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/3d3a02a8-c78d-467d-8850-e17af575e595.png" />


<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/d0e9a2a9-b03f-47d6-9c12-e66ba1be0821.png" />

**ワークフローファイル**

[多言語翻訳くん.yml](attachment:3f302756-b1ab-446d-9555-bf3c6d5556c5:多言語翻訳くん.yml)<




多言語翻訳

## 概要

- ユーザーに対してチャット形式でWebサイトのデザインの要望をヒアリングする
- 前もって設定したヒアリング項目に回答されたことを検知すると、コーディングを実行する

**実装のポイント**

- 会話変数と変数代入を活用したチャットボットの応答制御
    - 初回の会話であるか、2回目以降の会話であるかを判定
    - ユーザーからの返答内容の記憶
- コーディングに特化したモデル o3-min の使用

## 構築手順概要

### 全体像

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/dfd4eb4c-c01d-431f-82b9-67a968cceaee.png" />

### 手順概要

チャットフローモードでアプリを作成

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/08845e07-a936-4d87-8a89-1a3ce3ba07c7.png" />

**会話変数の設定**

以下を会話変数に設定する

- hearing_is_completed
    - タイプ：String
    - デフォルト値：0（Yesが1、Noが0）
    - 説明：ヒアリングが完了しているか
- is_first
    - タイプ：String
    - デフォルト値：1（Yesが1、Noが0）
    - 説明：初回の会話かどうか
- atmosphere
    - タイプ：String
    - デフォルト値：なし
    - 説明：希望の雰囲気保存用
- color
    - タイプ：String
    - デフォルト値：なし
    - 説明：希望の色保存用
- purpose
    - タイプ：String
    - デフォルト値：なし
    - 説明：目的保存用
- industory
    - タイプ：String
    - デフォルト値：なし
    - 説明：業界保存用

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/f3744489-af8e-4676-98b2-d4097eddb4fa.png" />

**開始ブロック**

入力フィールドは設定しない

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/dafc1b16-5041-4ca9-8d7c-3fe82cd01f1a.png" />

**IF/ELSEブロック**

現在の会話が初回の会話かどうかを判定する

会話変数 is_first が 1 であれば初回の会話であり、 0 であれば初回の会話ではない

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/10b52dad-e933-4db0-b0a0-64761f49253a.png" />

**【初回の会話の場合】**

**変数代入ブロック**

会話変数 is_first に 0 をセットする

すなわち、この後の会話では IF / ELSE ブロックで初回の会話ではないと判定される

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/2aa7a03f-44d9-47f7-ae2b-2317ec99faae.png" />

**回答ブロック**

あらかじめ準備した質問を出力する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/6d355a60-1bdf-461d-9d7b-0c071590c69e.png" />


**【初回の会話ではない場合】**

**IF/ELSEブロック**

デザイン要望のヒアリングが完了しているかどうかを判定する

会話変数 hearing_is_completed が 1 であればヒアリングが完了しており、 0 であればヒアリングが完了していない

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/91cd15f0-4ca8-4565-b01f-7618f52b4cce.png" />

**【ヒアリングが完了していない場合】**

**パラメータ抽出ブロック**

ユーザーの回答から、Webサイトの業界、目的、希望の色、希望の雰囲気をパラメータとして中捨する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/982ffdf4-0b39-447e-95f6-3a091b620a9a.png" />

**IF/ELSEブロック　と　変数代入ブロック**

パラメータ抽出で抽出したパラメータの値で会話変数 industory, purpose, color, atomosphere を上書きする（記憶の保存）

パラメータ抽出でからの値が抽出されたパラメータは上書きしない

また、すでにヒアリング済みで会話変数に値が入っている場合は上書きしない

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/554fa909-1130-4234-8372-dec3ee548f18.png" />

**IF/ELSEブロック**

会話変数 industory, purpose, color, atomosphere 全ての値が空でないかを判定する

会話変数 industory, purpose, color, atomosphere 全ての値が空でなければ、ヒアリングが完了できているという認識

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/ba363ed3-129b-4c9e-b44c-6334cd08e7d1.png" />

**テンプレートブロック**

ユーザーに認識したヒアリング内容を提示するためのテンプレートを用意する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/24559514-8e27-4782-932f-2d8985e2b424.png" />


**【会話変数 industory, purpose, color, atomosphere 全ての値が空でない場合】**

**変数代入ブロック**

会話変数 hearing_is_completed に 1 をセットする

つまり、ヒアリングが完了したと判定する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/ddd8a06c-f747-4d29-a647-b003ab4a3c67.png" />


**回答ブロック**

テンプレートを解答として出力する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/af46c09c-c3d7-415a-a5e2-f63cb2860355.png" />


**【会話変数 industory, purpose, color, atomosphere のいずれかの値が空である場合】**

**LLMブロック**

LLMに、ヒアリングが不足している項目を回答するようにユーザーに質問させる

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/3d3c0c07-0d46-47b6-9c72-dc60ce873294.png" />


**回答ブロック**

LLMが生成したテキストを解答として出力する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/a814ff52-7b72-4d71-bcdb-f22ce860975c.png" />



**【ヒアリングが完了している場合】**

**LLMブロック**

ヒアリングした内容をインプットとして HTML と CSS のコードを生成させる

モデルにはコーディング性能が高い o3-min を使用する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/e3ba38f8-ef15-400d-910f-585ba25a4c33.png" />


**テンプレートブロック**

LLMからの回答をテンプレートに埋め込む

コードを表示するときに効果がある可能性がある

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/1eb18a32-c927-4699-a275-e28d436ee526.png" />

**回答ブロック**

テンプレートを解答として出力する


<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/bd8996ec-98c7-4a2a-aaab-b460eecaf9d9.png" />




**オープナーメッセージ**

ボットとの会話画面で「要望をヒアリングしてLPのデザインとコーディングを実施します！」という案内を表示する

「開始」というボタンを用意してユーザーの初回入力の手間を省く

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/27874f2f-4cb0-41c7-89df-9449c79d83b6.png" />

## 動作確認

開始ボタンをクリック

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/8d590815-ce05-4d56-afc0-411093c73f65.png" />

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/810e1f62-865f-4bdb-ab6f-b576e1522ac9.png" />
チャット欄にテキストを入力する（あえて雰囲気は伝えない）

入力したテキストデータ

> 業界：エシカルファッション（環境に優しいアパレル）
LPの目的：ブランド認知・商品の販売・リード獲得
希望する色：アースカラー（ベージュ・オリーブグリーン）
> 

希望の雰囲気をヒアリングしてくれる（雰囲気以外にもヒアリングされることがある）

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/7628dff3-eacb-4a62-bbcb-61f7564e2ccd.png" />

雰囲気を伝えるとヒアリングが完了する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/0ddf34ed-4012-4253-9f42-0d5c08776d5e.png" />

次の会話からコードを生成

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/8ce1f6da-105a-4ebc-9e7e-e4db398ee150.png" />


【回答】

以下は、エシカルファッションのLPを想定したHTMLとCSSのコード例です。以下のコードは、シンプルでナチュラルかつ洗練された印象を与えるデザインを意識し、アースカラー（ベージュ・オリーブグリーン）を基調としています。

下記のHTMLコード（index.html）とCSSコード（styles.css）をご参照ください。

────────────────────
HTML (index.html):
────────────────────

```html
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>エシカルファッション｜自然に優しいスタイル</title>
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  
  <header class="site-header">
    <div class="container">
      <h1 class="logo">EcoStyle</h1>
      <nav class="nav">
        <ul>
          <li><a href="#about">ブランドについて</a></li>
          <li><a href="#products">商品紹介</a></li>
          <li><a href="#contact">お問い合わせ</a></li>
        </ul>
      </nav>
    </div>
  </header>

  
  <section class="hero">
    <div class="container">
      <h2>自然と共に歩む、洗練されたエシカルスタイル</h2>
      <p>環境に優しい素材とこだわりのデザインで、あなたの日常に心地よさと上質なスタイルを。</p>
      <a href="#products" class="btn">今すぐチェック</a>
    </div>
  </section>

  
  <section id="about" class="about">
    <div class="container">
      <h2>ブランドについて</h2>
      <p>EcoStyleは、環境保全に配慮した素材とサステナブルなプロセスで生産されたファッションを提案します。伝統と革新を融合させたデザインで、豊かな自然との共生を実現しています。</p>
    </div>
  </section>

  
  <section id="products" class="products">
    <div class="container">
      <h2>商品紹介</h2>
      <div class="product-list">
        <article class="product-card">
          <img src="<https://via.placeholder.com/300x400?text=Product+1>" alt="Product 1">
          <h3>オーガニックコットンシャツ</h3>
          <p>肌に優しいオーガニックコットンを使用した、クラシックなデザインのシャツ。</p>
          <a href="#contact" class="btn">詳細を見る</a>
        </article>
        <article class="product-card">
          <img src="<https://via.placeholder.com/300x400?text=Product+2>" alt="Product 2">
          <h3>リサイクルデニムパンツ</h3>
          <p>再生繊維を活用した、サステナブルなデニムパンツで、軽快な着こなしを。</p>
          <a href="#contact" class="btn">詳細を見る</a>
        </article>
      </div>
    </div>
  </section>

  
  <section id="contact" class="contact">
    <div class="container">
      <h2>お問い合わせ・ご意見</h2>
      <form action="#" method="POST" class="contact-form">
        <label for="name">お名前:</label>
        <input type="text" id="name" name="name" required>

        <label for="email">メールアドレス:</label>
        <input type="email" id="email" name="email" required>

        <label for="message">メッセージ:</label>
        <textarea id="message" name="message" rows="4" required></textarea>

        <button type="submit" class="btn">送信する</button>
      </form>
    </div>
  </section>

  
  <footer class="site-footer">
    <div class="container">
      <p>&copy; 2023 EcoStyle. All Rights Reserved.</p>
    </div>
  </footer>
</body>
</html>

```

────────────────────
CSS (styles.css):
────────────────────

```css
/* 基本リセット */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  line-height: 1.6;
  color: #333;
  background-color: #faf8f5;
}

/* コンテナ */
.container {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 0;
}

/* ヘッダー */
.site-header {
  background-color: #f4eed9; /* ベージュ系 */
  padding: 20px 0;
  border-bottom: 1px solid #ddd;
}
.logo {
  font-size: 1.8rem;
  color: #556b2f; /* オリーブグリーン */
  font-weight: bold;
}
.nav ul {
  list-style: none;
  display: flex;
  gap: 20px;
}
.nav a {
  text-decoration: none;
  color: #333;
  transition: color 0.3s ease;
}
.nav a:hover {
  color: #556b2f;
}

/* ヒーローセクション */
.hero {
  background: url('<https://via.placeholder.com/1200x600?text=Hero+Image>') center/cover no-repeat;
  color: #fff;
  text-align: center;
  padding: 120px 20px;
  position: relative;
}
.hero::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(85, 107, 47, 0.5); /* オリーブグリーンの半透明オーバーレイ */
  z-index: 1;
}
.hero > .container {
  position: relative;
  z-index: 2;
}
.hero h2 {
  font-size: 2.5rem;
  margin-bottom: 20px;
}
.hero p {
  font-size: 1.2rem;
  margin-bottom: 30px;
}
.btn {
  display: inline-block;
  background-color: #556b2f;
  color: #fff;
  padding: 12px 25px;
  text-decoration: none;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}
.btn:hover {
  background-color: #465a21;
}

/* 各セクション */
section {
  padding: 60px 0;
}
section h2 {
  text-align: center;
  margin-bottom: 40px;
  color: #556b2f;
}

/* 商品カード */
.product-list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}
.product-card {
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  overflow: hidden;
  width: 300px;
  text-align: center;
}
.product-card img {
  width: 100%;
  height: auto;
  display: block;
}
.product-card h3 {
  margin: 15px 0 10px;
  font-size: 1.3rem;
  color: #556b2f;
}
.product-card p {
  padding: 0 15px 15px;
  font-size: 0.95rem;
}

/* お問い合わせフォーム */
.contact-form {
  max-width: 600px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
.contact-form label {
  margin-bottom: 5px;
  font-weight: bold;
}
.contact-form input,
.contact-form textarea {
  padding: 10px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 1rem;
}
.contact-form button {
  align-self: flex-start;
}

/* フッター */
.site-footer {
  background-color: #f4eed9;
  text-align: center;
  padding: 20px 0;
  border-top: 1px solid #ddd;
  font-size: 0.9rem;
}

```

このコード例は、シンプルなレイアウトとアースカラー（ベージュ・オリーブグリーン）を意識したデザインで、エシカルなブランドイメージを伝えるLPとしてご利用いただけます。必要に応じて画像やコンテンツの差し替え、レスポンシブ調整などを行ってください。

**ワークフローファイル**

[Webサイト作成くん.yml](attachment:a116c033-2b58-4027-bae7-43a56196e208:Webサイト作成くん.yml)

Webサイト作成

## 概要

- ユーザーがPDFファイルをアップロードする
- アップロードした文書について　要約する　か　質問するか　をボタンで選択させる
    - ※ファイルをアップロードしてプロンプトを送信するだけでもこの機能は実現可能であるが、Difyのブロックを組み合わせて応用する方法を知ることが今回の趣旨

**実装のポイント**

- ファイルアップロード機能と文章抽出ブロックの使用
- 会話変数と変数代入を活用したチャットボットの応答制御
    - 初回の会話であるか、2回目以降の会話であるかを判定

## 構築手順概要

### 全体像

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/3fc98408-28bf-4b5a-876c-6300e10f7a79.png" />

### 手順概要

チャットフローモードでアプリを作成

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/c6ffbcf9-a9de-4cf1-991a-cd4407e38c98.png" />

**会話変数の設定**

以下を会話変数に設定する

- is_first
    - タイプ：number
    - デフォルト値：1（Yesが1、Noが0）
    - 説明：初回の会話かどうか
- doc
    - タイプ：String
    - デフォルト値：なし
    - 説明：ドキュメント
- is_question_mode
    - タイプ：number
    - デフォルト値：0（Yesが1、Noが0）
    - 説明：質問を選択したか

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/07c3a055-f4ce-465a-9cd8-f87d51b73064.png" />

**開始ブロック**

入力フィールドにファイルをアップロードできるように設定する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/5ee46461-b023-4674-8b69-36ca78518a99.png" />


**IF/ELSEブロック**

現在の会話が初回の会話かどうかを判定する

会話変数 is_first が 1 であれば初回の会話であり、 0 であれば初回の会話ではない

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/ce20cba7-7c24-4078-9b56-939bb24ead42.png" />



**【初回の会話の場合】**

**テキスト抽出ツールブロック**

ユーザーがアップロードしたPDFファイルからテキストを抽出する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/55e33529-5858-4bfa-b4a0-cffaca85d373.png" />


**変数代入ブロック**

会話変数 is_first に 0 をセットする

すなわち、この後の会話では IF / ELSE ブロックで初回の会話ではないと判定される

同時に、会話変数 doc を テキスト抽出の結果 で上書きする

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/0aa35cef-bd32-46cf-a36f-1c34bb0b1c8d.png" />


**回答ブロック**

あらかじめ準備したテキストを出力する

HTMLでボタンも出力する

```python
何を実行しますか？
<button data-message="要約">要約</button>
<button data-message="質問">質問</button>
```

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/0aa35cef-bd32-46cf-a36f-1c34bb0b1c8d.png" />

**【初回の会話ではない場合】**

**IF/ELSEブロック**

現在、「質問」が選択されているかを判定する

会話変数 is_question_mode が 1 であれば「質問」が選択されており、 0 であれば「質問」が選択されていない

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/6c3092bf-687e-4e74-b668-07ca9135925b.png" />


**【「質問」が選択されていない場合】**

**IF/ELSEブロック**

sys.query から、ユーザーが「要約」のボタンを押下したかどうかを判定する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/fb934dfc-8a16-4626-b579-00f7f684263a.png" />

**【「要約」ボタンが押下されている場合】**

**LLMブロック**

アップロードしたPDFファイルから抽出したテキストをLLMが要約する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/ec99a384-0e5d-4497-8750-f043a59532cf.png" />

**回答ブロック**

LLMからの回答を出力する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/18313c75-8d70-4ba6-bc35-9d918caa063b.png" />



**【「要約」ボタンが押下されていない場合】**

**変数代入ブロック**

会話変数 is_question_mode に 1 をセットする

すなわち、「質問」ボタンが押されたと判断させる

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/ded9a3ac-2a17-438a-ba6b-b86dd154e4e1.png" />


**【「質問」が選択されている場合】**

**LLMブロック**

LLMにユーザーからの質問に対して回答させる

回答はPDFから抽出されたテキストを元に行うように指示する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/66c7cf12-36ce-4b27-9b11-386a2ab0eb3b.png" />

**回答ブロック**

LLMからの回答を出力する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/5dab6256-45a7-4c46-bc24-d49569dcd87c.png" />

**オープナーメッセージ**

ボットとの会話画面で「PDFファイルをアップロードして「実行」をクリックしてください！」という案内を表示する

「実行」というボタンを用意してユーザーの初回入力の手間を省く

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/17d5ce15-36a1-485e-b3c7-943f52c20290.png" />


## 動作確認

PDFファイルをアップロードして「Start Chat」を押下する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/e30cb90d-42ce-4961-9b24-a5ee2067312c.png" />

「実行」ボタンを押下する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/96e8ad2a-afa3-4905-89f9-f11b27493c2f.png" />

選択肢がボタンで表示されるので「要約」を押下すると要約が実行される

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/c36caf7f-15b8-4763-a82d-8120a4183b94.png" />

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/6b6b8df2-5bb2-4da3-82c5-20b8bccd2872.png" />


選択肢がボタンで表示された際に「質問」を押下すると質問できる

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/65553441-8e3e-4b38-9dea-07c266437283.png" />

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/6e4b565d-299c-4163-b23f-202dc1f8b15f.png" />


**PDFファイルサンプル**

[コンピューターの仕組み.pdf](attachment:df04e1ec-e36e-4028-a7ad-f8f860c04084:コンピューターの仕組み.pdf)

**ワークフローファイル**

[文書読みとりくん.yml](attachment:9d6e02ea-b7e3-4a6d-a5e6-59a4b12a1501:文書読みとりくん.yml)








文書読みとり

## 概要

- ユーザーが指定したプロジェクト概要に基づいてタスクを生成する

**実装のポイント**

- コードブロックとイテレーションの使用
- テンプレートブロックの中で繰り返し文を使用する

## 構築手順概要

### 全体像

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/e9c3086d-251a-4898-834d-a5521615abae.png" />


### 手順概要

チャットフローモードでアプリを作成

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/02a2e4dd-7907-44f5-9cff-61cf4333182d.png" />

**開始ブロック**

入力フィールドに以下を設定できるようにする

- プロジェクトの目的
- 予算（万円）
- 期間（月）

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/6e5e122a-6f85-40c5-940f-1cbc50d8ace5.png" />


**テンプレートブロック**

プロジェクトの概要を他のブロックから参照できるようにテンプレートにまとめる

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/77bb14a6-479e-49af-a5b0-ada573c75bfd.png" />


**LLMブロック**

LLMに大まかなタスク（大タスク）を生成させる

タスクはプログラムで加工しやすいようにカンマ区切りで出力する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/f4b03a3d-050e-47d1-b4a3-28f37abfac44.png" />


**コードブロック**

Pythonでタスクを配列形式に変換して、後のいてレーションブロックで扱えるようにする

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/d1288490-eb4e-49d3-a084-1a3248e2395c.png" />

**イテレーションブロック**

コードブロックの出力結果に対して繰り返し処理を実行する（生成されたタスク一つ一つに対して処理を実行する）

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/6c3c1ac2-1fa7-491f-8110-5df1c57c4f01.png" />


**【イテレーションの処理】**

**LLMブロック**

LLMに一つの大タスクに要する期間と大タスクをさらに分解したタスクを生成させる

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/de04948f-dc9e-494e-9e41-1becd29e6cf3.png" />


**パラメータ抽出ブロック**

LLMが生成したテキストから期間とタスクをパラメータとして抽出する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/fbc354ef-02eb-4654-9e30-d0f2185c88fc.png" />

**テンプレートブロック**

抽出したパラメータをテンプレートに当てはめる

タスクはJinjaの構文を使って箇条書き形式で出力する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/1508dc5b-3bea-40b8-83e4-a42c96071288.png" />

**回答ブロック**

イテレーションブロックからの回答を出力する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/226bcf16-f145-4ede-b106-949a7c7dfef8.png" />

**オープナーメッセージ**

ボットとの会話画面で「タスクの生成を実行します！」という案内を表示する

「実行」というボタンを用意してユーザーの初回入力の手間を省く

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/cc4bf5bf-4d14-4e38-9a20-f9a5c87e99d5.png" />

## 動作確認

プロジェクトの概要を入力する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/2680446f-a5a0-45b9-8b5c-7f32148eb09c.png" />


「実行」ボタンを押下する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/339f6434-9e13-43f4-8a47-3a4f0df67766.png" />

タスク一覧が生成される

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/1cfa33ca-fc88-42bb-8ad6-cb29c600592e.png" />


**回答全文**

---

【要件定義の策定工程】

期間：1.5月

タスク：

・現状分析

・要件収集

・ステークホルダーインタビュー

・要件整理・優先順位付け

・要件文書の作成

・要件レビュー

・最終確認・承認

---

---

【ツール候補のリサーチ工程】

期間：約1.5ヶ月

タスク：

・目的と要件の整理

・市場調査とツール候補のリストアップ

・各ツールの機能・価格帯の比較

・ユーザーレビューやケーススタディの収集

・デモやトライアルの実施

・最終候補の選定と評価報告の作成

---

---

【ツールのデモ依頼工程】

期間：1.5ヶ月

タスク：

・ツールのリサーチと選定

・デモ依頼先のリストアップ

・デモ依頼の実施

・デモ結果の評価と比較分析

・最終選定と報告書の作成

---

---

【ツールの比較分析工程】

期間：1.5月

タスク：

・競合調査

・ツールの機能比較

・コスト分析

・ユーザビリティテスト

・ステークホルダーとのレビュー

・最終選定報告書作成

---

---

【導入計画の作成工程】

期間：2.2ヶ月

タスク：

・プロジェクトキックオフミーティングの実施

・現状分析とニーズ調査の実施

・ツール選定のための情報収集

・ツールのデモンストレーションの実施

・導入計画の策定

・ステークホルダーからのフィードバック収集

・導入計画の最終化と承認取得

---

---

【ステークホルダーとの合意形成工程】

期間：1.5ヶ月

タスク：

・ステークホルダーの特定

・初回ミーティングの実施

・ニーズと要望のヒアリング

・ツールの選定基準の策定

・提案書の作成

・提案内容の共有とフィードバック取得

・最終合意形成ミーティングの実施

---

---

【ツール選定工程】

期間：1.5ヶ月

タスク：

・要件定義

・市場調査

・ツール候補のリストアップ

・デモの実施

・評価基準の策定

・ツールの評価

・最終選定

・提案書の作成

・予算の調整

---

---

【導入契約の締結工程】

期間：1.5月

タスク：

・要件定義

・ベンダー選定

・契約条件の交渉

・契約書の作成・確認

・契約締結

---

---

【ツールのカスタマイズ工程】

期間：2.0ヶ月

タスク：

・要件定義

・設計

・開発

・テスト

・ドキュメント作成

・トレーニング

・導入サポート

---

---

【トレーニングプランの策定工程】

期間：1.5月

タスク：

・ニーズ分析

・トレーニング内容の設計

・資材の作成

・トレーニング実施計画の策定

・トレーニング効果の評価方法の決定

・スケジュールの調整

---

---

【トレーニングの実施工程】

期間：約1.5ヶ月

タスク：

・トレーニングニーズ分析

・トレーニングマテリアル作成

・トレーニング実施

・フィードバック収集

・改善策の検討

・最終報告書作成

---

---

【導入後のフォローアップ工程】

期間：2.0月

タスク：

・ユーザートレーニング

・フィードバック収集

・システム調整

・効果測定

・定期的なレビュー会議

・改善提案の実施

---

---

【成果の評価と報告工程】

期間：0.5月

タスク：

・成果指標の設定

・データ収集と分析

・成果の評価

・報告書の作成

・報告会の実施

---

---

【フィードバックの収集工程】

期間：3月

タスク：

・フィードバックの収集計画の策定

・フィードバック収集対象者の選定

・フィードバック収集方法の決定

・フィードバック収集実施

・フィードバック分析

・フィードバック結果の報告書作成

---

---

【改善点の洗い出し工程】

期間：1.5ヶ月

タスク：

・現状分析

・ユーザーインタビュー

・競合分析

・データ収集

・改善点の整理

・ワークショップの実施

・改善提案の作成

---

**ワークフローファイル**

[プロジェクトタスク作成くん.yml](attachment:f9ea69ac-a27b-419f-8ba6-60ba6f9537b3:プロジェクトタスク作成くん.yml)



プロジェクトタスク作成



## 概要

- ユーザーが知りたい情報に対してLLMが適切なキーワードを考えて検索ツールを使用して検索する

**実装のポイント**

- エージェントブロックを使用することで「適切なキーワードを考える工程」と「検索ツールで検索する工程」を一つのブロックで実装できる

## 構築手順概要

### 全体像

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/e1ecf411-037a-4d76-a92f-35d6b8ee81a6.png" />

### 手順概要

チャットフローモードでアプリを作成

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/2e01d217-e32f-4e37-bc68-c8a337d92b3b.png" />


**開始ブロック**

特に設定は必要なし

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/a82efaf9-a6f2-499a-845f-8d759f735718.png" />


**エージェントブロック**

開始ブロックで入力した情報について、検索ツールで検索を実行する

検索ツールで検索する際に適切なキーワードもLLMが決定する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/948b9ba3-5a4a-42ae-885f-632ee21c3623.png" />

**回答ブロック**

LLMの回答を出力する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/38c8ce26-921e-4946-92db-a3dfc4acc490.png" />

## 動作確認

プロンプトを入力して送信

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/f27c1514-3613-4e90-834e-47505dc49b7b.png" />


<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/a583cfad-76f5-42cf-9ddd-27067369c05e.png" />


**ワークフローファイル**

[検索エージェントくん.yml](attachment:b6b68cc3-a171-414a-bddc-9476429eee3f:検索エージェントくん.yml)



# 補足：エージェントツールの設定

ワークフロー / チャットフローではデフォルトではエージェントツールが使用できません。（2025/04/03 現在）

以下の手順で設定できます。

1. ワークフロー / チャットフローでエージェントブロックを挿入
    
   <img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/8f35fb76-3440-4307-af6b-74dc53976601.png" />

    

1. サイドバーから「エージェンシー戦略を選択する」を押下して、「マーケットプレイスでさらに見つけてください」のリンクを押下
    
   <img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/7ec13823-e11f-4287-b15f-e0d950493aac.png" />
    

1. マーケットプレイスのサイトに遷移するので「Agent Settings」のタブを選択し、「Dify Agent Strategies」を押下する
    
 <img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/f33e1c5e-a25e-4e21-9712-a5dd4afcb788.png" />
    

1. 「Install」ボタンを押下する
    
  <img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/6059524f-119f-4b40-8135-b90fed34215c.png" />

    

1. Difyのサイトに遷移するので、「インストール」ボタンを押下する
    
  <img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/ebf03a96-0f1e-4f5d-a1d6-ccb51f79cfd0.png" />

    

1. インストールが完了したら「閉じる」ボタンを押下する
    
    <img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/fc9f27ae-1cce-4b85-bc87-bd0f3159a231.png" />
    

1. Difyのワークフロー / チャットフロー構築画面に戻って、サイドバーから「エージェンシー戦略を選択する」を押下するとえージェンティック戦略が選択できるようになっている
    
   <img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/81d1220f-fe2b-459c-952b-b4f110e2ab2b.png" />

    

以上で、エージェントブロックの使用準備完了





検索エージェント(補足有り)

# 模擬面接くん

## 概要

- ユーザーがアップロードした職務経歴書ファイルに基づいてLLMが質問する
- 3回質疑応答をしたら合否判定とフィードバックをする

**実装のポイント**

- アップロードされた職務経歴書を自動要約して入力トークン数を削減する
- 質疑応答履歴からユーザーの合否を判定する

## 構築手順概要

### 全体像

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/9b2053f1-86cd-4294-8985-ca55b4ecabaa.png" />

### 手順概要

チャットフローモードでアプリを作成

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/f6024369-18ca-48d2-b317-3e434801a2ee.png" />


**会話変数設定**

3種類の会話変数を用意しておく

- summary: 職務経歴書の要約保持用
- question_count: 質疑応答の回数
- conversation_history: 質疑応答履歴

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/86e18748-2683-4254-b6f1-bc2c81891cf9.png" />


**開始ブロック**

単一ファイルのドキュメント（PDFファイルなど）をアップロードさせる

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/a186dba4-190e-4fab-bf57-8dcf0adf7e42.png" />


**IF/ELSEブロック**

ダイアログカウント（LLMの発言回数）が 0 であるか判断して処理を切り替える

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/f60be113-bba3-44a8-9c0f-21f8acf5f8dc.png" />

**ダイアログカウント（LLMの発言回数）が 0 である場合**

**テキスト抽出ブロック**

アップロードされたファイルからテキストを抽出する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/3d98e3e3-c31a-46e5-93c6-7177d71cedb1.png" />

**テンプレートブロック**

テキスト抽出の結果をテンプレートブロックに埋め込む
（LLMブロックなどで使える形式にするため）

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/d27e38e2-7786-494d-ba04-f0151772f8dc.png" />


**パラメータ抽出ブロック**

テキスト抽出の結果をLLMが要約する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/3a21d0a7-ea66-4190-b4f6-dde6cf8941cc.png" />


**変数代入ブロック**

要約の結果を会話変数 summary に保持する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/53dd2413-21d3-48e8-99ea-32b0caf7a641.png" />


**変数代入ブロック**

ユーザーのテキスト入力を会話変数 conversation_history に保持する

**ダイアログカウント（LLMの発言回数）が 0 でない場合は IF/ELSE ブロックからダイレクトにこのブロックに遷移**

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/bc24719c-c51b-41c4-b470-0f6f5d23b889.png" />


**IF/ELSEブロック**

会話変数 question_count が 3 より小さいか判定する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/c01e2fe2-5eb2-4c36-b1ee-427ec57df54a.png" />

**question_count が 3 より小さい場合**

**LLMブロック**

職務経歴書の要約データを元にLLMに面接官として質問をさせる

過去の質疑応答履歴を把握させる

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/2c6f738d-d83b-4001-b577-d365a3ad78b3.png" />

**変数代入ブロック**

会話変数 conversation_history に LLM からの質問を追加する

会話変数 question_count を 1 増やす

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/088b8087-67ed-4f21-8ae1-c2fb9c0e3410.png" />

**回答ブロック**

LLMブロックの回答を表示する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/d7ba5743-e7a7-4227-a3b1-a5210e40a137.png" />


**question_count が 3 以上の場合**

LLM が合否の判定とフィードバックを実施する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/98f4fd89-fd5a-49c6-b80e-04e58d208228.png" />

**回答ブロック**

LLMブロックの回答を表示する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/f8302dc1-6ebf-43bd-b231-c022274a0342.png" />

**オープナーの設定**

「面接を開始します」というメッセージと「よろしくお願いいたします」というボタンを表示する

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/5aec1d49-6bd3-4d0e-81e4-32f28b08a01d.png" />



## 動作確認

職務経歴書をアップロードする

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/7dff7464-e3ab-4e10-85ca-9cd3e01971b2.png" />


チャットをスタートして「よろしくお願いいたします」を押下

**※おそらくDifyのバグですが、「よろしくお願いいたします」を押下後にテキスト入力欄に入力ができなくなるのでブラウザを再読み込みしてください**

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/3d814c72-9a78-4287-8b16-75bd1a92b13d.png" />


質疑応答をする

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/26403f52-1075-4d87-ba02-727d45960aa2.png" />


<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/82214dab-5e35-418b-9f64-ccaf0e18d83b.png" />
<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/1453c713-0848-45e7-b124-e434f1ed28df.png" />

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/31063f25-017c-4aed-9e35-48375a4ddd56.png" />

雑に回答すれば不合格判定される

<img width="600px" alt="" src="https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/12033879-200f-40ca-b108-b8a94a68833f.png" />



**職務経歴書サンプル**

[職務経歴書.pdf](attachment:e7cb1a75-4811-4279-9da1-2292198bc694:職務経歴書.pdf)

**ワークフローファイル**

[模擬面接くん.yml](attachment:980f8335-ed76-47e7-87b7-86a0b2413bbc:模擬面接くん.yml)



6. 新規サービスブレスト