はじめに
今回，「ツクってアソぶハッカソン」に出場しましたので，その時の作品と感想を残しておきたいと思います．
こちらのハッカソン，通称ツクアソは，毎年九月に開催されているハッカソンで，お題も参加者が出し合い，多数決で決めるというハッカソンです．
賞金も用意されており，毎年，15~30人ほどが参加しています．
今回のハッカソンのテーマは，『ギリギリ商売できないアプリ』でした．
私は現在大学4年生で，今回が初めてのハッカソンになりました．
技術一覧
| 項目 | 内容 |
|---|---|
| 言語 | HTML,CSS, JavaScript, |
| フレームワーク | Svelte |
| デプロイ方法 | Vercel（無料でGitHub連携可能） |
| API | Google Maps APIs |
| テスト | テストをする時間なかった... |
作ったもの
「外人さんや．これが日本どす～」というWEBアプリです．
本アプリは，
「舞子さんが，日本全国をディスりながら案内してくれるアプリ 」です．
地方選択
まずは，それぞれの地方を選択する必要があります．
例として四国地方を選択すると，このような画面に移ります．
そうすると，それぞれの都道府県を選択できるようになります．
- 都道府県ごとの，クリック可能な領域（ヒットボックス）が全て長方形で，他の県と干渉している所もあります
- 特急で作成したのでスマートフォンだと形が崩れます
都道府県の選択
例として，徳島を選択してみます．
すると，徳島のおすすめスポットが出現します．
その3秒後，
自動でこちらのポップアップが出現します．
なんだこれは
- 各都道府県のおすすめスポットを確認することができると思いきや，
最終的に京都に誘導されてしまう -
舞子さんが毒舌すぎて全国からおこられる( ｀ー´)ノ
全都道府県にこういったポップアップを用意しています！
いくつかご紹介
岡山県
宮崎県
山口県
奈良県
埼玉県
青森県
全国47都道府県，全て用意しています！
怒らないで～。
毒舌で，けなしているように見るかもしれませんが，各都道府県の名所や，食材をきちんと紹介しています．
どうか，炎上しないことを祈ります．
本WEBアプリ「外人さんや．これが日本どす～」は，下記から飛べます！
ここだけの製作秘話
~アルバイトに夜な夜な作成~
このハッカソンは3日間で行われたのですが，3日ともアルバイトが8:30~21:00まで入っていました．そこで，アルバイト終わり，22:00~翌5:00まで作成するという生活をしていました．
この3日間だけは，意識を失うかのように眠りについていました．
~製作プロセスを教えてくれた先輩の助け~
自分の研究室には，ベテランの技術補佐員の方がいます．その方が，クレイジー8と呼ばれる，高速でプロトタイプを作成する方法を教えてくれました．
大会の結果と，反響
大会は，Zoomで行われ，一人3分の時間制限で行われました．
残念ながら受賞はできませんでした．
しかし，かなり反響がありました！
たくさんの方に笑っていただき，コメントも多く頂きました．
まとめ
「限られた時間内で好きなものを作る」という，貴重な体験ができました．
今後は，人の役に立つようなソフトウェアも作ってみたいです！
最後までご覧いただき，ありがとうございました！
本作品のソースコード