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

SiteGround - Reliable hosting with speed, security, and support you can count on. →

August 03, 2022

250

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

69

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

0

70

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

0

820

iOSのWebViewとClipboardAPI / WebView and ClipboardAPI on iOS

0

200

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

0

240

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

1

10k

Viteはいいぞ/Vite is Good

1

860

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

0

520

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

1

1.1k

Other Decks in Technology

See All in Technology

自律的なチームを作るためにTechPMがやらないこと

1

530

【dbts2026】AIエージェントの判断と探索を変える、データベースエンジニアリング― 既存DBの処理と依存関係から作る、オペレーショナルオントロジー ―

0

240

The future of architectural work

0

180

Active Directory と Entra ID のむむむな関係

PRO

3

1.7k

なぜ東京にいる私が、新潟の技術コミュニティを運営するのか by 八雲慎之助

0

220

AI AgentによるEmbedded SREの取り組み

1

360

In-Context Learning再入門。ICLの勾配降下的解釈の研究動向を追ってみる。

1

700

複雑な業務システムを高速でつくるため、チーム全員をつくれる人へ

0

140

Building Audio Plugin Ecosystem for Android in 2026

2

160

IBC 2026 動画技術関連レポート / IBC 2026 Report

cyberagentdevelopers

PRO

2

440

AIがGISを代替する日：〜すべてをAIが創る時代に、私たちがFOSS4Gに関わる意味〜

1

210

並列度を下げたら速くなった — go build の重複コンパイルを実測で見る

1

770

Featured

See All Featured

Dealing with People You Can't Stand - Big Design 2015

367

27k

How to Grow Your eCommerce with AI & Automation

PRO

2

340

It's Worth the Effort

188

29k

Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure

50

10k

Refactoring Trust on Your Teams (GOTO; Chicago 2020)

35

3.9k

How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.

0

240

Design and Strategy: How to Deal with People Who Don’t "Get" Design

133

20k

Deep Space Network (abreviated)

0

410

Making Projects Easy

120

6.8k

Code Reviewing Like a Champion

529

40k

Build The Right Thing And Hit Your Dates

39

3.5k

Facilitating Awesome Meetings

57

7.2k

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