Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
筑波大学COJT2020 Faciopプロジェクト
Search
にー兄さん
July 31, 2020
Technology
0
180
筑波大学COJT2020 Faciopプロジェクト
筑波大学COJT2020の成果発表にて発表した資料になります。
にー兄さん
July 31, 2020
Tweet
Share
More Decks by にー兄さん
See All by にー兄さん
軽率にプログラミング言語のシンタックスについて考えてみよう / lets-think-about-programming-lang-syntax
drumath2237
0
44
エンジニアが軽率に趣味から始める、OSS貢献を軸とした個人活動 / oss-contribution-as-a-hoby-project
drumath2237
0
32
Babylon.js 8.0のアプデ情報を 軽率にキャッチアップ / catch-up-babylonjs-8
drumath2237
0
140
フォークギター with VFXの 制作を軽率に振り返ろう! / look back fork guitar with vfx
drumath2237
0
31
軽率に始まった Babylon.js勉強会運営の 1年間をふりかえって / look back babylonjs japan activity
drumath2237
0
54
利己的利他、 あるいは軽率2.0に備えよ。 / prepare-for-keisotsu-2.0
drumath2237
0
44
軽率にAndroidXRのJetpack SceneCoreを使って3Dモデルを表示してみる / androidxr-scenecore-3dmodels
drumath2237
0
110
あなたの知らないWebXR Device APIの話を軽率に / about-webxr-device-api-you-dont-know
drumath2237
0
34
UnJSを使って軽率にCLIを作ってみたらめちゃくちゃ便利だった / create CLI with UnJS
drumath2237
4
1.6k
Other Decks in Technology
See All in Technology
関数型プログラミングで 「脳がバグる」を乗り越える
manabeai
2
210
敢えて生成AIを使わないマネジメント業務
kzkmaeda
2
470
アクセスピークを制するオートスケール再設計: 障害を乗り越えKEDAで実現したリソース管理の最適化
myamashii
1
140
MobileActOsaka_250704.pdf
akaitadaaki
0
170
【LT会登壇資料】TROCCO新コネクタ「スマレジ」を活用した直営店データの分析
kazari0425
1
110
タイミーのデータモデリング事例と今後のチャレンジ
ttccddtoki
6
2.5k
IPA&AWSダブル全冠が明かす、人生を変えた勉強法のすべて
iwamot
PRO
2
200
SRE不在の開発チームが障害対応と 向き合った100日間 / 100 days dealing with issues without SREs
shin1988
1
410
開発生産性を測る前にやるべきこと - 組織改善の実践 / Before Measuring Dev Productivity
kaonavi
14
6.5k
Glacierだからってコストあきらめてない? / JAWS Meet Glacier Cost
taishin
1
170
SREのためのeBPF活用ステップアップガイド
egmc
1
210
cdk initで生成されるあのファイル達は何なのか/cdk-init-generated-files
tomoki10
0
110
Featured
See All Featured
Raft: Consensus for Rubyists
vanstee
140
7k
Site-Speed That Sticks
csswizardry
10
690
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
46
9.6k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.5k
Facilitating Awesome Meetings
lara
54
6.4k
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
The Pragmatic Product Professional
lauravandoore
35
6.7k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
970
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
A better future with KSS
kneath
238
17k
How to Ace a Technical Interview
jacobian
278
23k
Transcript
情報科学類3年 堤海斗 知識学類3年 春名航亨 Faciop ~気軽にWeb上で試着!~ 2020年度COJT春学期 1
メンバー 堤 海斗 情報科学類 3年次 担当:AR試着システムの実装検証 春名 航亨 知識情報・図書館学類 3年次
担当:商品・3DデータAPIとフロント 2
3 ”AR試着” で解決 家にいながら 買い物がしたい! 商品の訴求力を 上げたい! 自分の作った 3Dモデルを売りたい!
Faciopの想定するユーザーフロー 4 商品情報を Faciopに申請 商品情報を元に 3Dモデルを 作成・入稿 商品をAR試着 気に入ったら 購入
3Dモデラー×中小の小売店×消費者をつなぐ 全く新しいプラットフォーム! 5
6 Stay Homeで試着し、 買い物をする機会 を提供 商品を訴求する プラットフォームを 提供 3Dモデルを使った 新しいマネタイズの
手段を提供
マネタイズの一例 - 出品料 - 商品売れるごとにマージン - AmazonなどECサイトのアドセンス 7
サイト https://faciop-cojt.github.io/faciop/ デモ https://drive.google.com/file/d/1uwJUxDpyV1RVoOSOfVYEbmSPYFgaPCMT/view?usp=sharing 8
システム構成 - 全体 クライアントサイド サーバサイド(API) 9 商品取得・ 3Dモデル入稿/取得 データ返却 SQL発行
結果返却
システム構成 - フロントエンド(試着・堤) 10 フレームワーク Nuxt.js+TypeScript 顔の姿勢推定 facemesh(tensorflow.js) 3DCG描画回り three.js
システム構成 - フロントエンド(試着以外・春名) 11 フレームワーク Nuxt.js UIコンポーネント BootstrapVue 本番環境 GitHub
Pages
システム構成 - バックエンド(API・春名) 12 フレームワーク Ruby on Rails データベース PostgreSQL
本番環境 Heroku
今回得られた知見 - Nuxtでメディアコンテンツを扱った開発の知見(堤) - 商品データ取得/3Dデータ入稿API構築(春名) - Vueのアーキテクチャの理解(春名) 13
頑張ったところ - 少人数でもなんとかやりきった(春名) - 試着システムを1から作った(堤) - ドキュメントやライブラリが少なかった(堤) 14
今後の展望 - 他の小物に対応 - 帽子, マスク… - より洗練されたサービスへ - UI/UX,
ユーザー認証, 欲しい物リスト… - 実運用を行う 15
第2部で お会いしましょう! 16