Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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

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
58
ミニPCを買ってみた話/The Story of Buying a Mini PC
Avatar for dojineko dojineko
0
63
WebXRのいま(2025Q1) / About WebXR (2025Q1)
Avatar for dojineko dojineko
0
800
iOSのWebViewとClipboardAPI / WebView and ClipboardAPI on iOS
Avatar for dojineko dojineko
0
190
最近のUnityとVRChat / About Unity and VRChat recently
Avatar for dojineko dojineko
0
230
ペパボ ホスティング事業部の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
850
はじめてでもできた！VR登壇への道 / Let's VR speech!
Avatar for dojineko dojineko
0
510
gRPC-WEBを使ったWEBアプリ開発/Development web-app with gRPC-WEB
Avatar for dojineko dojineko
1
1.1k

Other Decks in Technology

See All in Technology
AIにシークレットを見せない、WSL2で安全な開発環境
Avatar for yazm4 yazm
0
250
UniFi（ユニファイ）AIカメラの現場活用
Avatar for ludicmind ludicmind
1
430
会社説明資料
Avatar for パーソル＆サーバーワークス株式会社 persolserverworks
0
9.7k
エンタメ企業のM&Aを支えるデータ基盤 ― 統合から店舗のリアルタイム分析まで / Data Engineering Summit 2026
Avatar for GENDA genda
0
120
今さら理解するウェブフォントver.2026
Avatar for takanorip takanorip
3
700
hackers_champloo_2026_tidb
Avatar for makocchi makocchi
0
150
その Valkey 使いこなしていますか？
Avatar for Takafumi ONAKA onk
PRO
5
1.2k
Rust で関数型ドメインモデリング
Avatar for ONDA, Takashi takonda
0
120
[JAWS-UG彩の国埼玉#12]そろそろ準備する？re:Invent2026をやさしく解説 / reinvent2026-sainokuni
Avatar for sh_fk2 sh_fk2
1
270
Refining Active Record
Avatar for Shugo Maeda shugo
0
130
【Data Engineering Summit2026_登壇資料】医療ビッグデータ×AIエージェントを支えるデータ基盤とハーネスエンジニアリング
Avatar for JMDC.Inc 登壇資料 jmdc_presentation
0
160
AIカンパニーへの転換を支えた、エンジニアの仕事の再定義
Avatar for KNOWLEDGE WORK / 株式会社ナレッジワーク kworkdev
PRO
2
970

Featured

See All Featured
HDC tutorial
Avatar for Michiel Stock michielstock
2
960
Applied NLP in the Age of Generative AI
Avatar for Ines Montani inesmontani
PRO
4
2.5k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.6k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.9k
Designing Experiences People Love
Avatar for Jonathan Moore moore
143
24k
Side Projects
Avatar for Sacha Greif sachag
456
43k
Lessons Learnt from Crawling 1000+ Websites
Avatar for Charles Meaden charlesmeaden
PRO
1
1.6k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.8k
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
3
1.5k
Scaling GitHub
Avatar for Zach Holman holman
464
140k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
331
25k
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
6.1k

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