【パープルK】SPAJAM2022_京都予選大会に参戦しました【Flutter大学前店】

9/24(土)〜9/25(日)の2日間にわたって開催された、SPAJAM2022_京都予選大会

に Flutter 大学のメンバーとチームを組んで参加してきました!!

SPAJAMってなに?

「温泉でハッカソン」を合言葉にした日本最大級のスマートフォンアプリ開発大会

  • 計6回開催される予選大会のそれぞれの最優秀賞チーム および 各予選の優秀賞チームから選ばれた2〜3チームが本戦へのチケットを手にすることができる
  • 今年の予選大会はリアルとオンラインのハイブリッド開催
  • 本戦は温泉地での開催
  • 1チーム最大5名編成
  • アプリ開発テーマは大会当日に発表される
  • 2日間で作り上げる必要がある

※予選大会は6回のうちどれか1つにしか参加できない

といった大会となります。

詳細について知りたい方はこちらを参考に↓

どんなチーム構成にしたの?

Flutter大学内のメンバーで構成されたチームです。

メンバーと役割

北海道、岩手、大阪、みんな住んでるところが離れすぎているのが面白いですよね笑

役割は以下の通り、

  • kboyさん:サーバサイド担当(Firebase.cloud functions, stripeを用いた決済処理)、プレゼン担当
  • cobo  :フロントエンド担当、アプリの効果音作成担当
  • 武蔵さん  :発表スライド担当、アプリコンセプト担当

開発したアプリ

本予選で発表された開発テーマは

観光

でした。

ちなみに、

1回目の予選は猛暑、2回目の予選は遊びです。

「観光」というテーマが発表された瞬間は頭が真っ白になりましたね…笑

作戦として私のBGM作成の趣味をうまく使ったアプリを考えていたのですが観光のテーマを前にした途端手も足も出なくなってしまいました。。。

チーム内でアイディアを出し合った結果、観光地に行った際に、その土地に詳しい人がいれば迷わずスムーズに観光することができるよねという案が出ました。

今は観光地に出かけた際に、その土地に詳しいガイドさんを探すための手段として、Tinderアプリを活用するという方法もあるみたいです。

そこから私たちは以下のアプリの方向性に持っていきました。

観光ガイドTinder

動画

裏話、その他もろもろの話

初のスマホアプリ開発ハッカソンに参加しましたが、正直ここまで楽しいと思っていませんでした。

参加してから1週間経とうとしていますが、まだ余韻に浸っています

なんでこんなに楽しかったのだろうと考えると、一緒にチームを組んだkboyさんと武蔵さんと京都を観光しながらアイディアを深めていったからだと思います。

本大会の1日目の予定は20:00まで会場で開発作業を続けるというものでした。しかし、私たちのチーム「パープルK」ではアイディア出しに詰まったところがあり、このままいても無駄な時間を過ごしてしまうと考えました。

そこで18:00頃には会場を後にして夕食へ向かいました。

ただの体力回復のための夕食かと思いきや、この早めに会場を後にするという決断が功を奏することとなるのでした。。。後半に続く。。笑

向かった先はめちゃくちゃおしゃれな中華料理専門店。

写真には写ってないのですが、この下には座るスペースが用意されていて、2メートル感覚でカップルが座っていました。100組くらいいたのではないかなと思います。幸せになってほしいと願うばかりです。

その光景を見ながら中華料理専門店を後にしました。

続いて向かった先は、京都の銭湯「五香湯」。

この中でサウナに入り、そこで3人で整いながらアプリ開発のテーマを練っていました。

実はこの銭湯は前日にkboyさんが飲みに行った方に教えてもらったそうです。
この銭湯は街から外れたところにあって、初めて観光に来て知るのは難しい場所だと思いました。
ですが、前日に付近の土地に詳しい人に教えてもらうことができたからこそ、この銭湯のような隠れた名店に訪れることができました。

この経験を基にしたアプリとして観光ガイドTinderが生まれました。

そして、せっかく来たのなら観光ガイドの一人としてアプリに登録しようということで銭湯のオーナーさんに写真撮影をお願いした結果、快くOKしてくれました!!むしろウェルカムな雰囲気がありましたね!笑

やっとでアプリの方向性が決まり、オーナーさんから幸せをもらってこの銭湯を後にしました。

さて、いざ開発!かと思いきや、ここでまたお腹が空いてしまいました。(時刻は23:00頃)

