オンデンカップ

そーらーしーうるふ

https://github.com/Sea10wood/OndenCup_frontend.git

―

AWS

Figma

Amplify

GraphQL

Flutter

条件をぽちぽちするだけで福岡の旅行プラン、経路を提案します。

Sea10

norma

てるりん

推しアイデア

旅行する時にふんわりしたイメージしかなくても、ぽちぽち条件を選択するだけで自動的にプランを作成、提案してくれるアプリを作りました。

作った背景

今回は埼玉から参加しているチームメイトがいるので、「福岡を紹介したいという思いはあるものの、そこまで福岡のことを知らないから紹介という紹介ができないなぁ、、」というところからふんわりとしたイメージからプランを作成してくれるアプリを作成しました。

推し技術

AWS Amplifyで共同編集をしました。 Google Place APIを用いて、プラン、経路を作成し、Flutter上に反映させました。

プロジェクト詳細

目次
  1. Figma
  2. 今回作成したアプリ
  3. 技術構成図
  4. 使用したAWSサービス
  5. 使用したAPI
  6. こだわりポイント
  7. 発生したエラー

Figma

Figmaはこちら

今回作成したアプリ

FukuTra ~旅をもっと想像的に～

image image

アプリの使用方法
  1. ログイン
  2. 集合する駅を入力
  3. 人数と雰囲気を選択
  4. 移動手段を選択

→自動で組まれた予定がマップ表示される！

技術構成図

image

使用した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の特性への理解を深められました

Sea10

@Sea10wood