Twilioハッカソン参戦記～Twilioを使って、ちょっと仕事を楽にしたかった～


この記事は[Twilioでできることや、それぞれの製品の使い始め方、Tipsや他システムとの連携方法など、Twilioのことなら何でも共有しよう！ by Twilio Advent Calendar 2022](https://qiita.com/advent-calendar/2022/twilio)の25日目の記事です

# 概要
[**Twilioハッカソン 2022**](https://hackathon.we-are-ma.jp/twilio2022/)に参加してきました！
本日は**ハッカソン参戦記**として、以下の内容を書こうと思います📝
* [**ハッカソンに向けて準備したこと**](https://qiita.com/rapirapi/items/1321b237065d23f0c6cd#%E3%83%8F%E3%83%83%E3%82%AB%E3%82%BD%E3%83%B3%E3%81%AB%E5%90%91%E3%81%91%E3%81%9F%E6%BA%96%E5%82%99)
* [**開発した作品**](https://qiita.com/rapirapi/items/1321b237065d23f0c6cd#%E9%96%8B%E7%99%BA%E3%81%97%E3%81%9F%E4%BD%9C%E5%93%81)
* [**ハッカソンの結果**](https://qiita.com/rapirapi/items/1321b237065d23f0c6cd#%E3%83%8F%E3%83%83%E3%82%AB%E3%82%BD%E3%83%B3%E3%81%AE%E7%B5%90%E6%9E%9C)

# Twilioハッカソンとは
本題入る前に「**Twilioハッカソンって何？**」って人のために簡単に紹介します！
ひとことで説明すると2日間で`twilio`を使用してチーム開発を行うイベントです！

#### 公式サイトから引用
> Twilioを使いながら、日常のコミュニケーションを少しリッチに、そして便利にしていくことを目的としたオフラインで実施される2日間のハッカソンになります。 チームで参加するもよし、もちろん一人で参加して現場でチームを構成することも可能です。

https://hackathon.we-are-ma.jp/twilio2022/

# ハッカソンに向けた準備
今回のハッカソンは受賞した時の**Prize**がなんと**総額25万円相当**ということでかなり気合が入っていました！
ハッカソン当日に全力が出せるようにいろいろと**準備**しました！

## 準備① メンバー集め
まず、はじめにメンバー集めです
ハッカソンにはいつも会社の同期3人組で参加していたのですが、1名が諸事情で参加できなくなってしまったので**社内でメンバーを募集**しました
幸運なことに欠員が担当予定だったバックエンドを得意とするエンジニアが見つかり、なんとかメンバーが集まりました🙌

## 準備② twilioの勉強
今回のハッカソンでは、`twilio`の使用が必須だったためメンバー全員で`twilio`について勉強しました📝
学んだ内容のQiita記事投稿やハンズオンを行いました！
学んだ`twilio`の機能
* [**Twilio Video**](https://www.twilio.com/ja/docs/video)
* [**Programmable Voice**](https://www.twilio.com/ja/docs/voice)

## 準備③ アイデア出し

**MIRO**を使ってアイデア出しを行いました
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1719666/25683032-3a6e-1c3f-3e6f-374eaf66beda.png)

### 【リサーチ】
今回のハッカソンのテーマは『**Twilioを使って、ちょっと仕事を楽にしよう**』でした！
まずは、自分たちが感じている業務の課題を書き出しました📝
また、会社の人に仕事で困っていることを**ヒアリング**したり、ネットで仕事に関する**時事問題**を調べたりしました👂

### 【審査を意識】
また、最終的なアイデアは**審査項目のひとつ**（Twilioらしさ）や[**ハッカソンでTwilio賞をゲットする5つの秘策**](https://qiita.com/mobilebiz/items/1cbb5285cc0ed661e8a4)を意識して決定しました！

# 開発した作品

**参加者の集中力が可視化されるWeb会議システム**『**スマミー**』を作りました！

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1719666/fbc098ff-7009-56c8-bafb-8da2140fafdb.png)

## システム構成

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1719666/9938faed-dace-cafa-a9b4-c2797389a43e.png)

1. **Web会議システム**は、`twilio`で構築
1. 参加者の**集中力**を以下の情報から**測定**
    * 距離センサーから**姿勢**（`obniz`）
    * カメラ情報から**顔の向き**（`Programmable Video`）
1. 集中力が切れている人に`obniz`のブザーとLEDで**警告**
1. 参加者全体の**集中力を計算**し、`twilio`で画面上に表示

### 【ProtoPedia】

https://protopedia.net/prototype/3637

### 【プレゼン動画】

<iframe width="560" height="315" src="https://www.youtube.com/embed/dD7R5MLTyeQ?start=4621" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

# ハッカソンの結果

受賞できませんでした。。。
反省点が多く残ったハッカソンでした😢


### 反省会
チームで**反省会**を行いました
#### 反省点①
最大の敗因は、**テーマ**と**作品のコンセプト**の**ズレが大きかったこと**だと感じています
ハッカソンのテーマが『**Twilioを使って、ちょっと仕事を楽にしよう**』だったにも関わらず、プロダクトを利用したときに**仕事がサボれなくなる**というイメージを持ってしまう人もいると思います。。。
このギャップが審査員に**悪印象**を与えてしまったと感じました

#### 反省点②
集中力の測定手段が**いまいち**でした😥
今回、**姿勢**と**視線の向き**をもとに集中力を測定しましたが、『**姿勢が悪いこと**・**視線の向きがカメラからズレていること**』と『**集中力の欠如**』の因果関係は薄いです
より正確性の高い情報をもとに計算すべきでした

### リベンジしたい
来年の開催はまだ未定ですが、開催が決定したらぜひ**リベンジ**したいと思います！
この記事を見て、興味を持った方もぜひ参加して**交流**しましょう！

# おわりに

Twilioハッカソン 2022運営委員会の皆様には、このような素晴らしいハッカソンを開催していただいてとても感謝しています🙇‍♂️
今回のハッカソンを通して学んだことや作品を活かして、今後も社会課題解決するためにサービスを開発していきます！