3
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【ポートフォリオ説明】ラーメン記録アプリの概要

Last updated at Posted at 2021-02-08

作成した経緯

  • 友人と食べたラーメンを共有したい
  • まだ行ったことのないラーメン屋に行きたい
  • 行ったお店を把握することにより、全員が行ったことのない店がわかる
  • 食べたラーメンを分かりやすく記録したい
  • ラーメンが好き

使った技術

  • 言語 Java
  • フレームワーク Spring Boot
  • O/Rマッパー MyBatis
  • DB MySQL
  • フロント HTML/CSS/BootStrap
  • デプロイ AWS Elastic Beanstalk

ログイン画面

Videotogif (1).gif

  • バリデーション
  • パスワードのハッシュ化

TOPページ

スクリーンショット 2021-02-08 232858.png

  • 登録した全件を表示

新規登録画面

Videotogif (2).gif
スクリーンショット 2021-02-08 213824.png

  • バリデーション(画像URLは任意)

詳細画面

スクリーンショット 2021-02-08 214318.png

  • 画像URLを新規登録時に入力しなかった場合、もしくはURL出ないものが入力された場合は自動的にNO IMAGEの画像が入る

変更画面

スクリーンショット 2021-02-08 214550.png

  • 新規登録画面とほぼ同じバリデーション。

削除

Videotogif (3).gif

検索機能

Videotogif (4).gif

  • カタカナや半角でも検索可能
  • 該当する結果が得られない場合は「該当の検索結果がありません!」と表示

新規ユーザ登録画面 ※管理者専用

スクリーンショット 2021-02-08 233306.png

  • バリデーション
    同じusernameは登録不可
    パスワードは8文字以上、数字と大文字、小文字のアルファベットを含めることが必須
  • ユーザか、管理者か選択

Videotogif (5).gif

  • ユーザは権限がないので新規ユーザ登録できない

ログアウト

スクリーンショット 2021-02-08 235818.png

デプロイ

デプロイについてはこちら
https://qiita.com/sumichan/items/2f651cdf6369ef7ca84c

使って頂いて修正した点

  • パスワードの強化
  • validationの強化
    プルダウン(評価の★)にvalidationがついておらず、★以外もいじれてしまった

今後修正したい点

  • 画像をURLではなくアップロードにしたい
  • DBのテーブルをしっかり分けたい

感想

ダメなところもたくさんありますが、このアプリを通して成長できたと感じました。
ひとまず形になったことがうれしいです。

3
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?