見出し画像

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

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

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

当日の様子

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

画像1

解説編!

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

画像2

ハンズオン!

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

画像3

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

画像4

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

画像5

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

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

画像6

最後に。

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

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

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

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

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

この記事が参加している募集

オープン社内報

この記事が気に入ったらサポートをしてみませんか?