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 にー兄さん
XRエンジニアの視点から XRのイマと社会実装の実現について考える / thinking-about-xr-popularization
drumath2237
0
6
軽率にプログラミング言語のシンタックスについて考えてみよう / lets-think-about-programming-lang-syntax
drumath2237
0
55
エンジニアが軽率に趣味から始める、OSS貢献を軸とした個人活動 / oss-contribution-as-a-hoby-project
drumath2237
0
36
Babylon.js 8.0のアプデ情報を 軽率にキャッチアップ / catch-up-babylonjs-8
drumath2237
0
190
フォークギター with VFXの 制作を軽率に振り返ろう! / look back fork guitar with vfx
drumath2237
0
37
軽率に始まった Babylon.js勉強会運営の 1年間をふりかえって / look back babylonjs japan activity
drumath2237
0
67
利己的利他、 あるいは軽率2.0に備えよ。 / prepare-for-keisotsu-2.0
drumath2237
0
54
軽率にAndroidXRのJetpack SceneCoreを使って3Dモデルを表示してみる / androidxr-scenecore-3dmodels
drumath2237
0
130
あなたの知らないWebXR Device APIの話を軽率に / about-webxr-device-api-you-dont-know
drumath2237
0
56
Other Decks in Technology
See All in Technology
allow_retry と Arel.sql / allow_retry and Arel.sql
euglena1215
1
150
ライブサービスゲームQAのパフォーマンス検証による品質改善の取り組み
gree_tech
PRO
0
480
「魔法少女まどか☆マギカ Magia Exedra」での負荷試験の実践と学び
gree_tech
PRO
0
490
kubellが考える戦略と実行を繋ぐ活用ファーストのデータ分析基盤
kubell_hr
0
130
7月のガバクラ利用料が高かったので調べてみた
techniczna
3
830
サンドボックス技術でAI利活用を促進する
koh_naga
0
170
250905 大吉祥寺.pm 2025 前夜祭 「プログラミングに出会って20年、『今』が1番楽しい」
msykd
PRO
1
270
Grafana MCPサーバーによるAIエージェント経由でのGrafanaダッシュボード動的生成
hamadakoji
1
1.2k
新規案件の立ち上げ専門チームから見たAI駆動開発の始め方
shuyakinjo
0
660
Browser
recruitengineers
PRO
8
2.3k
Obsidian応用活用術
onikun94
0
300
20250903_1つのAWSアカウントに複数システムがある環境におけるアクセス制御をABACで実現.pdf
yhana
2
310
Featured
See All Featured
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Scaling GitHub
holman
463
140k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.4k
Why Our Code Smells
bkeepers
PRO
339
57k
Java REST API Framework Comparison - PWX 2021
mraible
33
8.8k
Code Reviewing Like a Champion
maltzj
525
40k
RailsConf 2023
tenderlove
30
1.2k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.6k
The Art of Programming - Codeland 2020
erikaheidi
55
13k
Optimizing for Happiness
mojombo
379
70k
GitHub's CSS Performance
jonrohan
1032
460k
The Invisible Side of Design
smashingmag
301
51k
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