キーワード入れて1発！ワンショット商品説明作成bot

みなさんこんにちは。めろんうゆです🍈🥛
前回は初めてのLINEbotづくりを行い業務改善の第一歩を踏み出しました。
(前回のQiita記事は[こちら](https://qiita.com/junwooseishun/items/35f4f10305f57079c772)✈)

どんどん新しいものに挑戦したい！
ということで、早速第2弾をお送りします。

# 作成経緯✒EC参入の障壁を減らしたい
第2弾はECサイトの運営に携わる人にとってはおなじみの作業である
『商品説明』を複数のキーワードを入力するだけで作成できる

**ワンショット商品説明作成bot**です。
(ワンショットの名は初号機から継承🔫)

作成に至った経緯は伝統的な製法で商品をつくる生産者さんから
「ECサイトに興味はあるけど、人手が足りない！商品説明を書く余裕がない！」
という声をきいたから。

商品説明作成業務の負担を軽減することで、EC参入の障壁が減り、
少しでも多くの素敵なプロダクトがECサイトで購入できるようになってほしい！

まだ構想段階ではありますが、いつかEC出店から運営業務のほとんどがスマホ1つで行えるアプリなんてものができたら面白いのにな～などともぼんやり考えています。

そのためChatGPTを使った商品説明作成はブラウザでもできますが、
今回はあえてスマホで簡単に操作ができるよう、LINEbotを経由するものにしました。

# 完成品はこちら
https://x.com/junwooseishun/status/1817534554082787494

# 使用ツール🧰

[Make](https://www.make.com/en)
[LINE Developers](https://developers.line.biz/ja/)
[ChatGPT](https://chatgpt.com/)

## ChatGPTの活用🤖_商品説明をつくってもらう
今回は前回と異なり、ChatGPTの活用にもチャレンジしました。

**Part_1**
まずは<font color="Red">ただキーワードをそのままChatGPTに入れる</font>とどうなるか試します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3810257/485f027d-b363-221e-f0ca-39a87911fa01.png)

キーワードが見やすく整理されました。
しかしよくECサイトで見る“商品説明”となるとこうではないですよね。

**Part_2**
次にChat GPTに<font color="Red">『商品説明をつくってほしい』</font>というお願いをしてみました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3810257/717301df-c53b-5ef9-b85c-ff71ef9d4288.png)
一気にそれっぽくなりました。

ですが、LINEにいちいち『商品説明をつくってください』と入れるのは
キーワードを入れて1発！とは言えません。

事前にどう設定すれば、お願いの文言を入れずに商品説明を作ってもらえるか...🤔

検索したところ以下の記事を発見。
プロンプトを事前にChatGPTに読み込ませておけば
キーワードを入れるだけで商品説明を作成してくれることがわかりました。

:::note info

参考資料
[ChatGPT × LINE Bot × Make ノーコードで対話できるChatBotを作成する](https://qiita.com/watanabe-tsubasa/items/8342595d641143b780f7)

:::

## ChatGPTの活用🤖_プロンプトのテンプレートをきく
どうせなら、とそのプロンプトの作成もChatGPTにお願いしました。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3810257/4b4fc614-47c5-ee5e-12c0-99c87ce267e3.png)

コードはまるっとコピーができるのでその点も楽です。
以上で下準備はできたので、Makeにこの設定をしていきます。

# Makeの構造🔍
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3810257/109a338e-90ff-9bb5-60d2-27a91dbd061a.png)

こちらがMakeの全体図。
今回は前回も使用したLINEモジュールたちの間にChatGPTモジュールを挟み込みました。

## Chat GPTモジュールの設定🔧
ChatGPTモジュールの設定は以下の通りです。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3810257/df7c999d-1461-28e0-4910-c6214003461a.png)

:::note info
　**Message1部分**
・Message1>Role>Systemを選択
・Message ContentにChatGPTがつくってくれたテンプレートを貼りつけ

 :::
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3810257/937830b8-fccd-2406-9ad2-2eb577720459.png)


:::note info
**Message2部分**
・Message1>Role>Userを選択
・Message Content>1.Events Message.Text を選択
:::

これでChatGPT部分の設定は完了。
もう「商品説明をつくってほしい」と伝える必要はありません。


## 返答メッセージ💭
次に、botに送られた内容への返答メッセージを行うモジュールの設定をします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3810257/46b808ff-f5b4-31fe-1eed-9ad05022f2ae.png)

:::note info
・Reply Token>1.Events Reply Token を選択
・Message>Item1>Type>Text を選択
・Text>3.Choices Message.Content を選択

:::

これでChatGPTが作成してくれた商品説明をテキストで返信させる設定も完了です。

# つくってみて🍈

まず最初に思ったのは『ChatGPT、すごい！』
検索エンジンのような使い方しかしたことがなかったぼくは
実際に使えるプロンプトのテンプレートを作ってもらえたことにびっくり。

また、商品説明の作成技術の高さもさすが。
ChatGPT作の商品説明、結構魅力的ですよね…？💡

冒頭に書いた人手が足りない場合の補助にまわるのはもちろん、
商品説明を書くのが苦手な人にもおすすめしたい！
これを使って独り立ちするまで自主練！なんてどうでしょう？

今回は少し作業に慣れてきたこともあり、
チームのメンバーにbotを使ってもらい、インタビューに挑戦することもできました！
noteにまとめてみたのでぜひ合わせてご覧ください！
(インタビュー記事は[こちら](https://note.com/junwooseishun/n/nfc2953bcb73d) 📒✈)

それではまた👋