121
91

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.

未経験者がRailsでポートフォリオを作成し、AWSにデプロイしてみた

Last updated at Posted at 2021-02-03

はじめに

実務未経験者がRailsを使用し、Webアプリケーションを作成してみたのでアプリの紹介や開発時の苦労した点などをご紹介できればと思います。

アプリ概要

本専用のタスク管理アプリ 「ブックたす」を作成しました

  • 読もうと思っている本をリストに登録
  • おすすめの本を他のユーザーにシェアできる
  • 読んだ本を内容をアウトプットできる ezgif.com-gif-maker (3).gif

作成背景

最近読書をするようになってきたんですがこれまでほぼ読書をしてこなかった人間なので毎日継続して読むことが難しく感じていました
また、読むだけで終わっていたので本の内容が抜けていることがあり、本の内容を簡単にアウトプットできたらいいなと思いました!

自分と同じような悩みを持っている人が他にもいるのではないかなと感じ、アプリを制作しようと考えました。

機能一覧

       機能           Gem
ログイン機能 devise
本の登録(CRUD) ×
おすすめ機能(CRUD) ×
アウトプット機能   ×
いいね機能(Ajax)   ×
コメント機能(Ajax) ×
フォロー機能     ×
プロフィールページ機能   ×
ゲストユーザーログイン機能 ×
ページネーション機能 kaminari
検索機能 ransack
画像投稿機能 ×

使用イメージ

本の登録

ezgif.com-gif-maker (4).gif

おすすめ機能

ezgif.com-gif-maker (5).gif

アウトプット機能

ezgif.com-gif-maker (6).gif

使用技術

フロントエンド

HTML/CSS(Sass)
Bootstrap 4.5.3
jQuery 3.5.1

バックエンド

Ruby 2.6.5
Ruby on Rails 6.0.3.4

インフラ

AWS(VPC、EC2、RDS、Route53、S3、ALB、ACM、IAM)
Nginx、puma
Capistrano3
PostgreSQL 11.5

ER図

全画面_2021_02_03_15_29.png

インフラ構成図

infra_dio_—_ruby_practice.png

苦労した点

非同期処理

コメントやいいねの部分を非同期で実装したのですがうまく値が渡ってこず苦労しました。
ドキュメントや技術ブログなどをみて進めていきました。

AWSへのデプロイ

AWSへの基礎理解やデプロイ時に何度もエラーが出て苦しみましたがエラーログを見たり、調べたりして進めていきました。
またわからない用語がたくさんあり、何がわからないのかがわからない状況になってしまっていたのですが1つずつ調べながら全体を理解していきました。

今後やりたいこと

  • レスポンシブ対応
  • Vue.jsの導入
  • DockerやCircleCIの導入
  • 無限スクロール実装
  • 外部APIとの連携
  • おすすめランキング機能の実装

感想

アプリ開発するのは楽しいなと改めて感じました。
もちろんエラーにはまり苦しいと感じる時もありますが、それを乗り越えた時は思わず声に出してしまいそうなぐらいの喜びを感じています!
また日々自分のできることが増えていくことにやりがいを感じます!
まだまだ改善点がたくさんあるのでどんどんアップデートしていきたいと思います!

ここまで読んでいただきありがとうございました!
良かったと思った方はLGTMしていただけると嬉しいです

121
91
1

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
121
91

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?