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

August 03, 2022

230

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

dojineko

August 03, 2022

More Decks by dojineko

See All by dojineko

コスパの良いAIの選び方 / Surviving the AI Era on a Budget

0

55

ミニPCを買ってみた話/The Story of Buying a Mini PC

0

60

WebXRのいま(2025Q1) / About WebXR (2025Q1)

0

790

iOSのWebViewとClipboardAPI / WebView and ClipboardAPI on iOS

0

190

最近のUnityとVRChat / About Unity and VRChat recently

0

220

ペパボホスティング事業部のWebフロントエンドについて 2022 / About Web Frontend of Pepabo Hosting division 2022

1

10k

Viteはいいぞ/Vite is Good

1

830

はじめてでもできた！VR登壇への道 / Let's VR speech!

0

510

gRPC-WEBを使ったWEBアプリ開発/Development web-app with gRPC-WEB

1

1.1k

Other Decks in Technology

See All in Technology

人間はどの意思決定を手放せるのか

15

7.1k

負債のメタファと2026年 / Debt Metaphor in Agentic Engineering Age 202609 Edition

PRO

9

3.8k

技術的負債から考える、AI時代のエンジニアリング投資 — ビズリーチの技術的負債と向き合った経験から、変更し続けられるソフトウェアを考える/ technical-debt-con2026

visional_engineering_and_design

4

3.1k

ADKで始める業務改善 - AIエージェント開発時の考えと設計

2

160

すぐできる衛星通信対応あとは山奥に行くだけ

0

130

バイブコーディング時代のWebアプリ開発入門~Cloud Runで学ぶセキュアなビルドとデプロイ

1

130

Slack上でインフラをトラブルシュートする！ Agentic Platform Engineeringの第一歩

5

1.8k

積み重なった技術負債への挑戦〜初手としての全社ゴト化〜

PRO

0

1.3k

CLIライブラリ開発を支える技術

0

120

TinyGo 開発サイクルを高速化する：Go で作るエミュレータ入門

PRO

1

740

OpenTelemetryのメトリクスをCloudWatchに送ってPromQLで見てみた

0

150

データ界隈LT祭第1回LT登壇

taromatsui_cccmkhd

2

1.4k

Featured

See All Featured

Unlocking the hidden potential of vector embeddings in international SEO

0

940

Code Review Best Practice

74

20k

Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024

2

430

Mobile First: as difficult as doing things right

225

10k

The Mindset for Success: Future Career Progression

PRO

0

500

The Spectacular Lies of Maps

PRO

1

990

How to build a perfect <img>

1

6k

jQuery: Nuts, Bolts and Bling

66

8.6k

Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf

0

700

Into the Great Unknown - MozCon

41

2.7k

Designing for humans not robots

254

26k

Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes

2

530

Transcript

WebXRでポートフォリオを作ろう! 2022-08-03 福岡XR部 @dojineko
どじねこ @dojineko GMOペパボ / よろず屋
今回お話する内容
None
これをやった話です https://xr.dojineko.dev
もくじ ➔ なんでXR？ ➔ 使ったもの紹介 ➔ 完走した感想
なんでXR？ • 普通にWebサイトでポートフォリオを作るとページになる • 最近は個人的にVR的な活動をしてることが多い ◦ せっかくならそういう要素を盛り込みたい！ ▪ VRChatやClusterもいいけど、もっと気軽に見れるようにしたい！
• ・・・いっちょやってみっか〜！
使ったもの紹介
• モデリング: Blender • フレームワーク: A-Frame • ブラウザ: Google Chrome
(…これだけ！) 使ったもの紹介
None
None
簡単な紹介動画をYouTubeにあげてます https://www.youtube.com/watch?v=X7hSph7Uk6c
完走した感想
完走した感想 • Blenderをﾁｮｯﾄﾃﾞｷﾙ状態だったので作りたいものはすぐ作れた！ • A-Frameは初めてだったけどBlednerからgLTFで出力したモデルをすぐ取り込めて表示できた！ ◦ 初めてでもすぐにできる手軽さが超魅力！ ◦ ImageTrackingもできるし、VRモードにもすぐ対応できる！
• 一方で難しい点も ◦ ES ModulesなJavaScriptを使っておうとすると苦労する ◦ 細かいことをしたいなら Three.js か Babylon.js も手の１つ
バーチャルでも表現しよう！
None