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 にー兄さん
軽率にVue 3で リアルタイム3Dアプリを作れる ライブラリを作ってみた/vue-with-3d-app
drumath2237
3
1.3k
軽率にBabylon.jsを C#で使う技術 / using-babylonjs-with-csharp
drumath2237
1
290
今こそ軽率に理解したい WebXR Device APIとBabylon.jsの話 / understand-webxr-device-api-and-babylonjs
drumath2237
0
6
Vue・Babylon連携ライブラリ BabyuewJSについて / about-babyuewjs
drumath2237
0
51
軽率にBabylon.jsの WebGPUエンジンを使って ComputeShaderに入門した / learn-about-babylonjs-webgpu-computeshader
drumath2237
0
310
Snapdragon Spacesを通して Unity XRプラグインフレームワーク について軽率に学ぶ / about snapdragon spaces sdk and unity xr framework
drumath2237
0
300
Babylon.jsユーザのためのCLIを軽率にnpmで公開した話 / about create babylon app CLI
drumath2237
0
470
軽率な執筆活動 / writing books roughly
drumath2237
0
29
軽率にBabylon.jsへ WebXR Featureを実装して OSSコミットした
drumath2237
1
850
Other Decks in Technology
See All in Technology
.NETの非同期戦略とUnityとの相互運用
neuecc
2
2.4k
VSCode上からSlackにメッセージを送る拡張機能を作っている話
ebarakazuhiro
0
120
10分でわかるfreeeのQA
freee
0
260
KubeCon EU 2024 : Knative Maintainers Session
salaboy
0
370
BDD(Cucumber)コミュニティが無料提供しているコンテンツの紹介と現在起きている危機
nihonbuson
4
740
Cloud Friendly(?) Jenkins. How we failed to make Jenkins cloud native and what we learned?
onenashev
PRO
0
110
Vos logs méritent mieux que la config par défaut
lyrixx
2
350
検証からプロダクトへ: シームレスなLLM開発の ためのしくみ作り
nunukim
1
190
初心者が行く!サーバレスWebアプリ開発の道
nagaharutogawa
0
440
8週連続ウェビナー_イチから学ぶFivetran
cmsuzu
0
170
私のRSpecの書き方 / How I write RSpec
tmtms
4
830
単回帰分析について数式を追いながら実装してみた
kentaitakura
0
500
Featured
See All Featured
The Art of Programming - Codeland 2020
erikaheidi
40
12k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
242
20k
The World Runs on Bad Software
bkeepers
PRO
60
6.6k
Fontdeck: Realign not Redesign
paulrobertlloyd
75
4.8k
Teambox: Starting and Learning
jrom
126
8.4k
Building Your Own Lightsaber
phodgson
97
5.6k
Thoughts on Productivity
jonyablonski
57
3.8k
GitHub's CSS Performance
jonrohan
1023
450k
Mobile First: as difficult as doing things right
swwweet
215
8.5k
WebSockets: Embracing the real-time Web
robhawkes
59
6.9k
Learning to Love Humans: Emotional Interface Design
aarron
266
39k
Raft: Consensus for Rubyists
vanstee
130
6.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