LoginSignup
6
1

憂鬱な梅雨も新しい服を買って外に出よう! #Makeで簡単に新しい服を提案してくれるLINEBot作成しました

Last updated at Posted at 2023-06-12

新しい服装を提案してほしい

最近、子供が少し成長したため、オシャレな洋服着たい!という気持ちが湧いてきました。
自分が選ぶといつもワンパターンになってしまうため、アドバイスしてもらえたら嬉しいなと思っています。
しかし、お店に行ってからいきなりアドバイスを受けるとこれって本当に私に似合うのかな?と考える時間がなく、他の商品と比較したいと思い買えないことがあります。
そこで服装を提案してくれるLINEBotを作りました:smile:

実装イメージ

LINEBotは剛くんと命名しました:grin:
全てMakeで作ります!
スマホ時間を快適に (3).png

実装結果

コードを書かずに設定するだけで実装することができました:laughing:

実装環境

Make
LINEmessagingAPI
ChatGPT
LINEBot

手順

MakeでLINEBotを作成する

以下の記事を参考にしました。

MakeでLINEBotを作成する
LINEMessagingAPIに登録するWebhookはこちらからこピーします。

スクリーンショット 2023-06-13 7.04.02.png
OpenAIでMessagesの部分に「服装を100文字くらいで提案してください」と指定しました。ここの指定を変えてみると、提案が変わるため面白いです。
スクリーンショット 2023-06-13 7.05.00.png
3つ目のLINE Send a Reply Messageには以下の通り指定します。
スクリーンショット 2023-06-13 7.05.39.png
以下実行結果の中身です。Contentに回答が返ってきていることがわかります。設定を変更してどの部分に回答が入っているのかわからない時は実行してみてここで確認して下さい。
スクリーンショット 2023-06-13 7.08.12.png

実行します。 Ran Onceボタンを押します。処理が終わるとそれぞれに①が表示されます。 ログも下に表示されています。

スクリーンショット 2023-06-13 7.07.43.png

上記のだと1回の実行になります。
動かし続けたい時は以下の部分をONにします。
パソコンを閉じても動き続けます!
スクリーンショット 2023-06-13 7.10.48.png

リッチメニューを作成

私がよく買うお店の公式サイトをリンクにつけました。毎回検索するのが面倒でしたが、これでサクッと調べることができます。

リッチメニューの作成

リッチメニューから作成を選択します。
スクリーンショット 2023-06-13 6.40.49.png
テンプレートを選択します。
スクリーンショット 2023-06-13 6.44.56.png
エリアごとの画像を作成を選びます
スクリーンショット 2023-06-13 6.46.11.png
アクションではタイプリンクを選択します
スクリーンショット 2023-06-13 6.47.59.png

最後に

ChatGPTにわざわざ聞くのは手間ですが、LINEBotならスマホで簡単に聞くことができます。手軽にChatGPTを使えるのは便利ですね:thumbsup:お気に入りの洋服がすぐに検索できるため、調べる頻度が増えそうです!
一方で、文章だけだとイメージが湧かないという印象がありますね。今後は文章から画像を生成してもらい、イメージが湧くようにしたいと思いました:relaxed:

こちらの記事にも丁寧に解説がありました。

6
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
6
1