【Difyで作るシリーズ 3】ニュース要約チャットボット

flowchart LR
    A[開始] --> B[質問分類器]
    B --> C[WEB SCRAPER]
    B --> D[WEB SCRAPER]
    B --> E[WEB SCRAPER]
    C --> F[LLM]
    D --> G[LLM]
    E --> H[LLM]
    F --> I[回答]
    G --> J[回答]
    H --> K[回答]

開始：ユーザーの質問を受け付けるノードです。
質問分類器：ユーザーの入力がスポーツ、経済、ITのどれに関連するかをLLMが判定します。
WEB SCRAPER：それぞれのキーワードに関するページをあらかじめ指定しておき、ユーザーの入力に応じてスクレイピングします。
LLM：スクレイピングした内容からニュースを選び（今回は3つ）、要約します。
回答：LLMが要約した内容を出力します。

作業手順

ここからは、ワークフロー構築の手順について説明します。

手順

ワークフローの新規作成
ワークフロー作成画面上での作業
ワークフローの動作確認

1. ワークフローの新規作成

最初の画面の「最初から作成」を選択します。
「チャットボット」を選択し、「Chatflow」を選択します。
「アプリのアイコンと名前」を記述してから「作成する」を選択します。

2. ワークフロー作成画面上での作業

「スポーツ」「経済」「IT」の3つのうち、どれが入力されたかを判定するために、「質問分類器」ノードを追加します。
「開始」ノードの「＋」ボタンをクリックし、「質問分類器」を選択します。

💡

質問分類器とは
ユーザーの質問の分類条件を定義し、LLMは分類記述に基づいて会話がどのように進行するかを定義できます。

「質問分類器」ノードを選択し、下記の表のように項目に文章を設定します。

クラス番号	文章
1	スポーツに関するニュース
2	経済に関するニュース
3	ITに関するニュース

「クラス1」の「＋」ボタンを選択し、「ツール」中の「Web Scraper」を選択します。

💡

Web Scraperとは
ウェブサイトからデータを抽出することができます。

クラス1「スポーツに関するニュース」をスクレイピングし、要約する部分を作ります。
「クラス1」では、スポーツに関するニュースをスクレイピングしたいので、Yahoo!ニュースのスポーツトピックのURLを入力します。
「Web Scraper」ノードと最初に作成されていた「LLM」ノードをつなぎます（他のノードの裏にあることもあります）。
「SYSTEM」欄にプロンプトを入力した後、「{x}」ボタンをクリックし、「Web Scraper」の「{x}text」を選択します。
「クラス2」の「＋」ボタンを選択し、「ツール」中の「Web Scraper」を選択します。
クラス2「経済に関するニュース」をスクレイピングし、要約する部分を作ります
クラス1のときと同様に、Yahoo!ニュースの経済トピックのURLを入力します。
「LLM」ノードを追加し、プロンプトを入力します。
「回答」ノードを追加します。
「回答」欄の「{x}」ボタンをクリックし、「LLM2」の「{x}text」を選択します。
クラス2「ITに関するニュース」をスクレイピングし、要約する部分を作ります。
先程までと同様に「Web Scraper」を追加し、Yahoo!ニュースのITトピックのURLを入力します。
「LLM」ノードを追加し、同様のプロンプトを入力します。
「回答」ノードを追加し、「回答」の欄に「LLM3」の「{x}text」を追加します。
「プレビュー」を選択し、「管理→」を選択します。
「会話の開始」を有効にし、「オープナーを書く」を選択します。
下記のように文章を入力し、「保存」を選択します。
この文章はチャットボットとの会話の初めに表示されるもので、選択できるトピックをあらかじめ提示することができます。

以上で完成です。