Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
2021/3/17 XRMTG LT資料
Search
Satoru Hayasaka
March 25, 2021
Technology
0
260
2021/3/17 XRMTG LT資料
Satoru Hayasaka
March 25, 2021
Tweet
Share
More Decks by Satoru Hayasaka
See All by Satoru Hayasaka
SparkARでARエフェクトを作成してみよう#1(公開用)
satoruhayasaka
0
110
SparkARでARエフェクトを作成してみよう#2(公開用)
satoruhayasaka
0
410
20211215_XRMTG_LT資料
satoruhayasaka
0
10
2021/11/17 XRMTG LT資料
satoruhayasaka
0
190
20201226_NT札幌_LT
satoruhayasaka
0
38
20200916_XRMTG_LT資料
satoruhayasaka
0
32
Other Decks in Technology
See All in Technology
Babylon.jsと色々なものを組み合わせる:ブラウザのAPIやガジェットや2D描画ライブラリなど / Babylon.js 勉強会 vol.3
you
PRO
0
160
Tellus の衛星データを見てみよう #mf_fukuoka
kongmingstrap
0
270
TechFeed Experts Night#27 〜 フロントエンドフレームワーク最前線 (Svelte)
baseballyama
2
590
ルーターでプレゼンする
puhitaku
1
3.3k
【SORACOM UG 東海】あらゆるモノがつながる社会へ、IoT と SORACOM
soracom
PRO
1
140
MLOpsの「壁」を乗り越える、LINEヤフーの Data Quality as Code
lycorptech_jp
PRO
8
620
チームでロジカルシンキングに改めて向き合っている話 〜学習環境と実践⽅法〜
sansantech
PRO
3
3.3k
リテール金融(キャッシュレス・ネット銀行・ネット証券)の競争環境と経済圏
8maki
0
1.6k
M5stackで使用できるpHセンサの開発
shinrinakamura
0
190
今さら聞けないDocker入門 〜 Dockerfileのベストプラクティス編
devops_vtj
5
820
KubeConにproposalを送りたい人へのアドバイス
sat
PRO
3
270
Gitlab本から学んだこと - そーだいなるプレイバック / gitlab-book
soudai
7
1.3k
Featured
See All Featured
Robots, Beer and Maslow
schacon
PRO
155
7.9k
GraphQLの誤解/rethinking-graphql
sonatard
55
9.3k
Web Components: a chance to create the future
zenorocha
306
41k
What's in a price? How to price your products and services
michaelherold
238
11k
Git: the NoSQL Database
bkeepers
PRO
423
63k
Building Your Own Lightsaber
phodgson
100
5.7k
Design by the Numbers
sachag
274
18k
Building Applications with DynamoDB
mza
88
5.6k
The Language of Interfaces
destraynor
151
23k
WebSockets: Embracing the real-time Web
robhawkes
59
7k
Building Flexible Design Systems
yeseniaperezcruz
320
37k
Code Reviewing Like a Champion
maltzj
515
39k
Transcript
WEB初心者おじさんが 自治体施設でAR展示をした話 さって〜(たいちょ〜) @s_haya_0820
プロフィール という会社で開発エンジニアやってます 肩書きは 『隊長』です(ガチの役職名ですw) 弊社のHP見るとテスト屋さんな感じですがシステム開発やってます! SE歴は20年くらいで主に組み込み系、アプリ開発などなどやってました さって〜(たいちょ〜) キャンプ大好きオジサンです
ところで、みなさん 北海道の由仁町 ってご存知でしょうか?
ࡳຈࢢ ༝ਔொ
ΏΊͬؗ͘ まちの生涯学習情報の 発信基地の役割を担う 図書館と資料館の複合施設
施設内に設置したARマーカーを 読み取り、表示されたクイズを 解いていくコンテンツ
施設内に設置した昔の道具と 現在の道具、設備を学習する コンテンツ
各ARの展示については “WebAR”※AR.js&A-Frame を用いて制作
〜体験の手軽さ〜 ・誰もが持っているスマホやタブレットで体験が可能 ・アプリのインストール不要 〜学習に役立てる〜 ・小学生の社会科の学習 ・町のコトを知ってもらう
1993年の開館時には PCを用いたクイズの展示が あったが... PCの老朽化により撤去 ↓ しばらく何もない状況が続く… ↓ ARでマンモスクイズを 復活させよう!
施設内に設置したARマーカーを 読み取り、表示されたクイズを 解いていくコンテンツ
由仁町の歴史を知る場所 ↓ 子供がなかなか楽しめない ↓ 子供が 楽しみながら学習できる 施設にしたい! 寄贈された郷土資料の 展示を行なっているが...
施設内に設置した昔の道具と 現在の道具、設備を学習する コンテンツ
知見 n コンテンツ、展示物共に 小学校3年生以下のお子さんが体験できる工夫が必要 n 手軽に体験=普段慣れ親しんでいない人への配慮 n 司書さん達に手間をかけさせない
問題や解説文の漢字には全てルビをふる
ARマーカーの設置高さは120〜130cm以下がベター ← ちょうどよい 高さ → 高すぎる例
使い方説明は可能な限り図解があるとよい
まとめ Web初心者おじさんエンジニアでも 工夫しだいで、自治体施設でWebARで展示ができた!
ありがとうございました! さって〜(たいちょ〜)