face-order's Introduction
face-order's People
face-order's Issues
データの保存方法
候補
- DynamoDB / API GW / Lambda
- AWSにAPIを作成する必要がある
- DynamoDBでデータが確保できる
- ユーザ認証の仕組みを作る必要がある
- LocalStorage
- APIとか作る必要がないので手軽
- ローカルのデータが飛んだらAzureのキーと画像パスとの紐付けが飛んでしまう
フロントから写真がアップロードできる
FaceListから画像の一覧を全件取得する
画像選択を解除できる
顔をクリックすると選択した顔で検索される
画像一覧表示のデザインカンプ作成
顔認識が失敗した写真も登録される
requestsの廃止
ヘッダーを追加する
persistedFaceIdと画像URLの紐付けする仕組みを考える
画像の表示をレスポンシブにする
javascriptの写真用ライブラリ
現在選んでいる画像がわかるようにする
表示する写真を無限スクロールで実装
メモ
- DynamoDBのページネーション
指定したURLからfaceIdを取得するAPI作成
学習画像とサムネイル画像のリンクを分ける
参考にするデザインサイトを選定する
インフラ構成図作成
現在選んでいる画像がわかるようにする
写真が登録できる
画像アップロード中にローディング画面を表示する
顔認識が失敗した写真も登録される
主キーが取得されないためDynamoDBのキーの持ち方を考えないといけない。
写真のURLデータをDynamoDBに準備する
画像全件取得APIを作成する
TinyPNGで画像を圧縮する
API GWを通してAzuruの画像検索を行う
Fabric.jsで写真をトリミングしてから検索する
初期環境構築
環境
- フロント
- Electron
- React.js
- Redux
- バック(できれば不要にしたい)
- AWS
- Lambda
- API GW
- DynamoDB
- Azure
- Cognitive Services APIs
- FaceAPI
- Cognitive Services APIs
- AWS
調査
- Electron
- #3 データの保存方法
参考
http://tech.kayac.com/archive/which-would-you-like-pancake-or-sandwich.html
API GWを独自ドメインでアクセスできるようにする
サンプルデータの画像を圧縮する
画像一覧表示のデザイン適用
API Gateway のアクセスキーを変数にする
顔認識結果でスコアを考慮
Reduxの導入
Mock作成
参考サイトからデザイン適用する
DynamoDBのFacesに顔検出結果を追加
TinyPNGでS3にファイルをアップロードする
API GWでレスポンスに写真のURLを付加する
AzureのAPIレスポンスをトリガにしてLambdaをキックするのが難しそうだったので
仮の対応として下記の通りとする。
- 画像を全件DynamoDBから取得するAPI作成
- フロントで全件取得した結果を表示
- 検索ボタンを配備し、検索ボタンを押したら指定したfaceIdで検索を行う
API Gateway に認証を追加する
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.