withARハッカソン vol.1 タピオカ×AR

ハッカソンの様子を動画にまとめました！

イベントレポートを書いてくださりました！

はじめに

この記事は、2019年10月6日に行ったタピオカ×ARハッカソンの主催者(イワケン)目線の記事です。

所属している会社は関係なく、個人としての主催です (場所はお借りさせていただきました)。
この記事で伝えたいことは
・なんでタピオカ×ARハッカソンやろうと思ったの？
・今回こんな内容のハッカソンだったよ！
・次回「部屋×AR」でハッカソンするよ！
の3つを答えたいという感じです。

また、この記事では「タピオカ」を「タピオカ+飲料+容器」を成す存在のことも含めて呼んでいます。本来のタピオカはあの黒粒のことを指すのですが、ご了承ください。

全てはこのタピからハッカソンが始まった。

「え、タピオカ楽しい！」

しかも

「なんか、マーカーになりそう！ARでなんか面白そうなことできそう！！」

ときめく好奇心

そして直感的に「タピオカ×ARは絶対にやるべき」と確信しました。

その直感を即座に論理的に脳内再生し始めます。

「今のAR開発者の課題は、拡張する対象、すなわち『リアル』を深堀りする思考プロセスだ。『リアル』を拡張し、価値を高めるのが、ARの真髄なのではないか」

「タピオカというのは、日本の若者文化のメインストリームであり、誰もが知っているコンテンツだ。将来日本にARを普及させることを考えると、すでに日常化されたものをARで拡張する試みは大変価値がある」

僕の脳内は、うおおおおとなり「開発しよう」→「でも一人じゃ開発しないし、いいアイデアも出ない」→「ハッカソン形式が良くない？」となり、ハッカソンを開くことにしました。

ハッカソン当日の流れ

運営メンバーはタピオカを買った時に一緒にいた友達、参加メンバーはこの会を楽しんでくれそうな人に直接お声がけさせていただきました。

当日の流れはこんな感じ

ハッカソンは、電源、Wifi、テーマがあれば最低限できます (できました)
メタ情報はFacebookグループで連絡、オープニングエンディングはスライド。
会場はCyberAgentのXR Guild長、服部さんにお願いをし、Abema Towerを使わせていただきました...! ありがとうございます！

自己紹介タイム

僕が開催するハッカソンでは、自己紹介タイムを大事にしたいと思っています。このハッカソンは1人1人が主役です。さらに今回は皆僕つながりのメンバーだったので、他己紹介ということで僕とのつながり的な話もセットで話しました。

テーマ発表

今回のテーマは「5年後の日常」
みんな難しいテーマと頭を悩ませてましたね...笑

今のためのARじゃなくて、未来の日本のためのARという意味を込めてこのテーマにしました。

ブレストタイム

今回、個人戦でありつつも、ブレスト時はペアにしました。1人より2人以上の方がいいアイデアが出やすくなるはずです。また、他の人の考え方を知ることは良い刺激になると思っています。

フィールドワーク

アイデアが固まってきたらフィールドワークタイムです。実際に渋谷の街を歩いて、タピオカ屋を眺めてみます。
ARに関わる者として「リアル」に触れる時間は非常に重要だと思っています。

今回であれば、タピオカとタピオカ屋さんをリアルで触れる時間にしました。

開発タイム

みんなもくもく集中！わからない実装があったら助け合ったり、役立つアセットはみんなに共有します。

発表タイム

発表はFacebook投稿と、自分の推しポイントをプレゼンします (資料作らなくて良いです) 発表が終わったら、次に発表する人がポジティブフィードバックします。
お互いに認め合う空間であることを意識しています。

デモ体験 & SNS投稿タイム

発表して終わりではなく、ちゃんと他の人が作った作品に触れる時間を作ります。さらに他の人の作品で感動したものについてはSNS投稿する時間にしました。

服部さんの作品
iPhoneの内側のカメラで目線を感知し、外側のカメラ情報とリンクさせる。
何秒以上目線が留まると注文が確定されるなど、すぐ店に導入の可能性のある作品。
誰が何に興味があるかなど、リサーチの部分でもかなり可能性がある。#タピオカARハッカソン pic.twitter.com/Ng1BLOwrN9

— 秋山 怜央@Reo Akiyama (@reo8000) October 6, 2019

