y-yana / Pmake-up

技育展2020 はじめてのアウトプット部門 発表作品「Personal make up 診断」

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Personal make-up 診断 💄✨

画像を入力するだけで簡単にパーソナルカラーと顔の輪郭を診断することができます。
「パーソナルカラー」と「顔の輪郭」2つの診断結果からあなたに合うあなただけの、メイクや髪形を提案します!

パーソナルカラーとは?

肌や髪・瞳などの一人ひとりが生まれ持った色と雰囲気が調和した「あなたに似合う色」のことです。
パーソナルカラーは、イエローベースの春と秋、ブルーベースの夏と冬の4つに分類されます。
パーソナルカラー診断では、マゼンタやローズピンクのように同じピンクでも「どんなピンクが似合うのか」を教えてくれます。
自分に似合う色を身につけることで、顔色がよく見えたり、あか抜けて見えるなどの嬉しい効果がたくさんあり、あなたの魅力を自然に引き立てることができます。

アプリURL

※初回起動時少し時間がかかります。

https://pmup.herokuapp.com/

サンプル動画URL

https://1drv.ms/v/s!Am9ZA7hA1tK4sHiqtvt21g2YfXF4?e=hhtBe9

使用技術

  • フロント HTML,CSS,Sass(SCSS),JavaScript,jQuery,chart.js
  • サーバー python,Flask
  • AI(深層学習) Tensorfrow+keras

制作メンバー

  • Leon Kunishi(サーバー担当)
  • Ryunosuke Ikeda(バックエンド・AI担当)
  • Yuuna Yanagida(フロント担当)

説明

サマーハッカソンで初めて組んだメンバーでつくった初めてのアウトプットを同メンバーで改良しました!
現在、既存のパーソナルカラー診断等は選択肢で自分の目の色や肌の色を入力して診断を行っていますが、その診断部分を画像認識AIを用いて診断。画像を入力するだけで簡単に診断ができるようになりました。また同時に顔の輪郭まで診断することができ、パーソナルカラーと顔の輪郭2つの診断結果からあなたに合うあなただけの、メイクや髪形を提案します!

その他の工夫点

診断結果をグラフ表示にし、より直感的に診断結果がわかるようにしました!
また、配色、UIも前回(サマーハッカソン)と比べてかなりこだわりました!

苦労した点

サーバー側とフロント側のデータ(特に画像など)のやり取りが大変でした、またデプロイ時のjsonやjsのpathの指定に苦労しましたが、何とか実装することができました!

技術的にこだわった点

AIの学習部分では人の手で画像取集には限界があるため、簡単な画像処理で水増し等を行い、少ないデータ数を補った。

About

技育展2020 はじめてのアウトプット部門 発表作品「Personal make up 診断」


Languages

Language:SCSS 40.8%Language:Python 27.5%Language:HTML 20.1%Language:JavaScript 11.6%