全くコーディングはしていません。笑
とりあえず最後の回復ポイントとしてラーメン屋に向かう「パープルK」の3人組。

ところで、パープルK」の【K】ってなんだと思いますか?
実は3人の本名の頭文字になっています。

  • kboy
  • cobo → kobo
  • 武蔵

ん?武蔵ってどこからきとんねん!と思うかもしれませんが、本名には全く関係ありません。なぜ武蔵さんは武蔵さんというかというと、

格闘家の武蔵に似ているから

です。

というチーム名の種明かしはここまでにして、話を元に戻します。

向かった最後の回復ポイント。「ラーメン」

食べ終わった時刻24:00。
これで18:00〜24:00までの京都観光は一旦終了。

その後ホテルに戻ってガリガリ開発をしました。

という感じで2人部屋に3人入って開発をしました。
もっとkboyさんにサーバサイド側の技術を聞いておくべきでした。
Firebase.cloud functionsとstripeの技術は触れたことがなくとても興味深いです。

私はフロントエンド側のコードをガリガリ書いてある程度できたところで休憩、と思ったら、kboyさんと武蔵さんは夢の中に旅立っていましたね笑
直前の夜景を見ながらの中華、サウナ、ラーメンのトリプルパンチを食らったら気持ちよく寝てしまうのも無理ありません。
私は椅子に座って作業をしていたのでまだ睡魔には襲われていませんでしたね笑
ベッドにいたら絶対寝てしまってました。

お2人が夢の中に旅立ったところで私は、効果音作成に入りました。
観光ガイドを選ぶ一覧をTinderのようなUIにしていたので、何か工夫あれば面白いなと考えて、スワイプ時に音を出すようにしました。

その際に使ったソフトが2つあります。それが

  • サンプリングソフト Koala

  • 音楽編集ソフトのAbleton Live Suite

です。

これらを用いてスワイプ音の作成に取り掛かりました。
音の加工(サンプリング)対象は、

自分の舌を弾く音

です。

原音と加工音(完成音)の音を聴き比べてみると、

という感じに自分では納得のいく効果音が出来上がりました。

というところで私も気を失いました。3時間は寝てしまいましたね笑
気づいたら床の上にいて朝日を浴びていました。なぜか京都で迎える朝はとてもスッキリしていました。

でもまだ完成はしていません。そのまま会場に向かいます。

ある程度フロントエンドはできていたのであまり心配はしていませんでした。
会場に着いたあと、kboyさんは誰よりも覚醒していましたね。あの集中力はすごかったです。

その間にプレゼン資料を完成させる武蔵さん、ハッカソン終了に向けて最後の力を振り絞りました。その結果、無事になんとか動くものを完成させることができました!!!!

そして、結果発表。。。最優秀賞かな?優秀賞でもいいや。
現実は厳しく、結果どちらにも入ることはできませんでした泣泣大泣

ですが、Flutter大学から出場したもう一つのチーム「ラドン」が優秀賞だったので気分は優勝です。

  • ゆーとさん
  • まつまるさん夫婦
  • kokiさん

おめでとうございます!!!!!!!!!

あと、本戦出場が決まっているSPAJAM2022予選第一回最優秀賞を獲得した期待の超新星

Flutter Lovers

  • kosukeさん
  • heyheyさん
  • やまたつさん
  • イルカさん
  • ganちゃん

陰ながらではなく、表立って応援してます!全国優勝頑張ってください!!!!

予選は残すところ2回。興味を持った方は是非参加してみてください!!
楽しすぎますよ!!!

と、そろそろまとめに入ろうと思います。
今回のテーマは観光なだけあって、開発をしていない時間も含めた、銭湯、ラーメンの時間もハッカソンだったなと感じます。
kboyさんと武蔵さんとチームを組んで京都を観光しながら、ちゃんと動くアプリを開発できたことは自分の自身にもつながりました。

人生24年目、今まで現状維持ができていれば万々歳の人生を送れると思っていましたが、あえて東北を何年か離れ、数多くのエンジニアと出会い、いい刺激をバチバチに受けまくることで自分の考え方の幅が大きく広がる気がしています。

最後に、kboyさん、SPAJAMに興味があるとツイートした時に、一緒に出ないかと声をかけてくださりありがとうございました。

技術面はまだまだ未熟ですがFlutter大学のメンバーをはじめとした数多くのエンジニアと交流を持ち始めたことで私はたくさんの幸せを感じています!!!

これからもよろしくお願いします!!!!!