未来の観光業をLINEBotで支えたい。

<img width="826" alt="スクリーンショット 2020-05-27 12.47.36.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/488939/9256bca5-d8a5-75e7-4e0a-216565877c24.png">
#はじめに
緊急事態宣言が解除されましたが、全く同じ生活に戻ることはまずないでしょう。そんな中僕たちが救いたいと思ったのは日本全国にある観光地です。各地の特産品やお土産品は、色々なインターネットサービスを使って格安で在庫処分が行われています。このままではなかなか利益が見込めず、一刻も早く観光客が安心して旅行をできる環境を作らなければいけません。今回作った作品は後ほど紹介するハッカソンで奨励賞をいただいた作品の記録用記事です。開発構成/使用技術などについても少し書いています。
また、未来を見据えた物なので自粛警察はやめてください。
#メンバー
今回は広島県等が主催する[レッドハッカソン2020](https://www.pref.hiroshima.lg.jp/site/innovation-event/redhack2020online.html)にしんぶんぶん([@shinbunbun_](xhttps://twitter.com/shinbunbun_))とゆうせい([@ItyuJ](https://twitter.com/ItyuJ))と僕([@inoue2002](https://twitter.com/inoue2002))の高校3年生3人でチームを組んで参加しました。
アイデア出しは一応始まる前から初めてはいたのですが、なかなかいいアイデアが出ず、実質、他の参加者の方のグループより出発は遅くなってしまいました。それぞれ普段からよく開発している分野がLINEBot/フロントエンド/バックエンドと綺麗に別れていたので、自分の担当する部分をメインにゴリゴリ開発しました。（LINEbotはぶんぶん君に力を貸してもらった部分もあります）

#作ったもの（登壇動画）（5分）

[![IMAGE ALT TEXT HERE](http://img.youtube.com/vi/JnWxBPKHLbo/0.jpg)](http://www.youtube.com/watch?v=JnWxBPKHLbo)

#実際の同級生の声をヒントに
<img width="802" alt="スクリーンショット 2020-05-27 13.29.58.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/488939/587ba1f1-5d68-3c7e-c2f6-8ba5411bbce3.png">

自粛に疲れた高校生は今、何を従っているのか。聞いてみました。そこで、カラオケなど以外に、「県外に遊びに行きたい」「旅行に行きたい」との声も多くあったので、観光業に何かアプローチしようと思ったのがきっかけです。

#観光業の今の現状
観光していて外せないものといえば、その土地の名産品やお土産品ですよね。
しかし誰も観光客が来なくなった今、それらの行き場を失った物達はネット通販等で格安に在庫処分されるようになりました。
いくら在庫処分が全てできたとしても利益が出たり、観光客が増えたりする訳でも無く、解決の方向には進んでいません。
そんなこれらの状況から生まれたのがこの「トラべる！」です。

#「トラべる！」は何がどうなってどうしたいの？
完結に言うと **「LINEグループにBotを招待して、みんなで旅のしおりを作るサービスです」**
これを使うことで、みんなが行きたい場所を取り入れながらそれらをすぐに可視化できます。
こうして、旅行計画を立てるきっかけを提供することが観光客の増加に繋がるのではないかと考えました。

#このサービスの特徴
・観光情報は広島県/広島市のオープンデータを活用した。
→[広島県](https://ckan.odp.jig.jp/dataset/jp-go-soumu-kcloud-kanko-34-odp)
→[広島市](https://www.city.hiroshima.lg.jp/site/opendata/11825.html)

・DBを操作するAPIを作ったりして、水平展開しやすい構成を作った

・実際に観光に行った人から感染症対策などが取られていて、安心できたかなどを聞くことができる。

#開発体制
###連絡
基本的にはハッカソンでオールだったので常にZoomを繋いでいました。
だから、分からない事や聞きたいことはいつでも聞ける体制を取っていました。
###アイデア出し
Miroを使って、**"社会の変化"**が何で**"必要とされるもの"**は何なのかみたいなブレストから入りました。
<img width="664" alt="スクリーンショット 2020-05-27 14.32.13.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/488939/7fb266a6-174e-7f9e-7d42-2adc712dc9b4.png">
<img width="605" alt="スクリーンショット 2020-05-27 14.33.00.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/488939/40117824-df39-8cf1-3a89-e13d1b453962.png">
<img width="1358" alt="スクリーンショット 2020-05-27 14.34.34.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/488939/90dd4c40-58d5-6c97-4251-30989dfa4ec3.png">

###仕様策定
基本的に、HackMDに書くようにしました。APIだと以下のような感じです。
以下は一部の切り抜きですが、全機能のPOST/GETについて策定してくれました。
<img width="750" alt="スクリーンショット 2020-05-27 14.40.21.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/488939/c59f705a-82c0-a086-ccf1-818f177825bc.png">
<img width="761" alt="スクリーンショット 2020-05-27 14.40.38.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/488939/dc67d754-7486-8077-e3ae-359604b8d513.png">

##やりとり
基本的にはSlackに専用のチャンネルを作成し、そちらで行いました。
<img width="521" alt="スクリーンショット 2020-05-27 14.55.33.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/488939/93dd54ce-fb90-9774-a514-2538e682702a.png">

#開発構成/仕様技術
<img width="1037" alt="スクリーンショット 2020-05-27 15.01.01.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/488939/10c2f485-d180-2d96-0c86-dcf1108d30f8.png">

AWSにBotのコードやらマップのページやらぽんぽん置いて完成させました。

#作ったものについて
<img width="1074" alt="スクリーンショット 2020-05-27 15.11.13.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/488939/d28e15f4-66bd-03a2-03ba-17ba9a6c03cb.png">
※基本的に現在の開発段階ではグループでのイベントにしか対応していません。
※グループに招待→やりたいことを選択して記録する→みんなのやりたいことを確認する。というのが現在ユーザーに使っていただける機能になります。
#実際に試して見る（現在止めてます）
<img width="788" alt="スクリーンショット 2020-05-27 17.10.40.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/488939/896c8767-00c6-8d6c-c380-b72d3ce3fac9.png">

<img width="788" alt="スクリーンショット 2020-05-27 16.03.34.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/488939/8bdae83a-cd07-bac4-772e-ec94f2e72b1d.png">
<img width="789" alt="スクリーンショット 2020-05-27 16.03.43.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/488939/7852122a-5a7b-b401-ca52-2f6dd7bfeccb.png">

~~ぜひ一度試してみてください。~~APIの利用回数が異常だったので現在は利用を停止しています。


#開発を終えて
今回作ってみたものはプロトタイプに過ぎません。実装したい機能がまだまだ沢山あるので、もし時間があるならばもう少し開発に時間を割いて、よりユーザー体験の良いサービスにしたいなと思いました。
開発の裏話ですが、徹夜ハッカソンだったものの、色々と個人がこだわっていたりして時間が足りなかったです。発表の1時間前までハッピーパスが通っていないと言うなかなかギリギリの戦いでした。なんとか作った即席のスライドで最終の審査に挑みました。
結果発表では奨励賞と言う形をいただき、2日間それぞれの力を合わせて開発したものがこのように目に見える形で評価を頂き嬉しい限りです。これからもすごくなりたいがくせいぐるーぷのメンバーでハッカソンなどに参加し、色々な技術に挑戦したいです。一緒に開発してくれた[@shinbunbun_](xhttps://twitter.com/shinbunbun_)と[@ItyuJ](https://twitter.com/ItyuJ)に感謝です。

#後日得た教訓
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">無料枠に感謝wwwww <a href="https://t.co/03RtFFQmxj">pic.twitter.com/03RtFFQmxj</a></p>&mdash; ようかん (Yosuke Inoue) / (@inoue2002) <a href="https://twitter.com/inoue2002/status/1265559029549539329?ref_src=twsrc%5Etfw">May 27, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
後日、APIの利用利用料金がどうなってるんだろうとコンソールを見ると上のツイートのようにPlaceAPIに7000リクエストも入って請求が￥16,000を超えていました。幸い初心者クレジットで$300あったので負担してもらえたのですが、おそらく実際に開発で使ったのは2000ほど。どこかでシークレットキーがバレたのかな。。。
クラウド破産には気をつけてこれからも開発を続けて行きます。。

#今後の展望
面白そう！私も観光業助けたいのでこのプロジェクトやりたいです！みたいな声が多くなると実際に動くかもしれないです。
APIやフロントエンドの技術的記事はメンバーの2人がこの後書いてくれるかもしれないです！