---
# System prepended metadata

title: ブラシュアップ会： ソフィーナiP

---

# ブラシュアップ会： ソフィーナiP

## 基本情報
* 花王ソフィーナが出しているソフィーナiPという商品の関連サービスとして「ネット上でスキンケア対策や相談ができるサービス」を目的として開発したLINE連携型のオンラインサービス
* 具体的にはこんな感じ
    * LINE上で肌悩みの相談ができるBA（バーチャル美容部員）チャットボット
    * カメラで顔を撮影するだけでシミ、シワ、キメ、くま、肌年齢が測定できる肌チェックサービス
    * 自分の過去の肌情報を管理できるマイページ（LINE IDでユーザー登録すれば使える
    * スキンケアの情報を発信するブログ「きれいのヒント」（CMS）


## github
* ソフィーナiPフロントのリポジトリ ： https://github.com/kayac/cl-kao-app


## テストサイト
https://cl-kao-app-front.kayac.cc/
(kaoapp / sofinaip)
LINEでの登録フォーム周り：https://cl-kao-app-line-form.kayac.cc/
(kao-line-form / angular-rxjs-line-form)
　
### それぞれのページ
* トップ：　https://cl-kao-app-front.kayac.cc/
* 肌チェック：　https://cl-kao-app-front.kayac.cc/hadacheck/
* きれいのヒント: https://cl-kao-app-front.kayac.cc/beatytips/
* マイページ: https://cl-kao-app-front.kayac.cc/mypage/

## 分担
* トップ：　シャロンさん
* 肌チェック：　シャロンさん・たがみ（モック）
* マイページ： たがみ・ダリエンさん
* きれいのヒント：　ダリエンさん
* LINEでの登録フォーム周り：　ダリエンさん

* ヘルプで入ってくれた神：いえもんさん、のびさん

## まだやってない
* LINEログイン周りは連携会社との兼ね合いでまだ実装入ってない
* ↑に伴ってユーザー毎にマイページ作るとかはできてない

(まだ実装が終わってない何かあればここに記載してください)

## 技術的な話
* 使用ライブラリ
    * Nuxt.js
    * YouCanMakeAPI（肌チェックを行なっているAPI。お金を積んで使えるようにしている系のやつ）
    * Wordpress REST API（きれいのヒント）
    * Angular（LINEでの登録フォーム周り）
    * LINE Frontend Framework（LINEでの登録フォーム周り）

* 上手く出来たところ
    * いえもんさんとダリエンさんがきれいなグラフをアニメーション付きで作ってくださった
    * シャロン: TOPスライダーの動画にグラデーションのマスク
    


* ブラッシュアップしたいところ
    * 現在QA中なのでバグとかなんかあったら言ってくださるとありがたいっす


