推しアイデア
旅行する時にふんわりしたイメージしかなくても、ぽちぽち条件を選択するだけで自動的にプランを作成、提案してくれるアプリを作りました。
オンデンカップ
そーらーしーうるふ
―
条件をぽちぽちするだけで福岡の旅行プラン、経路を提案します。
作った背景
今回は埼玉から参加しているチームメイトがいるので、「福岡を紹介したいという思いはあるものの、そこまで福岡のことを知らないから紹介という紹介ができないなぁ、、」というところからふんわりとしたイメージからプランを作成してくれるアプリを作成しました。
推し技術
AWS Amplifyで共同編集をしました。 Google Place APIを用いて、プラン、経路を作成し、Flutter上に反映させました。
プロジェクト詳細
目次
Figma
今回作成したアプリ
FukuTra ~旅をもっと想像的に～
アプリの使用方法
- ログイン
- 集合する駅を入力
- 人数と雰囲気を選択
- 移動手段を選択
→自動で組まれた予定がマップ表示される！
技術構成図
使用したAWSサービス
AWS Amplify →ログイン認証として使用
DynamoDB →ユーザーデーターの保存
使用したAPI
Google Places API →地図の表示、経路検索として使用
こだわりポイント
チェックボックスを選択するだけの簡単な操作
エラーログ
Amplifyとの接続の際にエラーが発生したので、エラー記録と解決方法のメモ
発生していたエラー
flutter run -d chrome --web-hostname localhost --web-port 5000 --web-renderer html ─╯ Launching lib/main.dart on Chrome in debug mode... lib/main.dart:11:8: Error: Error when reading 'lib/amplifyconfiguration.dart': No such file or directory import 'amplifyconfiguration.dart'; ^ lib/main.dart:34:29: Error: Undefined name 'amplifyconfig'. await Amplify.configure(amplifyconfig); ^^^^^^^^^^^^^ Waiting for connection from debug service on Chrome... 34.1s Failed to compile application.
解消コマンド
amplify pull
エラーの原因
それぞれの環境でのズレがエラーとなっていたようです 環境を見直し、apmplify pullをすることで解消しました
得た知見
Apmlifyの特性への理解を深められました
