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

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

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

当日の様子

オンライン開催ですが、現場は秋葉原オフィスから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