Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
WebXRのいま(2025Q1) / About WebXR (2025Q1)
Search
dojineko
March 12, 2025
Technology
800
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
59
ミニPCを買ってみた話/The Story of Buying a Mini PC
dojineko
0
66
iOSのWebViewとClipboardAPI / WebView and ClipboardAPI on iOS
dojineko
0
200
最近のUnityとVRChat / About Unity and VRChat recently
dojineko
0
230
WebXRでポートフォリオを作ろう/Let's make your portfolio with WebXR!
dojineko
0
240
ペパボ ホスティング事業部のWebフロントエンドについて 2022 / About Web Frontend of Pepabo Hosting division 2022
dojineko
1
10k
Viteはいいぞ/Vite is Good
dojineko
1
850
はじめてでもできた!VR登壇への道 / Let's VR speech!
dojineko
0
520
gRPC-WEBを使ったWEBアプリ開発/Development web-app with gRPC-WEB
dojineko
1
1.1k
Other Decks in Technology
See All in Technology
Obsidian Vault Architectures
x5gtrn
PRO
0
160
LLM Content Moderationを支える評価・改善ループの実践
suikabar
2
360
AWSセキュリティで活用するAI機能
cmusudakeisuke
1
310
日本AIベンチャーレポート2026
kentarofujii
0
240
フィンテック養成勉強会#68
finengine
0
240
契約で守るコンパウンドプロダクトのデザインシステム
yug1224
1
1.4k
dbt Semantic Layerで進めるenechainのデータ民主化
akizhou
1
270
What Is JetBrains Air
x5gtrn
PRO
0
170
Let's Change Our World—Again
snoozer05
PRO
6
680
Claude for Google Workspaces ポン出し/claude-for-google-workspace-slide-conversion
emiki
0
13k
「私が一番顧客に詳しい」を捨てる~ 全員が一次情報に精通する開発チームをつくり、PMが次のボトルネックへ染み出すまで
kaminashi
4
2.4k
あなたのDartコードは丸見えかもしれない ~reFlutterで暴くFlutterアプリの中身と多層防御~
zozotech
PRO
0
170
Featured
See All Featured
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
610
How to Ace a Technical Interview
jacobian
280
24k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandez
0
310
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
610
Unlocking the hidden potential of vector embeddings in international SEO
frankvandijk
0
1k
The #1 spot is gone: here's how to win anyway
tamaranovitovic
4
1.2k
Building the Perfect Custom Keyboard
takai
2
920
Redefining SEO in the New Era of Traffic Generation
szymonslowik
1
490
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
28
3.7k
Typedesign – Prime Four
hannesfritz
42
3.2k
Speed Design
sergeychernyshev
33
2.2k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
helenjbeal
2
410
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