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
160
WebXRでポートフォリオを作ろう/Let's make your portfolio with WebXR!
dojineko
August 03, 2022
Tweet
Share
More Decks by dojineko
See All by dojineko
iOSのWebViewとClipboardAPI / WebView and ClipboardAPI on iOS
dojineko
0
63
最近のUnityとVRChat / About Unity and VRChat recently
dojineko
0
150
ペパボ ホスティング事業部のWebフロントエンドについて 2022 / About Web Frontend of Pepabo Hosting division 2022
dojineko
1
9.2k
Viteはいいぞ/Vite is Good
dojineko
1
740
はじめてでもできた!VR登壇への道 / Let's VR speech!
dojineko
0
420
gRPC-WEBを使ったWEBアプリ開発/Development web-app with gRPC-WEB
dojineko
1
930
もう俺には関係なくないTypeScript/Our TypeScript
dojineko
3
350
TypeScript ではじめる Clean Architecture / Let's start Clean Architecture with TypeScript
dojineko
2
3.3k
Hosting meets .NET / hosting-meets-dotnet
dojineko
0
710
Other Decks in Technology
See All in Technology
Amplifyとゼロからはじめた AIコーディング 成果と展望
mkdev10
1
340
[TechNight #90-1] 本当に使える?ZDMの新機能を実践検証してみた
oracle4engineer
PRO
3
110
Uniadex__公開版_20250617-AIxIoTビジネス共創ラボ_ツナガルチカラ_.pdf
iotcomjpadmin
0
140
VCpp Link and Library - C++ breaktime 2025 Summer
harukasao
0
210
ユーザーのプロフィールデータを活用した推薦精度向上の取り組み
yudai00
0
450
ハノーバーメッセ2025座談会.pdf
iotcomjpadmin
0
140
Amazon ECS & AWS Fargate 運用アーキテクチャ2025 / Amazon ECS and AWS Fargate Ops Architecture 2025
iselegant
13
3.8k
Welcome to the LLM Club
koic
0
120
Observability в PHP без боли. Олег Мифле, тимлид Altenar
lamodatech
0
240
CIでのgolangci-lintの実行を約90%削減した話
kazukihayase
0
330
Definition of Done
kawaguti
PRO
6
440
Workflows から Agents へ ~ 生成 AI アプリの成長過程とアプローチ~
belongadmin
3
170
Featured
See All Featured
Building Applications with DynamoDB
mza
95
6.5k
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.6k
What's in a price? How to price your products and services
michaelherold
245
12k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
6
690
Thoughts on Productivity
jonyablonski
69
4.7k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
910
Designing for Performance
lara
609
69k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.6k
The World Runs on Bad Software
bkeepers
PRO
68
11k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
How to Think Like a Performance Engineer
csswizardry
24
1.7k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
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