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
WebXRでポートフォリオを作ろう/Let's make your portfolio wit...
Search
dojineko
August 03, 2022
Technology
0
140
WebXRでポートフォリオを作ろう/Let's make your portfolio with WebXR!
dojineko
August 03, 2022
Tweet
Share
More Decks by dojineko
See All by dojineko
最近のUnityとVRChat / About Unity and VRChat recently
dojineko
0
80
ペパボ ホスティング事業部のWebフロントエンドについて 2022 / About Web Frontend of Pepabo Hosting division 2022
dojineko
0
8.4k
Viteはいいぞ/Vite is Good
dojineko
1
630
はじめてでもできた!VR登壇への道 / Let's VR speech!
dojineko
0
350
gRPC-WEBを使ったWEBアプリ開発/Development web-app with gRPC-WEB
dojineko
1
710
もう俺には関係なくないTypeScript/Our TypeScript
dojineko
3
290
TypeScript ではじめる Clean Architecture / Let's start Clean Architecture with TypeScript
dojineko
2
2.9k
Hosting meets .NET / hosting-meets-dotnet
dojineko
0
610
TypeScript と ORM / ORM with TypeScript
dojineko
0
710
Other Decks in Technology
See All in Technology
エンジニア採用ノウハウ0から継続的な採用に至るまで / Try recruiting engineers
ohageeq
0
130
中規模・ミドルTier開発組織におけるDevRelの戦略と実行と成果 - DevRel Guild Conference Mini -
leveragestech
2
260
自社開発した大規模言語モデルをどうプロダクションに乗せて運用していくか〜インフラ編〜
pfn
PRO
4
680
エンジニア向け会社紹介資料
caddi_eng
15
250k
RAGHack: Kickoff and RAG 101
pamelafox
0
200
歴史と背景から改めて振り返るVPC
shotashiratori
2
220
contenteditableと向き合う
kikuchikakeru
2
140
トレタO/X アーキテクチャ移行記 Next.js App Router化への道のり / TORETA TECH UPDATE 1
okunokentaro
2
560
すぐに始めるAWSコスト削減。短期でできる改善策と長期的な運用負荷軽減への取り組み方を解説
ncdc
1
120
LLM を現場で評価する
asei
4
680
[RSJ24] Task Success Prediction for Open-Vocabulary Manipulation Based on Multi-Level Aligned Representations
keio_smilab
PRO
0
220
サイボウズ 開発本部採用ピッチ / Cybozu Engineer Recruit
cybozuinsideout
PRO
9
41k
Featured
See All Featured
Music & Morning Musume
bryan
46
6k
10 Git Anti Patterns You Should be Aware of
lemiorhan
653
58k
How GitHub Uses GitHub to Build GitHub
holman
472
290k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
230
17k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
502
140k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
52k
It's Worth the Effort
3n
182
27k
Atom: Resistance is Futile
akmur
261
25k
4 Signs Your Business is Dying
shpigford
179
21k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
45
4.8k
Making Projects Easy
brettharned
113
5.8k
The Invisible Side of Design
smashingmag
295
50k
Transcript
WebXRで ポートフォリオを作ろう! 2022-08-03 福岡XR部 @dojineko
どじねこ @dojineko GMOペパボ / よろず屋
今回お話する内容
None
これをやった話です https://xr.dojineko.dev
もくじ ➔ なんでXR? ➔ 使ったもの紹介 ➔ 完走した感想
なんでXR? • 普通にWebサイトでポートフォリオを作るとページになる • 最近は個人的にVR的な活動をしてることが多い ◦ せっかくならそういう要素を盛り込みたい! ▪ VRChatやClusterもいいけど、 もっと気軽に見れるようにしたい!
• ・・・いっちょやってみっか〜!
使ったもの紹介
• モデリング: Blender • フレームワーク: A-Frame • ブラウザ: Google Chrome
(…これだけ!) 使ったもの紹介
None
None
簡単な紹介動画をYouTubeにあげてます https://www.youtube.com/watch?v=X7hSph7Uk6c
完走した感想
完走した感想 • Blenderをチョットデキル状態だったので作りたいものはすぐ作れた! • A-Frameは初めてだったけどBlednerからgLTFで出力したモデルを すぐ取り込めて表示できた! ◦ 初めてでもすぐにできる手軽さが超魅力! ◦ ImageTrackingもできるし、VRモードにもすぐ対応できる!
• 一方で難しい点も ◦ ES ModulesなJavaScriptを使っておうとすると苦労する ◦ 細かいことをしたいなら Three.js か Babylon.js も手の1つ
バーチャルでも表現しよう!
None