アプリケーション名

become_manga

アプリケーション概要

漫画家になる人のための無料漫画投稿サービス

URL

githubのリンク

テスト用アカウント

・ Basic認証パスワード :
・ Basic認証ID :
・ メールアドレス :
・ パスワード :

利用方法

アプリケーションを作成した背景

私の幼馴染が漫画家を目指しているのもあり、漫画家になる大変さを話を聞いて感じました。そこで私は、漫画家になる人の助けが何かできないかと考え、なろう小説家というwebアプリの漫画版を作れば助けになるのではないかと考え、作るに至りました。

洗い出した要件

要件を定義したシート

実装した機能についての画像やGIFおよびその説明

実装予定の機能

データベース設計

テーブル設計

usersテーブル

Column	Type	Option
nickname	string	null: false
email	string	null: false, unique: true
encrypted_password	string	null: false
profile	text	null: false

has_many :works
has_many :inquiries
has_many :works, through: :book_marks
has_many :book_marks
has_one_attached :image

フォローをした、されたの関係
has_many :relationships, class_name: "Relationship", foreign_key: "follower_id", dependent: :destroy
has_many :reverse_of_relationships, class_name: "Relationship", foreign_key: "followed_id", dependent: :destroy

一覧画面で使う
has_many :followings, through: :relationships, source: :followed
has_many :followers, through: :reverse_of_relationships, source: :follower

worksテーブル

Column	Type	Option
main_title	string	null: false
explanation	text	null: false
category	integer	null: false
user	references	null: false, foreign_key: true

belongs_to :user
has_many :comics, dependent: :destroy
has_many :users, through: :book_marks
has_many :book_marks, dependent: :destroy
has_one_attached :image

comicsテーブル

Column	Type	Option
subtitle	string	null: false
work	references	null: false, foreign_key: true

belongs_to :work
has_many :comments, dependent: :destroy
has_one_attached :image
has_many_attached :images

relationshipsテーブル

Column	Type	Option
follower	integer	null: false, foreign_key: true
followed	integer	null: false, foreign_key: true

belongs_to :follower, class_name: "User"
belongs_to :followed, class_name: "User"

book_marksテーブル

Column	Type	Options
user	references	null: false, foreign_key: true
work	references	null: false, foreign_key: true

belongs_to :user
belongs_to :comic

commentsテーブル

Column	Type	Option
comment	text	null: false
work	references	null: false, foreign_key: true

belongs_to :comic

inquiriesテーブル

Column	Type	Option
inquiry	text	null: false
user	references	null: false, foreign_key: true

belongs_to :user

画面遷移図

開発環境

・ フロントエンド
・ バックエンド
・ インフラ
・ テスト
・ テキストエディタ
・ タスク管理

ローカルでの動作方法

以下のコマンドを実行。
% git clone https://github.com/LlechiKaito/become_manga.git
% cd become_manga
% bundle install
% yarn install

工夫したポイント