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 で Web をもっと楽しもう
Search
qst_exe
March 16, 2024
Technology
0
130
WebXR で Web をもっと楽しもう
「ゆるやかな合同WEB勉強会2024」で LT した内容です
https://markmeizan.connpass.com/event/310718/
qst_exe
March 16, 2024
Tweet
Share
More Decks by qst_exe
See All by qst_exe
今年のメタバースについての取り組みとこれから
qst_exe
0
130
今年のメタバースについての取り組みとこれから
qst_exe
0
42
visionOSアプリ開発について
qst_exe
0
77
visionOSアプリ開発のすゝめ
qst_exe
0
76
EDDのすゝめ 〜LT大会に参加しませんか?〜
qst_exe
0
28
オンラインイベントの失敗談と対応 〜「コロナ禍の鹿児島」のそれから〜
qst_exe
0
79
メタバースコミュニティ「BridgeSpace」の紹介
qst_exe
0
180
Webアプリエンジニアにこそ知ってほしい Flutterでのモバイルアプリ開発について
qst_exe
0
24
コロナ禍の地方のエンジニアコミュニティのあり方
qst_exe
0
79
Other Decks in Technology
See All in Technology
開発生産性大幅アップ!Postman VS Code拡張機能
nagix
2
390
ExaDB-D dbaascli で出来ること
oracle4engineer
PRO
0
2.1k
Além do else! Categorizando Pokemóns com Pattern Matching no JavaScript
wmsbill
0
640
KubeCon EU 2024 Recap “Kubernetes Policy Time Machine: Where to Next?”
ryysud
0
220
Building Dashboards as a Hobby
egmc
0
240
DevOpsメトリクスとアウトカムの接続にトライ!開発プロセスを通して計測できるメトリクスの活用方法
ham0215
2
240
TechFeed Experts Night#27 〜 フロントエンドフレームワーク最前線 (Svelte)
baseballyama
1
540
Cracking the KubeCon CfP
inductor
2
250
VSCodeの拡張機能を作っている話
ebarakazuhiro
1
600
20分で完全に理解するGrafanaダッシュボード
hamadakoji
3
690
Tellus の衛星データを見てみよう #mf_fukuoka
kongmingstrap
0
220
IaCジェネレーターとBedrockで詳細設計書を生成してみた
tsukasa_ishimaru
3
290
Featured
See All Featured
A designer walks into a library…
pauljervisheath
200
23k
WebSockets: Embracing the real-time Web
robhawkes
59
7k
The Brand Is Dead. Long Live the Brand.
mthomps
49
29k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
2
1.3k
GraphQLの誤解/rethinking-graphql
sonatard
50
9.2k
Stop Working from a Prison Cell
hatefulcrawdad
266
19k
Ruby is Unlike a Banana
tanoku
96
10k
How GitHub Uses GitHub to Build GitHub
holman
468
290k
Product Roadmaps are Hard
iamctodd
44
9.7k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
187
16k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
6
1.5k
Music & Morning Musume
bryan
41
5.6k
Transcript
W e b X R で W e b を
も っ と 楽 し も う 2024-03-16 Hedgehog.exe LLC kusutan
顔出し撮影OK なので、 「# まーくなう」で SNS 投稿お願いします!
01 プ ロ フ ィ ー ル self-introduction 02 事
例 紹 介 Results of Activities 03 W e b X R に つ い て Learning through activities 04 今 後 の 展 望 Future prospects 05 ま と め summary CONTENTS 目 次
く す た ん 鹿屋市・鹿児島市在住 ヘッジホッグ.exe 合同会社 代表 株式会社ユニマル Rockstar
KUSUTAN 自 己 紹 介 01
ヘ ッ ジ ホ ッ グ . e x e
2022年に設立。 モバイルアプリ開発やメ タバースに関する事業開 発を行っています。 01 ユ ニ マ ル Rockstar として参画。 フロントエンドをメイン に Workbench やOSS開 発などに従事。 02 鹿 児 島 . m k 参加者が250名を超える鹿 児島最大のエンジニアコミ ュニティ。 03 自 己 紹 介 01
スマホでの体験を 最適化する
02 事 例 紹 介 Section
24/365 つながることのできるメタ バースコミュニティ 『BirdgeSpace』を設立しました。 エンジニアを中心としたコミュニテ ィ活動や新規事業の壁打ち等を行っ ています。 B r i
d g e S p a c e 事 例 紹 介 02
LPからメタバースへの導入を丁寧に することで、 CVR が大幅に向上し ました (※ 前提条件あり) メ タ バ
ー ス ・ へ ス テ ィ バ ル 事 例 紹 介 02
メタバース内で完結するデザイナー スカウトサービスです。 2月からテスト運用を始めて、既に2 件の案件の受注が発生しています。 T S U K U D
D O 事 例 紹 介 02
03 W e b X R に つ い て
Section
03 W e b X R に つ い て
WebXRは、ウェブ上で拡張現実(AR)と仮想現実(VR)の体験を提供 するためのAPIで、これらの技術を組み合わせて複合現実(MR)または クロス現実(XR)と呼びます。WebXRはウェブコンテンツが複合現実ハ ードウェアとインターフェースするために使用されます。 WebXRとWebVRの主な違いは、WebXRがVRだけでなくARにも対応し、 より高度な入力コントローラーにも対応している点です。 MDN より https://developer.mozilla.org/ja/docs/Web/API/WebXR_Device_A PI/Fundamentals
03 W e b X R に つ い て
03 W e b X R に つ い て
<!-- MetaPress tag start --> <script src="https://xrapid-proto-001.web.app/bundle.js" defer></script> <div id="MetaPress" class="MetaPress"></div> <script> document.addEventListener('DOMContentLoaded', _ => { new MetaPress('xxx'); }); </script> <!-- MetaPress tag end -->
03 W e b X R に つ い て
03 W e b X R に つ い て
04 今 後 の 展 望 Section
日 常 化 自然に没入感のあるメタ バースを体験できる (WebXR) 01 民 主 化
VisionPro 等のVRデバイ スのコンテンツを充実 (visionOSアプリ開発) 02 付 属 化 既存事業の付加価値とし てメタバースを活用する (小売商店 + Web = EC) 03 今 後 の 展 望 04
XR のコンテンツを自然にWebに溶け込ま せるサービスです。既存のWebサイトに 対して XR を埋め込むことで、 XR への敷 居を下げつつ、既存の資産を有効活用す ることができます。
M e t a P r e s s 今 後 の 展 望 04
THANK YOU! あ り が と う ご ざ い
ま し た