1
/
5

【ミートアップ開催レポート】mirameet vol.15 !サーバーレスで体験できるかんたんAR!Vercel × WebAR

こんにちは!特にあだ名も無い、ただの佐藤です!

mira meet 第15回のテーマは「サーバーレスで体験できるかんたんAR!Vercel × WebAR」でした!
オンライン参加で、8名の方からご参加いただきましたー!

当日の様子

オンライン開催ですが、現場は秋葉原オフィスからZoomにてお届けいたしました!
そして、今回のTimeScheduleはこんな感じです。
主催メンバーは、司会せちこさん、メインスピーカーひろさわさん、サポートかっきーさんです!

解説編!

解説編ではARやVRの総称『XR』について、解説していきます。
今回はWebARがテーマなので、ARに特化した説明となってました!

ハンズオン!

解説はサクッと終わり、とにかく触れてみようということでさっそくハンズオンです!
今回のハンズオンでは、テキスト文字を表示してみました。
htmlファイルに数行のコーディングするだけでARが楽しめちゃいます!

Vercelのnowコマンドを使って、実際にデプロイして試してみると....
マーカーベースWebARはこんな感じです~!
犬の画像をカメラで認識させると、コーディングした文字が浮かび上がりました!

ここまで出来たら...
最後は、画像を360度回転させるWebARのハンズオンもやりましたー!
画像だと伝わりにくいですが、実はこれ、スマートフォンを動かすと画像も動くんです!!!

以上でハンズオンは終了ですー!皆様、上手く動いてくれたようで何よりです!

当日のハンズオンで作成したデモページは、以下から確認いただけます。
興味ある方は是非、QRコードを読み取って試してみてください~!(右側のQRコードがおススメ!)
https://meet-webar-main-one2o37vo-meetupvol15.vercel.app/

最後に。

ご参加頂いたみなさま、本当にありがとうございました!
今回来れなかった方も次回のご参加お待ちしていますー!!

そして次回のテーマは...

ReactアプリをAWS Amplifyへ自動デプロイしてみよう!

次回もオンライン開催のみとなります!
以下の応募フォームからぜひご応募ください!!!

【オンライン応募フォーム】
https://www.wantedly.com/projects/624287

miracleave株式会社's job postings
1 Likes
1 Likes

Weekly ranking

Show other rankings
If this story triggered your interest, go ahead and visit them to learn more