SPAJAM初参加で優秀賞取った話

## はじめに
はじめまして、アラサー直前で人生の岐路に立っているエンジニア君です:sunglasses:
今回は[SPAJAM](https://www.spajam.jp)という、スマホアプリのハッカソンに参加してきましたのでその記録を投稿したいと思います。
だいぶ時間が経ってしまいましたが年末に賞状をいただき、感謝を込めて記事にすることにしました。
![IMG_8819.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3670461/68e196a5-5db7-76ff-1fa2-52dae2fee7b0.jpeg)

## 参加に至るまで
 1. 会社でスマホアプリをハッカソン形式で作る機会があり、ハッカソン楽しい！スマホアプリ難しいけど楽しい！と思っていた
 2. 一緒に何か作りたいねと話していたエンジニア友達がいた
 3. ちょまどさんのpostでSPAJAMがあることを知った
↓その時、まさに見つけたちょまどさんのpostはこちら


https://twitter.com/chomado/status/1698194757925912907?s=61&t=Gfup7wd_g435c8OW24O7yw

SPAJAMの存在を知ったのは予選回の1ヶ月前だったのですが、
まずは参加してみよう！と思い立ち、友人と2人で参加することに決めました。

## 当日までの準備
- **環境構築**
ハッカソンの環境構築でつまづくと残念なことになるので、スマホアプリの環境構築は済ませておきました。開発経験があったので、この時からreact-native + expo の構成に決めていました。
- **以前のプロダクトの予習**
[SPAJAM](https://www.spajam.jp)のページから以前の参加者の成果物が見ることができるので、どんなテーマからどんなプロダクトを作って、どんな評価がされたのか調べておきました。
- **使えそうなイラストの収集**
以前の参加者の方がかっこよくてオシャレなデザインのアプリを作っていたので、フリーで使えるイラストはないか！？とサイトを探し回りました。


## 作ったもの
「エンチャン！〜円満CHANCE〜」という同居人の機嫌を伺うアプリを作りました。
![spajam2023_takopa_1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3670461/96ad60a2-f9dc-535a-de55-c3d41fc95e5c.png)
![spajam2023_takopa_2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3670461/e10e9e34-120b-c2eb-8d11-346d81c983f7.png)

![main.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3670461/5af9e230-969a-8717-3ee8-81f5ffe27324.png)

フロントは最初から決めていた通りReact Native + expo を採用し、バックエンドにはAWS Lambdaを使用しました。
肝の感情認識をする機能については音声から感情を解析できるWebAPI、[empath](https://webempath.net/lp-jpn/)を利用しました。
スマホのマイクから音声情報を収集するところでネイティブ機能も使ってますよアピールをしたつもりです。

以下意識したポイントです。
- 本当に2人が使いたいと思えるものを作る
- ネイティブ機能（音声収集、プッシュ通知）を活かしつつ、AI技術を絡められる機能
- キャッチーで使ってもらえるようなデザイン
- 上記の点を分かりやすく面白く伝えるプレゼン

## 当日の主な流れ
<dl>
<dt>【1日目】</dt>
<dt>9:30</dt>
<dd>友達宅に到着:house:</dd>
<dd>急いでPCをモニターに繋げてセットアップ:bow:</dd>
<dt>10:00</dt>
<dd>開会:flag_white:</dd>
<dd>Zoomで事務局の方、他の参加者の方と顔合わせ:raising_hand:</dd>
<dt>10:30</dt>
<dd>テーマ発表「CHANCE」:boom:</dd>
<dd>テーマ発表を踏まえてアイデアソン</dd>
<dd>他参加者の方とCHANCEに関してのイメージを膨らましていく:thinking:</dd>
<dt>12:00</dt>
<dd>作業開始:crossed_swords:</dt>
<dd>2人の共通点、「同居人がいること」をプロダクトに絡ませたら面白いんじゃないかと着想:bulb:</dd>
<dd>簡単なポンチ絵を作成し、コーディングを開始:computer:</dd>

![S__39313417.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3670461/add01e30-c4cf-2caa-757d-249be5295859.jpeg)
<dt>18:00</dt>
<dd>詰まるところはありつつも形にはなってきた:v:</dd>
<dd>晩御飯にお寿司食べた:sushi:</dd>


![S__39313415.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3670461/0e39981a-e072-a3b8-842d-2d6913470230.jpeg)
<dt>20:00</dt>
<dd>途中報告:point_up:</dd>
<dd>意外に順調！他チームはまだ方向性定まっていないところも多かった</dd>
<dd>他参加者との意見交換の時間があり、「プレゼン資料は今日中に作ったほうが良い」と教えてもらった:writing_hand:</dd>
<dt>24:00</dt>
<dd>もくもく作業:muscle:</dd>
<dd>私はコーディング、友達はプレゼン資料作成という分担</dd>
<dd>（すごい綺麗に資料作ってくれて助かった:relaxed:）</dd>
<dt>27:00</dt>
<dd>就寝:sleeping:</dd>


<dt>【2日目】</dt>
<dt>6:30</dt>
<dd>起床:alarm_clock:</dd>
<dd>眠すぎたけどシャワー浴びて無理やり頭を呼び覚ます:shower:</dd>
<dt>8:00</dt>
<dd>clusterでラジオ体操:lifter:</dd>
<dd>みんな起きて出席してえらい〜〜:clap:</dd>
<dt>9:00</dt>
<dd>プロダクト大体できた！</dd>
<dd>プレゼンのために動画撮ったり、デザイン整えたりした:camera:</dd>
<dt>13:30</dt>
<dd>ハッカソン終了、成果発表会！</dd>
<dd>抽選で発表順がラストになってしまいましたが話したいことは話せて終了:hugging:</dd>
<dd>デモを寸劇風にしていたり、コンセプトがあるプレゼンをしていたりと他チームの発表を聞いているだけでとっても面白かったです:laughing:</dd>
<dt>16:00</dt>
<dd>clusterで結果はっぴょーーー:tada:</dd>
<dd>みんなすごいなーと思って聞いていたら、優秀賞の最後の枠で呼ばれてびっくり:open_mouth:</dd>
<dd>本当にありがとうございます！</dd>
<dt>16:30</dt>
<dd>交流会に参加</dd>
<dd>SPAJAMではReact Native使っているチーム少ないみたいで、なんでReact Native??とたくさん聞かれました:scream: こういう流行も外の会に参加しないと分からないですよねw</dd>
<dd>体力の限界を迎えた参加者が多く、交流会に参加された方は少なかったですが話せて楽しかったです！</dd>
</dl>


## 感想
タイトルにも記載しましたが、結果優秀賞をいただくことができました！まさかいただけるとは思ってなかったのでびっくりしましたが、本当に嬉しかったです！
残念ながら本戦♨️には出場することができなかったのですが、ものづくりに没頭できる業務とは違う2日間が楽しくて、オンラインではありましたが参加者の皆さんからやる気をいただきました！

仕事外の舞台でひとつのものを作り上げることができ、社外の人に評価いただけて本当に嬉しかったです。
実はハッカソン前日もてっぺん近くまで仕事をし、ハッカソンが終わった次の日も休出するというなかなかのハードスケジュールだったのですが、何かを作り上げるというのは本当に楽しくて没頭できました。

また出たいです！！