WebXR で Web をもっと楽しもう

「ゆるやかな合同WEB勉強会2024」で LT した内容です
https://markmeizan.connpass.com/event/310718/

Transcript

1. W e b X R で W e b を も っ と 楽 し も う 2024-03-16 Hedgehog.exe LLC kusutan
2. 顔出し撮影OK なので、 「# まーくなう」で SNS 投稿お願いします！
3. 01 プ ロ フ ィ ー ル self-introduction 02 事 例 紹 介 Results of Activities 03 W e b X R に つ い て Learning through activities 04 今 後 の 展 望 Future prospects 05 ま と め summary CONTENTS 目 次
4. く す た ん 鹿屋市・鹿児島市在住 ヘッジホッグ.exe 合同会社 代表 株式会社ユニマル Rockstar KUSUTAN 自 己 紹 介 01
5. ヘ ッ ジ ホ ッ グ . e x e 2022年に設立。 モバイルアプリ開発やメ タバースに関する事業開 発を行っています。 01 ユ ニ マ ル Rockstar として参画。 フロントエンドをメイン に Workbench やOSS開 発などに従事。 02 鹿 児 島 . m k 参加者が250名を超える鹿 児島最大のエンジニアコミ ュニティ。 03 自 己 紹 介 01
6. スマホでの体験を 最適化する
7. 02 事 例 紹 介 Section
8. 24/365 つながることのできるメタ バースコミュニティ 『BirdgeSpace』を設立しました。 エンジニアを中心としたコミュニテ ィ活動や新規事業の壁打ち等を行っ ています。 B r i d g e S p a c e 事 例 紹 介 02
9. LPからメタバースへの導入を丁寧に することで、 CVR が大幅に向上し ました (※ 前提条件あり) メ タ バ ー ス ・ へ ス テ ィ バ ル 事 例 紹 介 02
10. メタバース内で完結するデザイナー スカウトサービスです。 2月からテスト運用を始めて、既に2 件の案件の受注が発生しています。 T S U K U D D O 事 例 紹 介 02
11. 03 W e b X R に つ い て Section
12. 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
13. 03 W e b X R に つ い て
14. 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 -->
15. 03 W e b X R に つ い て
16. 03 W e b X R に つ い て
17. 04 今 後 の 展 望 Section
18. 日 常 化 自然に没入感のあるメタ バースを体験できる (WebXR) 01 民 主 化 VisionPro 等のVRデバイ スのコンテンツを充実 (visionOSアプリ開発) 02 付 属 化 既存事業の付加価値とし てメタバースを活用する (小売商店 + Web = EC) 03 今 後 の 展 望 04
19. XR のコンテンツを自然にWebに溶け込ま せるサービスです。既存のWebサイトに 対して XR を埋め込むことで、 XR への敷 居を下げつつ、既存の資産を有効活用す ることができます。 M e t a P r e s s 今 後 の 展 望 04
20. THANK YOU! あ り が と う ご ざ い ま し た