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
150
筑波大学COJT2020 Faciopプロジェクト
筑波大学COJT2020の成果発表にて発表した資料になります。
にー兄さん
July 31, 2020
Tweet
Share
More Decks by にー兄さん
See All by にー兄さん
UnJSを使って軽率にCLIを作ってみたらめちゃくちゃ便利だった / create CLI with UnJS
drumath2237
0
30
create-babylon-appを軽率にアプデしたい / update create babylon app
drumath2237
1
14
Babylon.js 7注目機能を 軽率にまとめてみる/whats-new-in-babylonjs-v7
drumath2237
1
100
軽率にVFX Graphと Compute Shaderを 組み合わせるテクニック/integrate-vfxgraph-and-compute-shader
drumath2237
1
120
軽率にVue 3で リアルタイム3Dアプリを作れる ライブラリを作ってみた/vue-with-3d-app
drumath2237
3
1.6k
軽率にBabylon.jsを C#で使う技術 / using-babylonjs-with-csharp
drumath2237
1
510
今こそ軽率に理解したい WebXR Device APIとBabylon.jsの話 / understand-webxr-device-api-and-babylonjs
drumath2237
0
60
Vue・Babylon連携ライブラリ BabyuewJSについて / about-babyuewjs
drumath2237
0
120
軽率にBabylon.jsの WebGPUエンジンを使って ComputeShaderに入門した / learn-about-babylonjs-webgpu-computeshader
drumath2237
0
490
Other Decks in Technology
See All in Technology
エンジニア向け会社紹介資料
caddi_eng
14
220k
Scaling Technical Excellence at 104: Evolution in AWS and Developer Empowerment
scotthsieh825
1
150
AOAI Dev Day - Opening Session
yoshidashingo
2
430
Classmethod Odyssey 登壇資料
yamahiro
0
390
スレットハンティングについて知っておきたいこと
hacket
0
130
初中級者用如何使用backlog -VALE TUDOEDITION-
in0u
0
140
テストケースの自動生成に生成AIの導入を試みた話と生成AIによる今後の期待
shift_evolve
0
180
Git 研修 Advanced【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
200
シフトレフトで挑む セキュリティの生産性向上
sekido
PRO
0
270
サービスの持続的な成長と技術負債について
siva_official
PRO
10
4.4k
What is DRE? - Road to SRE NEXT@広島
chanyou0311
3
620
頼られるのが大好きな 皆さんへ - 支援相手との期待の合わせ方、突き放し方 -/For_people_who_like_to_be_relied_on
naitosatoshi
1
290
Featured
See All Featured
The Illustrated Children's Guide to Kubernetes
chrisshort
39
47k
Design by the Numbers
sachag
277
18k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
224
21k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
189
16k
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
Agile that works and the tools we love
rasmusluckow
325
20k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
18
1.2k
BBQ
matthewcrist
82
9k
How GitHub Uses GitHub to Build GitHub
holman
471
290k
Building a Modern Day E-commerce SEO Strategy
aleyda
25
6.7k
What the flash - Photography Introduction
edds
65
11k
Typedesign – Prime Four
hannesfritz
37
2.2k
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