お知らせ 【重要なお知らせ】iOSアプリの運用および提供を2024年6月3日(月)を以て終了いたします。詳細は お知らせをご覧ください。

お知らせ connpassではさらなる価値のあるデータを提供するため、イベントサーチAPIの提供方法の見直しを決定しました。2024年5月23日(木)より 「企業・法人」「コミュニティ及び個人」向けの2プランを提供開始いたします。ご利用にあたっては利用申請及び審査がございます。詳細はヘルプページをご確認ください。

このエントリーをはてなブックマークに追加

May

28

HTMLだけでお手軽AR体験!生成AIで作った3DモデルでAR料理メニュー作成ハンズオン!

オンライン開催(YouTubeLive)

Organizing : JellyWare

HTMLだけでお手軽AR体験!生成AIで作った3DモデルでAR料理メニュー作成ハンズオン!
Registration info

オンライン参加(アーカイブ閲覧も含む)

Free

FCFS
122/140

Attendees
toki_engineer
noz
ashito
wbs_u
BAYASI
usagisan2020
Van
ChaChaMaru1219
DaijiroEndo
komeda
View Attendee List
Start Date
2024/05/28(Tue) 19:00 ~ 20:00
Registration Period

2024/05/08(Wed) 11:46 〜
2024/05/28(Tue) 20:00まで

Location

オンライン

オンライン

参加者への情報
(参加者と発表者のみに公開されます)
出席登録
(イベント開始時間の2時間前から終了時間まで、参加者のみに公開されます)

Description

お申し込み後、本ページ上部の「参加者への情報」にYouTubeLiveの配信URLが表示されます。お申込者様への限定公開でアーカイブを残しますので、リアルタイムに参加できない場合もお申込み下さい!

本イベントに参加するにあたり、インストール・ログイン・カメラ・マイクなど一切不要で、YouTubeLiveを視聴するだけでOKです。 匿名で投稿できるチャットも準備しておりますので、ライブ中に気軽に質問も可能です。

概要

今回はAR.jsを使って3D表示されるAR料理メニューを作成します。今回のARアプリで編集するのはHTMLのみであるため、プログラミング初心者の方でも簡単に試すことができます。また、表示する3Dモデルは生成AIで作成するのでモデリングの知識も必要ありません。

AR.jsについて

[動画引用] AR.js Documentation

AR.jsとは、ブラウザ上で動くARアプリを作成できるライブラリで、HTML上にタグを書くだけで簡単にカメラ映像上に3Dモデルを表示することができます。

https://ar-js-org.github.io/AR.js-Docs/

お手軽AR体験!

image2

ハンズオンではTripoSRと呼ばれるソフトウェアを用いて画像がから3Dモデルを作成します。そして、AR.jsを用いて写真のように映像の上から3Dモデル表示します。なお、ARアプリは無料のWebアプリ開発環境のGlitchで作成するため、カメラがついているPCであればどなたでもお試しすることができます!

ハンズオンに必要なもの

カメラが使えるPCがあれば全て無料で簡単に準備できます。ソフトウェアもChromeのインストールのみでOKです!

また、「Glitchアカウント」を持っていれば自分が生成AIで作ったモデルを使用することができます!アカウントは下記リンクで作成できます。

https://glitch.com/signup

得られること

⚙️ 生成AIで3Dモデルを作る方法
⚙️ Web ARの知識
⚙️ AR.jsの使い方

対象者

✅ AIに興味がある方
✅ WebARに興味がある方
✅ 生成AIを用いた3Dモデリングに興味がある方
✅ AIに興味があるが、まだ始められていない学生の方
※上記以外の方でも興味があれば参加可能です!

背景

イベントを実施する背景として、こちらの「ものものテック」というサービスがあります。

「ものものテック」は、AI・IoT・ロボティクスを中心とした、オンラインで学べる技術教育サービスです。いつでもどこでもウェブブラウザで文章・画像・動画を見ながらコードを実行し自主的に学べます。本イベント内容に加え、「ものものテック」でさらに深く学んでいただければと思います。

image3 https://monomonotech.jp

タイムテーブル

時間 内容 詳細
19:00 ~ 19:10 オープニング アンケート集計結果の共有など
19:10 ~ 19:50 ハンズオン 今回のイベント内容
19:50 ~ 20:00 クロージング Q&Aなど
  • 途中、入退出していただいても問題ありません。
  • 当日の状況によって順番や終了時間が多少変動する可能性もあります。

kurage

YouTube Live 配信URL

今回のイベントはYouTubeを視聴するだけで学べるライトなスタイルです。

  • 本イベント申し込み済の方は本ページ上部の「参加者への情報」にYouTubeLiveの配信URLが表示されます。
  • 本イベントに申し込みされた方のみが視聴できるYouTubeLive限定公開URLです。
  • アーカイブが残りますので、お申込みした方は後日閲覧することが可能です。
  • YouTubeで一般公開するかは未定です。リアルタイムに参加できない方もお申込みください。

運営・お問い合わせ

JellyWare株式会社

お問い合わせフォーム

Media View all Media

If you add event media, up to 3 items will be shown here.

Feed

JellyWare

JellyWare published HTMLだけでお手軽AR体験!生成AIで作った3DモデルでAR料理メニュー作成ハンズオン!.

05/08/2024 11:46

HTMLだけでお手軽AR体験!生成AIで作った3DモデルでAR料理メニュー作成ハンズオン! を公開しました!

Group

JellyWareものものテック

新しい時代のものづくりに向け、ハードウェア、プログラミング、データサイエンスを活用します!

Number of events 65

Members 1903

Public

2024/05/28(Tue)

19:00
20:00

Please login to register

Registration Period
2024/05/08(Wed) 11:46 〜
2024/05/28(Tue) 20:00

Location

オンライン

オンライン

オンライン

Attendees(122)

toki_engineer

toki_engineer

HTMLだけでお手軽AR体験!生成AIで作った3DモデルでAR料理メニュー作成ハンズオン! に参加を申し込みました!

noz

noz

HTMLだけでお手軽AR体験!生成AIで作った3DモデルでAR料理メニュー作成ハンズオン! に参加を申し込みました!

ashito

ashito

HTMLだけでお手軽AR体験!生成AIで作った3DモデルでAR料理メニュー作成ハンズオン! に参加を申し込みました!

wbs_u

wbs_u

HTMLだけでお手軽AR体験!生成AIで作った3DモデルでAR料理メニュー作成ハンズオン! に参加を申し込みました!

BAYASI

BAYASI

HTMLだけでお手軽AR体験!生成AIで作った3DモデルでAR料理メニュー作成ハンズオン! に参加を申し込みました!

usagisan2020

usagisan2020

HTMLだけでお手軽AR体験!生成AIで作った3DモデルでAR料理メニュー作成ハンズオン! に参加を申し込みました!

Van

Van

HTMLだけでお手軽AR体験!生成AIで作った3DモデルでAR料理メニュー作成ハンズオン! に参加を申し込みました!

ChaChaMaru1219

ChaChaMaru1219

HTMLだけでお手軽AR体験!生成AIで作った3DモデルでAR料理メニュー作成ハンズオン! に参加を申し込みました!

DaijiroEndo

DaijiroEndo

HTMLだけでお手軽AR体験!生成AIで作った3DモデルでAR料理メニュー作成ハンズオン! に参加を申し込みました!

komeda

komeda

HTMLだけでお手軽AR体験!生成AIで作った3DモデルでAR料理メニュー作成ハンズオン! に参加を申し込みました!

Attendees (122)