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 with WebXR!
Search
dojineko
August 03, 2022
Technology
0
130
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
64
ペパボ ホスティング事業部のWebフロントエンドについて 2022 / About Web Frontend of Pepabo Hosting division 2022
dojineko
0
8.2k
Viteはいいぞ/Vite is Good
dojineko
1
610
はじめてでもできた!VR登壇への道 / Let's VR speech!
dojineko
0
340
gRPC-WEBを使ったWEBアプリ開発/Development web-app with gRPC-WEB
dojineko
1
670
もう俺には関係なくないTypeScript/Our TypeScript
dojineko
3
280
TypeScript ではじめる Clean Architecture / Let's start Clean Architecture with TypeScript
dojineko
2
2.8k
Hosting meets .NET / hosting-meets-dotnet
dojineko
0
590
TypeScript と ORM / ORM with TypeScript
dojineko
0
690
Other Decks in Technology
See All in Technology
AWSでRAGを作る法方
sonoda_mj
1
140
Classmethod流のPlatform Engineering / classmethod-platform-engineering-devio2024
tomoki10
0
470
DevIO2024_レガシー運用からの脱却 -クラウド活用の実践事例とベストプラクティス-
jun2882
0
210
Git 研修 Advanced【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
200
目標設定は好きですか? アジャイルとともに目標と向き合い続ける方法 / Do you like target Management?
kakehashi
10
3k
テスト・設計研修【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
170
ペパボのオブザーバビリティ研修2024 説明資料
kesompochy
0
1.1k
サービスの持続的な成長と技術負債について
siva_official
PRO
10
4.4k
運用改善、不都合な真実 / 20240722-ssmjp-kaizen
opelab
17
8k
Datadog Cloud SIEMを使ってAWS環境の脅威を可視化した話/lifeistech-datadog-cloud-siem
gidajun
0
480
累計ダウンロード数1億8000万を超えるアプリケーションプラットフォームのレガシーシステム脱却とモダン化への道
kmitsuhashi
0
120
E2Eテスト自動化プラットフォームにおけるAIの活用
shift_evolve
0
180
Featured
See All Featured
Faster Mobile Websites
deanohume
303
30k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
26
2.1k
The MySQL Ecosystem @ GitHub 2015
samlambert
248
12k
From Idea to $5000 a Month in 5 Months
shpigford
377
46k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
35
6.3k
VelocityConf: Rendering Performance Case Studies
addyosmani
321
23k
The Power of CSS Pseudo Elements
geoffreycrofte
64
5.2k
How to Ace a Technical Interview
jacobian
274
23k
The Brand Is Dead. Long Live the Brand.
mthomps
52
36k
The Cult of Friendly URLs
andyhume
75
5.9k
The Pragmatic Product Professional
lauravandoore
29
6.1k
How to Think Like a Performance Engineer
csswizardry
4
590
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