マガジンのカバー画像

Flutterを使った飲食店レビューアプリ作成日記

7
Flutterでのアプリ作成を行った際の日記
運営しているクリエイター

#Flutter

Flutterを用いた飲食店レビューアプリの製作日記〜10日目とこれからの方針〜

Flutterを用いた飲食店レビューアプリの製作日記〜10日目とこれからの方針〜

前回までロゴを作成
開発環境を構築
ログイン認証ページを作成
スプラッシュ画面を作成
レビュー投稿画面,お店登録画面を作成
お店の情報とレビューを見ることのできる画面を作成
マップを表示する
地図を長押しでレストラン投稿画面に遷移するようにした
位置情報をFirestoreに保存した
Googlemapを長押しでマーカーを配置,モーダルボトムシートを表示
登録されたマーカーをマップ上に配置

10

もっとみる
Flutterを用いた飲食店レビューアプリの製作日記〜9日目〜

Flutterを用いた飲食店レビューアプリの製作日記〜9日目〜

前回までロゴを作成
開発環境を構築
ログイン認証ページを作成
スプラッシュ画面を作成
レビュー投稿画面,お店登録画面を作成
お店の情報とレビューを見ることのできる画面を作成
マップを表示する
地図を長押しでレストラン投稿画面に遷移するようにした
位置情報をFirestoreに保存した
Googlemapを長押しでマーカーを配置,モーダルボトムシートを表示

9日目データベースから,登録された座標を

もっとみる

Flutterを用いた飲食店レビューアプリの製作日記〜8日目〜

前回までロゴを作成
開発環境を構築
ログイン認証ページを作成
スプラッシュ画面を作成
レビュー投稿画面,お店登録画面を作成
お店の情報とレビューを見ることのできる画面を作成
マップを表示する
地図を長押しでレストラン投稿画面に遷移するようにした
位置情報をFirestoreに保存した

8日目前回までマップを長押しして,長押した点の座標を取得することまでできたので,長押しした地点にマーカーを設置で

もっとみる

Flutterを用いた飲食店レビューアプリの製作日記〜5日目と6日目〜

前回までロゴを作成
開発環境を構築
ログイン認証ページを作成
スプラッシュ画面を作成
レビュー投稿画面,お店登録画面を作成
お店の情報とレビューを見ることのできる画面を作成

5日目スクリーンショットは載せられないのですが,レビューした人のユーザーネームを表示する機能を追加しました.それに伴いデータベースに変更を加えユーザーネームのフィールドを追加しました.

6日目

地図を表示するためGoog

もっとみる
Flutterを用いた飲食店レビューアプリの製作日記〜4日目〜

Flutterを用いた飲食店レビューアプリの製作日記〜4日目〜

前回までロゴを作成
開発環境を構築
ログイン認証ページを作成
スプラッシュ画面を作成

4日目お店を新規登録する場合は,お店の情報を入力後にレビュー投稿画面に移行するようにしました.また登録されているお店の一覧から選んでレビュー投稿できるようにしました.

右下のプラスボタンでお店の新規登録画面に遷移します.情報を書きこんで登録するを押すことで,データベースにお店の情報が保存されます.次にレビュー

もっとみる
Flutterを用いた飲食店レビューアプリの製作日記〜2日目と3日目〜

Flutterを用いた飲食店レビューアプリの製作日記〜2日目と3日目〜

前回までの進捗ロゴを作成
開発環境を構築

2日目お店の情報をListViewで表示する画面と,お店を登録するフォームを作成しました.
firebase authenticationのセットアップを行いました.

3日目ログイン認証の実装

firebase authenticationを利用したメールアドレスログインの画面作成を行いました.以下のサイトを参考に実装していきました.アップデートによ

もっとみる
Flutterを用いた飲食店レビューアプリの製作日記〜1日目〜

Flutterを用いた飲食店レビューアプリの製作日記〜1日目〜

作りたいアプリのコンセプト気の合う友人や家族間でおいしい飲食店を共有するアプリ

概要おいしいと思った飲食店のみをレビューする(美味しくなかった場合は行ったことだけを記録する)
レビューは友人などフォローしている人にしか表示されない(他人のレビューは入れない)

仕様などプラットフォーム:Android,Web
ログイン必須でログインにはfirebaseの認証を使用
データベースもfirebase

もっとみる