Quick Clean Restroom(仮)の開発 第8回

施設の設備情報の投稿、表示機能が完成しました。

当初、思い描いていた機能の実装が終了しました。

あとは、検索機能を追加するかどうかです。

 

最後にコードを整理したのち、テストも実施する予定です。

 

現在実装されている主な機能(レスポンシブ対応)

①施設一覧情報:GPSを利用し、周囲にある綺麗なトイレを表示

②施設詳細情報:クリックすることで、選択したトイレの詳細情報、清潔度、設備の有無を表示

③ルート検索:GPSを利用し、現在地から最適なルートで清潔なトイレへと案内。

④施設情報投稿機能:画面上で右クリックし、投稿画面に遷移し、施設情報を登録

⑤施設情報編集・削除機能:投稿内容の編集・削除機能を追加

⑥ユーザー登録・ログイン機能:ユーザーアカウントの作成・ログイン機能の追加

⑦マイページ機能を追加

⑧パスワード再設定機能を追加

⑨コメント・レビュー機能を追加

 

 

    





Quick Clean Restroom(仮)の開発 第7回

コメント・レビュー機能が完成した。

今のところ、予定通り順調に進んでいます。今日は好調でした。

 

現在実装されている主な機能(レスポンシブ対応)

①施設一覧情報:GPSを利用し、周囲にある綺麗なトイレを表示

②施設詳細情報:クリックすることで、選択したトイレの詳細情報、清潔度、設備の有無を表示

③ルート検索:GPSを利用し、現在地から最適なルートで清潔なトイレへと案内。

④施設情報投稿機能:画面上で右クリックし、投稿画面に遷移し、施設情報を登録

⑤施設情報編集・削除機能:投稿内容の編集・削除機能を追加

⑥ユーザー登録・ログイン機能:ユーザーアカウントの作成・ログイン機能の追加

⑦マイページ機能を追加

⑧パスワード再設定機能を追加

⑨コメント・レビュー機能を追加

 

 

Quick Clean Restroom(仮)の開発 第6回

ユーザーマイページ・パスワード再設定機能が完成した。

今のところ、予定通り順調に進んでいます。今日は好調でした。

 

現在実装されている主な機能(レスポンシブ対応)

①施設一覧情報:GPSを利用し、周囲にある綺麗なトイレを表示

②施設詳細情報:クリックすることで、選択したトイレの詳細情報、清潔度、設備の有無を表示

③ルート検索:GPSを利用し、現在地から最適なルートで清潔なトイレへと案内。

④施設情報投稿機能:画面上で右クリックし、投稿画面に遷移し、施設情報を登録

⑤施設情報編集・削除機能:投稿内容の編集・削除機能を追加

⑥ユーザー登録・ログイン機能:ユーザーアカウントの作成・ログイン機能の追加

⑦マイページ機能を追加

⑧パスワード再設定機能を追加



ユーザーマイページ

 

パスワード再設定時のメール AWS SESより自動配信

 

Quick Clean Restroom(仮)の開発 第5回

ユーザー登録・ログイン機能が完成した。

今のところ、予定通り順調に進んでいます。今日は好調でした。

 

現在実装されている主な機能(レスポンシブ対応)

①施設一覧情報:GPSを利用し、周囲にある綺麗なトイレを表示

②施設詳細情報:クリックすることで、選択したトイレの詳細情報、清潔度、設備の有無を表示

③ルート検索:GPSを利用し、現在地から最適なルートで清潔なトイレへと案内。

④施設情報投稿機能:画面上で右クリックし、投稿画面に遷移し、施設情報を登録

⑤施設情報編集・削除機能:投稿内容の編集・削除機能を追加

⑥ユーザー登録・ログイン機能:ユーザーアカウントの作成・ログイン機能の追加

 

 

 

 

ところで、ハンバーガーボタンを作ってみたものの、ページを遷移するとボタンを押しても反応しない状態が発生。原因は、rails7のTurbolinksらしい。今度調べてみます。下記のようにturbo:loadしたら正常に作動しました。

 

document.addEventListener('turbo:load', function() { 

  console.log('turbo無効化');
});



 

Quick Clean Restroom(仮)の開発 第4回

TOP画面が完成した。

今のところ、予定通り順調に進んでいます。

 

現在実装されている主な機能(レスポンシブ対応)

①施設一覧情報:GPSを利用し、周囲にある綺麗なトイレを表示

②施設詳細情報:クリックすることで、選択したトイレの詳細情報、清潔度、設備の有無を表示

③ルート検索:GPSを利用し、現在地から最適なルートで清潔なトイレへと案内。

④施設情報投稿機能:画面上で右クリックし、投稿画面に遷移し、施設情報を登録

⑤施設情報編集・削除機能:投稿内容の編集・削除機能を追加

 

TOP画面

 

Quick Clean Restroom(仮)の開発 第3回

主要機能のうち投稿内容の編集・削除機能が完成した。

今のところ、予定通り順調に進んでいます。

 

現在実装されている主な機能(レスポンシブ対応)

①施設一覧情報:GPSを利用し、周囲にある綺麗なトイレを表示

②施設詳細情報:クリックすることで、選択したトイレの詳細情報、清潔度、設備の有無を表示

③ルート検索:GPSを利用し、現在地から最適なルートで清潔なトイレへと案内。

④施設情報投稿機能:画面上で右クリックし、投稿画面に遷移し、施設情報を登録

⑤施設情報編集・削除機能:投稿内容の編集・削除機能を追加

 

 

   



   

 

Quick Clean Restroom(仮)の開発 第2回

主要機能のうち投稿機能が完成した。

 

現在実装されている主な機能

①施設一覧情報:GPSを利用し、周囲にある綺麗なトイレを表示

②施設詳細情報:クリックすることで、選択したトイレの詳細情報、清潔度、設備の有無を表示

③ルート検索:GPSを利用し、現在地から最適なルートで清潔なトイレへと案内。

④施設情報投稿機能:画面上で右クリックし、投稿画面に遷移し、施設情報を登録

                              右クリックした箇所の緯度経度取得することで簡単に登録することが可能 

 

右クリックで緯度経度の情報を取得し、投稿画面に遷移

 

 

実際の画面では、緯度経度情報は非表示