【Dify × ChatGPT】 クレーム（お申し出）返答文を自動生成するチャットフローアプリを作った話

# 💡 背景と課題

お客さま対応業務の中でも、お客様からのクレーム（お申し出）返答文の作成は時間も精神的コストもかかる作業です。

文章作成に<INS>**平均20〜30分**</INS>くらいかかります。

トーンのブレ、誤字脱字などのリスクなど、心理的負担が大きく、担当者によって対応品質が変わります。

<img
width="600"
style="max-width:100%; height:auto;"
src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4073086/9d196dbd-08dc-4e2a-b634-7d1090d38bd3.png"
alt="お申し出返答文を作成している姿">

これらの課題を解決するため、DifyのチャットフローとChatGPTを組み合わせて、クレーム（お申し出）返答文の自動生成アプリを作成しました。
<INS>**※ChatGPTに下記のプロンプト入力して作り方教えてもらいました。**</INS>

<img
width="600"
style="max-width:100%; height:auto;"
src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4073086/cc94ae6c-3890-40f2-8a64-74a43bd61e58.png">

# ✨できたアプリ

<img
width="600"
style="max-width:100%; height:auto;"
src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4073086/6fa1487f-1b70-4473-b447-b87ba85a984a.png">

# 🔧 使用ツールと理由

- Dify（Chatflow機能）	ノーコードで複数の処理（HTTPリクエスト、LLM呼び出しなど）を連携できる。ChatGPTとの連携が容易。
- ChatGPT（GPT-4）	誠実で自然な敬語・謝罪表現が可能。日本語対応力が高く、カスタマー対応文に最適。

# 🧠 アプリの処理フロー

以下が作成したDifyチャットフローの全体像です（実際の画面）

<img
width="600"
style="max-width:100%; height:auto;"
src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4073086/c063f881-61a7-42ee-b237-e2e70aa2a4ef.png">

- 開始（complaint_content入力）＝お客さまからのお申し出内容
- ユーザーからクレーム(お申し出)内容をテキスト入力で受け取ります。
- HTTPリクエストの情報にアクセス。

↓↓外部の参考URL

https://www.su-pa-tencho.com/anti-harassment-measures

※ここでは参考資料を参照するためのステップとして使用しています。

- LLM（GPT）で返答文生成します。
LLMに対して、以下のようなプロンプトを送信し、返答文を生成します。

<img
width="600"
style="max-width:100%; height:auto;"
src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4073086/a9ed2a57-b417-4c64-b22c-8f16b7e15264.png">

<img
width="600"
style="max-width:100%; height:auto;"
src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4073086/d59863ce-4f70-41c1-9ef3-67b7a0f6fa16.png">

<img
width="600"
style="max-width:100%; height:auto;"
src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4073086/bfe4e86d-491e-493c-804a-421dd4d6f8a6.png">

{complaint_content}お客さまからのお申し出内容
- 回答：LLMの出力結果（返答文）をユーザーに表示します。

# ✅ ChatGPTの活用ポイント

:::note info
「丁寧」「謝罪的」「共感的」な文章の生成をChatGPTに委ねることで、対応品質の安定化が実現しました。
:::
:::note info
文章のトーンがぶれないため、ブランドイメージの保護にも有効です。
:::
:::note info
誤字脱字がなくミスが防げます。
:::
- 以下のようにChatGPT活用でアプリの作り方を検索しながら進めました！
<img
width="600"
style="max-width:100%; height:auto;"
src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4073086/641d9777-06c6-4fef-8e2c-6ede71e0b1ab.png">

# ⏱ 時間短縮効果とその活用
**返答文作成にかかる時間：平均 20～30分 → 約 1分に短縮（97%削減）**

<INS>**空いた時間でやったこと**</INS>

- アプリを使ってもらって感想をヒアリング
- 他の書類作成に時間をかけれた
- 上司や同僚・部下とのコミュニケーションの時間が取れた

# 🚧 ChatGPTでも難しかったこと

:::note warn
感情の強いクレーム（お申し出）に対しては、AIだけでは対応が難しいケースもありました。（定型文になる）
:::
:::note warn
文脈から感情やトーンを読み取れない。
「文脈を読みすぎて言い過ぎる」ことがあり、人の最終チェックは重要です。
:::
- 下記のチャットボットのように定型文が返答されがちになるが、LLMノード設定やプロンプト入力で改善は可能。
<img
width="600"
style="max-width:100%; height:auto;"
src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/4073086/1c34f883-c7ce-4750-94f5-b684f9345b04.png">


# 👣 今後について
- OutlookメールやTeamsとの完全自動化連携
- クレーム内容を分類し、テンプレート切り替え機能の追加
- 返答文のトーン選択機能（やわらかめ／フォーマルなど）
- ChatGPTに力を借りて作りたいアプリのHTMLコードを教えてもらい、CodePenで作成

# 🎓 学びと気づき

- Difyのオーケストレーション(チャットフロー)機能は、<INS>**「業務フローをそのままAIに載せる」**</INS>には非常に有効でした。
- ChatGPTは<INS>**「人間の文章を真似る」**</INS>だけでなく、プロンプト次第でかなり高度な業務文書も生成可能です。
- 完全な自動化よりも<INS>**「人の判断とのハイブリッド」**</INS>が今の現場にはベストです。
- ChatGPT4は使いすぎるとすぐに従量課金プランに移行しないといけないです。（無料で使えなくなる）

# 🙌 まとめ

Dify × ChatGPT によるクレーム対応チャットフローは、作業の効率化だけでなく、心理的負担の軽減にも大きく貢献しました。
類似の業務課題（メール返信・問い合わせ処理など）にも応用が利くので、ぜひ取り組んでみたいです！

**↓↓参考文献**

- 【基本編】ゼロからわかるDifyの教科書！Difyでの基本的なアプリの作り方を解説してみた

https://www.youtube.com/watch?v=N4Sh9yVKJU8

https://qiita.com/vanchan2625/items/18791b8873c94dee139a

6/17修正箇所
1．画像サイズ：スマホ・PCなど画面の大きさで最適なサイズになるよう調整
2.ChatGPT活用例でアプリ作成するためのプロンプトを掲載
3.ChatGPTで難しかったこと　返答文の例を掲載
4.一部記事を修正