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のいま(2025Q1) / About WebXR (2025Q1)
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
dojineko
March 12, 2025
Technology
740
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
WebXRのいま(2025Q1) / About WebXR (2025Q1)
dojineko
March 12, 2025
More Decks by dojineko
See All by dojineko
コスパの良いAIの選び方 / Surviving the AI Era on a Budget
dojineko
0
34
ミニPCを買ってみた話/The Story of Buying a Mini PC
dojineko
0
41
iOSのWebViewとClipboardAPI / WebView and ClipboardAPI on iOS
dojineko
0
150
最近のUnityとVRChat / About Unity and VRChat recently
dojineko
0
210
WebXRでポートフォリオを作ろう/Let's make your portfolio with WebXR!
dojineko
0
220
ペパボ ホスティング事業部のWebフロントエンドについて 2022 / About Web Frontend of Pepabo Hosting division 2022
dojineko
1
10k
Viteはいいぞ/Vite is Good
dojineko
1
820
はじめてでもできた!VR登壇への道 / Let's VR speech!
dojineko
0
490
gRPC-WEBを使ったWEBアプリ開発/Development web-app with gRPC-WEB
dojineko
1
1.1k
Other Decks in Technology
See All in Technology
TypeScript Compiler APIとPHP-Parserを活用し、TypeScriptとPHPで型を共有する
shuta13
0
370
Rancherの紹介&Update情報(RancherJP Online Meetup #09)
yoshiyuki_kono
0
130
サプライチェーンセキュリティの空白地帯 - 信頼できる”依存性”の未来を考える
rung
PRO
2
790
サイバーセキュリティ概論 / Introduction to Cybersecurity
ks91
PRO
0
170
データ基盤をDataformで整えた話 〜 開発環境を添えて 〜
takapy
0
130
トークン数だけでは測れない — Claude Code 組織展開の効果検証から学んだこと
makikub
0
140
Amazon Bedrock AgentCore ワークショップ JAWS UG TOHOKU / amazon-bedrock-agentcore-workshop-jawsug-tohoku-2026
gawa
9
470
いまさら聞けない人のためのAIコーディング入門
devops_vtj
0
130
AWSシリコン最前線 〜AI時代のチップ選択を読み解く〜
htokoyo
1
240
探して_入れて_作って_使う_Agent_Skills___LT.pdf
peintangos
2
180
生成 AI × MCP で切り拓く次世代 SRE!自律型運用への挑戦と開発者体験の進化
_awache
0
170
価格.comをAI駆動で全面刷新する ー 30年分の技術的負債を返し、次の30年の土台をつくる ー / AI Engineering Summit Tokyo 2026
tkyowa
50
57k
Featured
See All Featured
A Modern Web Designer's Workflow
chriscoyier
698
190k
We Analyzed 250 Million AI Search Results: Here's What I Found
joshbly
1
1.3k
We Are The Robots
honzajavorek
0
240
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
47
8.2k
Unlocking the hidden potential of vector embeddings in international SEO
frankvandijk
0
840
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
34
2.8k
Odyssey Design
rkendrick25
PRO
2
690
The Illustrated Children's Guide to Kubernetes
chrisshort
51
52k
Applied NLP in the Age of Generative AI
inesmontani
PRO
4
2.3k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
11
940
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
2
330
Transcript
WebXRのいま(2025Q1) 今年こそはVR/AR元年 2025-03-12 Mirrativ LT Party Q1 @dojineko
dojineko • フロントエンドエンジニア • たまにVRにいる猫 • トトロはいるんだってマジマジ
今回は軽さ重視!
おしながき ➔ ココ最近のXRトピック ➔ WebXRとは ➔ これがデキルよWebXR ➔ ここがムズイよWebXR ➔
まとめ
None
ココ最近のXRトピック ➔ 「Android XR」爆誕 ◆ Google が公式にメンテする XR 用 OS
が誕生 ◆ HTC VIVE チームの一部が戦略的統合 ➔ MetaがQuestのOSをサードパーティに開放 ◆ Quest エコシステムを他のデバイスでも利用できるように ➔ Apple visionOSが2.0にアップデート ◆ すげぇやつがよりすごくなった...ハズ ➔ PICO 4 Ultra と PICO Motion Tracker が安くてスゴい
WebXRとは
WebXRとは ➔ 実はWebブラウザでVR/AR(まとめてXR)できます ➔ WebXR API という名前で標準化されている技術です ➔ HMDだけでなくスマホなどのブラウザでも動作します ➔
デバイスやOSの機能拡充で できることがじわじわ増えています
これがデキルよWebXR
WebXR API を使ったコンテンツの例 - テスト用なのでシンプル https://immersive-web.github.io/webxr-samples/
これがデキルよWebXR ➔ ブラウザさえあれば一瞬でARとVRを身近に体験できる! ◆ デジタルフィギュアを作って展示したり ◆ バーチャルな家具を設置してみたり ➔ ひとまずスマホさえあれば体験できる! ◆
特別なアプリもデバイスもいらない手軽さがウリ
これがツライよWebXR
立ちはだかるiOSのWebXRのサポートの壁 (iOS18の例)
ここがツライよWebXR ➔ スマホでも使える標準化されたAPIのハズだったのに… ◆ iOS 16 で WebXR API 実験的なサポートが実現
◆ iOS 17 で WebXR API のサポートが削除… • VR機能もまとめて使えなくなった ◆ 一方 visionOS で WebXR が有効な状態 (VR機能のみ使える) ➔ ブラウザのAPIは標準化されているが実装が追いついていない ◆ iOS 対応をごく限定的にするなら広く使える状態にある
じゃあどうしようね? ➔ iOSを含んだ条件で使うのは現状難しいかも ◆ Safariの独自機能を使ってモデルを表示する方法はある ◆ 使い分けで切り抜ける手段もありそう ➔ モデルやアセット守りたいシーンでは注意 ◆
Unity や Godot を使ってプレーヤーを実装する手法が多そう ◆ アプリやプレーヤーにすれば完全に守れるわけでもない ◆ WebXRで公開するのはWebサイトと同じくらいの 温度感のデータでないと相性が悪いかも
VRに特化するのであればアプリでもブラウザでもARと比較して代替手段は多め
まとめ ➔ 今人類に最も身近なXRデバイスは手に持っているスマホ ➔ Android XR の登場でますますもりあがる…かも…? ◆ Meta Horizon
OS 勢も拡大中 ◆ Apple visionOS はゆっくりだが順当に進化している ➔ 手軽にコンテンツを作って公開するならWebXRはアリなんだが... ◆ iOSでWebXRが丸ごと無効化されている現状がキビシイ ◆ 標準APIにこだわりがなければ道は残されている
おまけ:VRHMDは何買ったらいいですか? ➔ ズバリ Meta Quest 3 か PICO 4 Ultra
◆ VRだけでなくARも触れられる機種がメジャーになった ➔ 単機で Beat Saber がしたい ◆ Meta Quest 3 (節約したいなら Quest 3S) ◆ Steam なら PICO4 Ultra でも遊べるよ ➔ 最安でそこそこのフルトラがしたい ◆ PICO 4 Ultra + PICO Motion Tracker ◆ よくセットで売ってるのでセールを狙おう
永遠に喋り続けてるので #z_club_vr に遊びに来てね
None