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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
にー兄さん
July 31, 2020
Technology
0
190
筑波大学COJT2020 Faciopプロジェクト
筑波大学COJT2020の成果発表にて発表した資料になります。
にー兄さん
July 31, 2020
Tweet
Share
More Decks by にー兄さん
See All by にー兄さん
Jetpack XR SDKから紐解くAndroid XR開発と技術選定のヒント / about-androidxr-and-jetpack-xr-sdk
drumath2237
1
400
XRエンジニアの視点から XRのイマと社会実装の実現について考える / thinking-about-xr-popularization
drumath2237
0
51
軽率にプログラミング言語のシンタックスについて考えてみよう / lets-think-about-programming-lang-syntax
drumath2237
0
87
エンジニアが軽率に趣味から始める、OSS貢献を軸とした個人活動 / oss-contribution-as-a-hoby-project
drumath2237
0
60
Babylon.js 8.0のアプデ情報を 軽率にキャッチアップ / catch-up-babylonjs-8
drumath2237
0
320
フォークギター with VFXの 制作を軽率に振り返ろう! / look back fork guitar with vfx
drumath2237
0
74
軽率に始まった Babylon.js勉強会運営の 1年間をふりかえって / look back babylonjs japan activity
drumath2237
0
110
利己的利他、 あるいは軽率2.0に備えよ。 / prepare-for-keisotsu-2.0
drumath2237
0
80
軽率にAndroidXRのJetpack SceneCoreを使って3Dモデルを表示してみる / androidxr-scenecore-3dmodels
drumath2237
0
220
Other Decks in Technology
See All in Technology
Ruby版 JSXのRuxが気になる
sansantech
PRO
0
170
Agile Leadership Summit Keynote 2026
m_seki
1
670
20260204_Midosuji_Tech
takuyay0ne
1
160
顧客との商談議事録をみんなで読んで顧客解像度を上げよう
shibayu36
0
320
OWASP Top 10:2025 リリースと 少しの日本語化にまつわる裏話
okdt
PRO
3
850
ECS障害を例に学ぶ、インシデント対応に備えたAIエージェントの育て方 / How to develop AI agents for incident response with ECS outage
iselegant
4
390
コミュニティが変えるキャリアの地平線:コロナ禍新卒入社のエンジニアがAWSコミュニティで見つけた成長の羅針盤
kentosuzuki
0
130
AIエージェントに必要なのはデータではなく文脈だった/ai-agent-context-graph-mybest
jonnojun
1
250
M&A 後の統合をどう進めるか ─ ナレッジワーク × Poetics が実践した組織とシステムの融合
kworkdev
PRO
1
510
CDKで始めるTypeScript開発のススメ
tsukuboshi
1
560
Agent Skils
dip_tech
PRO
0
130
旅先で iPad + Neovim で iOS 開発・執筆した話
zozotech
PRO
0
100
Featured
See All Featured
From π to Pie charts
rasagy
0
130
Building a Modern Day E-commerce SEO Strategy
aleyda
45
8.7k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
38
2.7k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
55k
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
reverentgeek
1
350
Primal Persuasion: How to Engage the Brain for Learning That Lasts
tmiket
0
260
The Invisible Side of Design
smashingmag
302
51k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
760
Why You Should Never Use an ORM
jnunemaker
PRO
61
9.7k
The Impact of AI in SEO - AI Overviews June 2024 Edition
aleyda
5
740
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
inesmontani
PRO
0
230
Build The Right Thing And Hit Your Dates
maggiecrowley
39
3k
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