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
170
WebXRでポートフォリオを作ろう/Let's make your portfolio with WebXR!
dojineko
August 03, 2022
Tweet
Share
More Decks by dojineko
See All by dojineko
2025-03-12 WebXRのいま(2025Q1) / About WebXR (2025Q1)
dojineko
0
480
iOSのWebViewとClipboardAPI / WebView and ClipboardAPI on iOS
dojineko
0
75
最近のUnityとVRChat / About Unity and VRChat recently
dojineko
0
160
ペパボ ホスティング事業部のWebフロントエンドについて 2022 / About Web Frontend of Pepabo Hosting division 2022
dojineko
1
9.4k
Viteはいいぞ/Vite is Good
dojineko
1
750
はじめてでもできた!VR登壇への道 / Let's VR speech!
dojineko
0
440
gRPC-WEBを使ったWEBアプリ開発/Development web-app with gRPC-WEB
dojineko
1
960
もう俺には関係なくないTypeScript/Our TypeScript
dojineko
3
360
TypeScript ではじめる Clean Architecture / Let's start Clean Architecture with TypeScript
dojineko
2
3.3k
Other Decks in Technology
See All in Technology
クラウドセキュリティを支える技術と運用の最前線 / Cutting-edge Technologies and Operations Supporting Cloud Security
yuj1osm
2
240
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
30k
新規案件の立ち上げ専門チームから見たAI駆動開発の始め方
shuyakinjo
0
630
人と組織に偏重したEMへのアンチテーゼ──なぜ、EMに設計力が必要なのか/An antithesis to the overemphasis of people and organizations in EM
dskst
7
830
オブザーバビリティが広げる AIOps の世界 / The World of AIOps Expanded by Observability
aoto
PRO
0
180
ヘブンバーンズレッドのレンダリングパイプライン刷新
gree_tech
PRO
0
420
現場が抱える様々な問題は “組織設計上” の問題によって生じていることがある / Team-oriented Organization Design 20250827
mtx2s
7
69k
生成AI時代に必要な価値ある意思決定を育てる「開発プロセス定義」を用いた中期戦略
kakehashi
PRO
1
230
TypeScript入門
recruitengineers
PRO
33
11k
「AI2027」を紐解く ― AGI・ASI・シンギュラリティ
masayamoriofficial
0
160
Browser
recruitengineers
PRO
7
2.1k
Microsoft Fabric のネットワーク保護のアップデートについて
ryomaru0825
1
120
Featured
See All Featured
Documentation Writing (for coders)
carmenintech
73
5k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.6k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Facilitating Awesome Meetings
lara
55
6.5k
Balancing Empowerment & Direction
lara
3
600
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
Java REST API Framework Comparison - PWX 2021
mraible
33
8.8k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
Testing 201, or: Great Expectations
jmmastey
45
7.6k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
How STYLIGHT went responsive
nonsquared
100
5.8k
Building an army of robots
kneath
306
46k
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