5
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

Makeでコーディネートを考えてくれるLINEBotを作る

Last updated at Posted at 2022-04-20

コーディネートを考えるのも一苦労

突然ですが、毎日コーディネートを考えるのって実は大変じゃないですか?

私は衣料品販売のお仕事をしているので、私服以外にもコーディネートを考える機会が多くあります。
また、お客さまからコーディネートについてご相談いただくことも多く、相談内容として二番目に多いのが「これに合わせるなら何色?」です。
(ちなみに一番多いのは「どっちの色が合うと思う?」です。)

でも、正直そんなにパターンは考えられないし、私服とディスプレイで使う色味は全然違うし……。
オシャレは好きだけど、結構大変かも……。

そうだ、LINEBotにコーディネートを考えてもらおう!

ということで、
今回はコーディネートの中でも、色の組み合わせに特化してLINEBotを作りました。
お洋服の写真を撮って送り、Botがそのお洋服の色に合わせる色を提案してくれたら完成とします。

作ったもの

試しに私が持っているかわいいピンク色のパンツを撮ってみました。
いつもベーシックカラーばかり合わせていましたが、新しいコーディネートが組めそうです。

使ったもの

構造

スクリーンショット (46).png

(モジュールを作っては消しを繰り返しているため、些かお見苦しいものとなっておりますが、ご容赦ください。)

1. LINEで送信されたメッセージが文章か、写真かを判断します。

2. 写真であれば Google Cloud Vision API で写真のメインカラーを検出します。
スクリーンショット (50).png
スクリーンショット (51).png

 文章であれば、以下のようにメッセージを返信します。

3. The Color API でメインカラーを含む配色を検出します。
スクリーンショット (52).png

4. 検出した配色のWEBページのURLを返信します。今回はリンクをクリックするとanalogicのページが表示されるようにしました。

あとがき

まだまだ改良の余地はありますが、一先ず完成です。
今回は配色にパターンがあったのでURLでの返信にしましたが、画像の方が一目で理解できていいかもしれませんね。
今後も試行錯誤していきたいと思います。

それでは、スマホ片手にちょっくらファッションリーダーになってきます!

参考にしたもの

5
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
5
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?