この投稿は351いいね、プチバズリも起こりました...! 

投票 & 結果発表

審査は1人3票×11名（開発者8名+ゲスト3名）の計33票で行いました。

以下3位~1位の発表と個人的な感想を書きます！(当日とは別コメント)

第3位  おっしぃさん！

パンフレットや店の内観、ホームページでブランドの世界観、創業者の想いを伝えていた今まで。テクノロジーで表現方法もアップデートできる。

タピオカ屋、数あれどそれぞれにそのブランドの色がある。#タピオカARハッカソン pic.twitter.com/l4rPJOogui

— おっしぃ (@Ossy_Oshida) October 6, 2019

めちゃくちゃオシャレ...3Dオブジェクトではなく2Dオブジェクトの配置でも心動かされますね。
また、その店の世界観をARで伝えるというのは5年後本当にありそうだと思いました。

同率3位でdramaさん！

ミルクティーに入って タピオカの気持ちになれるようなアプリ作りました。
共有機能で友達からはタピオカを打ち込まれます。

ARKit3機能からはPeopleOcclusionとCollaborativeSessionを使いました。#タピオカARハッカソン #arkit3 pic.twitter.com/S3M3f9wrGI

— drama（AR dir/dev） (@1901drama) October 6, 2019

この短時間でARの共有機能が作れるということが他の人に驚きを与えていました。コンテンツ的にはタピオカの中に入るという発想が面白く、似たような体験は将来あるかも(?)

第2位  satoshi0212さん！

視線ヒートマップ。割りと良い精度で動作しています。
AR空間内で残らないと意味が薄れるけれど。

タピオカにつなげたい気持ちはあった(ある)。#タピオカARハッカソン pic.twitter.com/F3NI35fpnN

— satoshi0212 (@shmdevelop) October 6, 2019

ARkit3での視線追従の実装。現場では結構インパクトありました...!
将来、インプットとしての視線もあれば、広告の効果測定、建物の空間デザインのフィードバックにも応用できそうと、議論が盛り上がりました！

第1位 イワケン&はずきさんチーム！

タピオカwww

今回ハッカソンで作った「TapiMenu」
ボタンでタピオカの量を調整できて注文できる！#タピオカarハッカソン pic.twitter.com/J1DAiJzWqE

— イワケン@個人AR開発者ハッカソン開くマン (@iwaken71) October 6, 2019

タピオカの注文時に、タピオカ量をボタンで操作できるというもの。この作品の肝はタピオカの音で、音が気持ちいいから押したくなるとのこと。そしてこのタピオカ音をDTMで自作したのははずき君です！お疲れ様！

第2回withARハッカソンテーマは「部屋×AR」

この思いつきで始まったハッカソンの名前をwithARハッカソンと名付けることにします。

次回のwithARハッカソンのテーマは部屋×ARです。

なぜか

この前友だちの紹介で訪れた建物にトキめいてしまったんですよね

壁も素敵ですが、部屋の中も素敵でした

この空間をARで拡張したら楽しそうだ、やろう

もし、この建物借りられたら、ここでやりたいと思います

AR開発者以外の参加者、審査員として、建築や空間デザインを専門にしている人、もしくは職業にしている人に来てもらおうと思っています。

異業種の人に、ARによって、良い発見と刺激を与えられたら、面白いと思いますし、AR開発者と異業種の人とで「なんか、一緒に面白いことできそうっすね！」という次のアクションにつながったら、さらに面白いと思っています。

参加は紹介制

withARハッカソンへの参加は公募ではなく紹介制をメインにしていこうと思っています。私を含めた「タピオカ×ARハッカソン」の参加者から「この人連れてきたら面白い」という人を紹介してもらい、参加者を募ります。

なにぶん、僕の思いつきと好奇心で企画しているのと、通常のハッカソンとは少し違った手作りのハッカソンなので、このハッカソンを楽しんでくれそうな人に来てほしいなと思っています。
なので、公募ではなく招待制にします。

「なんか面白そう！」と思った人は、第1回の参加者に知り合いがいれば「どうだった？」とぜひ聞いてみてください。

第1回の参加者 (敬称略)
イワケン
Keito Takaishi
やえがし
drama（AR dir/dev）
Kaiki
satoshi0212
はずき
おっしぃ
秋山 怜央@Reo Akiyama
2025大阪万博のソルト