Upgrade to Pro — share decks privately, control downloads, hide ads and more …

WebXRでポートフォリオを作ろう/Let's make your portfolio wit...

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for dojineko dojineko
August 03, 2022
Technology
230
0

WebXRでポートフォリオを作ろう/Let's make your portfolio with WebXR!

Avatar for dojineko

dojineko

August 03, 2022

More Decks by dojineko

See All by dojineko
コスパの良いAIの選び方 / Surviving the AI Era on a Budget
Avatar for dojineko dojineko
0
47
ミニPCを買ってみた話/The Story of Buying a Mini PC
Avatar for dojineko dojineko
0
49
WebXRのいま(2025Q1) / About WebXR (2025Q1)
Avatar for dojineko dojineko
0
770
iOSのWebViewとClipboardAPI / WebView and ClipboardAPI on iOS
Avatar for dojineko dojineko
0
170
最近のUnityとVRChat / About Unity and VRChat recently
Avatar for dojineko dojineko
0
220
ペパボ ホスティング事業部のWebフロントエンドについて 2022 / About Web Frontend of Pepabo Hosting division 2022
Avatar for dojineko dojineko
1
10k
Viteはいいぞ/Vite is Good
Avatar for dojineko dojineko
1
830
はじめてでもできた！VR登壇への道 / Let's VR speech!
Avatar for dojineko dojineko
0
500
gRPC-WEBを使ったWEBアプリ開発/Development web-app with gRPC-WEB
Avatar for dojineko dojineko
1
1.1k

Other Decks in Technology

See All in Technology
モノリス Rails でも日中に rails db:migrate を走らせたい！ / Daytime rails db:migrate on Monolithic Rails!
Avatar for Shintani Teppei euglena1215
4
640
Model Studio CLI × Token Plan
Avatar for 尾関将樹 | めい maigo999
0
190
ブラウザ研修 2026
Avatar for Recruit recruitengineers
PRO
7
1.2k
MulticaとPi Coding Agentで、小規模OSSを30本同時運用した流れ
Avatar for eiei114 eiei114
0
130
LLM Internals: 언어 모델의 계보와 알고리즘 진화 (2023~2026)
Avatar for Jeongkyu Shin inureyes
PRO
0
720
TypeScript入門 2026
Avatar for Recruit recruitengineers
PRO
3
700
ホームラボ紹介
Avatar for 世良泰明 y_sera15
0
210
My broken English still works: speaking at global OSS events
Avatar for Naruhiko Ogasawara naruoga
0
120
AI-DLC実践録_フルサイクル開発への挑戦
Avatar for Miyuki miyuc
0
280
ラジオの科学
Avatar for Frieve-A frievea
0
350
社内の7割が使うデータ基盤を、 データチーム2人で回すためにやったこと
Avatar for KOH koh_yoshi
4
1.5k
案件に一番詳しいAIを Amazon Bedrock AgentCore で作る ― 知見が知見を生むチームへ / Compounding Knowledge with AgentCore
Avatar for Yusuke Shimizu yusukeshimizu
1
150

Featured

See All Featured
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
32k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
9.2k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6.2k
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
520
Designing Experiences People Love
Avatar for Jonathan Moore moore
143
24k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.3k
Ten Tips & Tricks for a 🌱 transition
Avatar for Manu Carrasco Molina stuffmc
0
170
Visualization
Avatar for Eitan Lees eitanlees
152
17k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
123
22k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
Avatar for Greg Gifford greggifford
PRO
0
300
Crafting Experiences
Avatar for Bethany Jepchumba bethany
1
250

Transcript

  1. WebXRで ポートフォリオを作ろう! 2022-08-03 福岡XR部 @dojineko

  2. どじねこ @dojineko GMOペパボ / よろず屋

  3. 今回お話する内容

  4. None

  5. これをやった話です https://xr.dojineko.dev

  6. もくじ ➔ なんでXR？ ➔ 使ったもの紹介 ➔ 完走した感想

  7. なんでXR？ • 普通にWebサイトでポートフォリオを作るとページになる • 最近は個人的にVR的な活動をしてることが多い ◦ せっかくならそういう要素を盛り込みたい！ ▪ VRChatやClusterもいいけど、 もっと気軽に見れるようにしたい！

    • ・・・いっちょやってみっか〜！

  8. 使ったもの紹介

  9. • モデリング: Blender • フレームワーク: A-Frame • ブラウザ: Google Chrome

    (…これだけ！) 使ったもの紹介
  10. None
  11. None

  12. 簡単な紹介動画をYouTubeにあげてます https://www.youtube.com/watch?v=X7hSph7Uk6c

  13. 完走した感想

  14. 完走した感想 • Blenderをﾁｮｯﾄﾃﾞｷﾙ状態だったので作りたいものはすぐ作れた！ • A-Frameは初めてだったけどBlednerからgLTFで出力したモデルを すぐ取り込めて表示できた！ ◦ 初めてでもすぐにできる手軽さが超魅力！ ◦ ImageTrackingもできるし、VRモードにもすぐ対応できる！

    • 一方で難しい点も ◦ ES ModulesなJavaScriptを使っておうとすると苦労する ◦ 細かいことをしたいなら Three.js か Babylon.js も手の１つ

  15. バーチャルでも表現しよう！

  16. None