アロカップ

AIが旅行の触媒になるアプリ

https://github.com/AFURO-1130/arowCup

Next.js

React

JavaScript

Functions

TailwindCSS

AIがおすすめスポットを教えてくれる!

金城翔太郎

推しアイデア

今流行りの技術のchatGPTを取り入れることで、ユーザーの抽象的な質問に対して、回答が返ってきて、新たな角度の発見があるところが推しポイントです!!

作った背景

知らない土地で、さくっと有名な場所を知れると、リサーチにかかる時間を短縮できたらいいなというところから始めました。他にも、知っている土地でも、これ知らなかったという発見があります!

推し技術

Firebaseですね!簡単にAPIを立てられて、DBもサクッとフロントと連携できるので、個人開発などではおすすめです!他には、Next.jsは圧倒的おすすめですね!TSの型補完が気持ちよく、開発者体験よきです!

プロジェクト詳細

概要

  • 今流行りのchatGPTから気になる場所を入力すると、複数個のおすすめスポットがgoogle map上に表示されるよ!

機能

  • AIに場所地名を入力すると、そこに関するおすすめスポットがGoogle map上に表示される

実装したかった機能

  • 地図上のルートを結んだ合計時間
  • webからネイティブアプリの方を開くことができる
  • やりとりをすることで、より名所を絞れるようにしたい

頑張った点

  • OpenAIのAPIが1分間で60リクエストしかできないので、functionsの方でリクエスト制限をかけている
  • 最初はEdge functionsのtimeoutが10sしかなく、OpenAIの平均応答時間が12-15秒なので、そこからfirebase functionsに切り替えることで、対応した
  • OpenAIから帰ってくる回答が一定じゃないかつ文字列なので、そこからGoogle map APIにpostしやすい形にデータの扱いが難しかった

使用した技術

フロントエンド

  • Next.js / TS

バックエンド

  • Node.js / TS

その他

  • Firebase functions / Vercel / Google Map API / chatGPT API

金城翔太郎

@kinjo