thaqoo / eventmag

README

アプリ名：eventmag

概要

イベント情報の掲載アプリです。会社内や特定の組織内で使用するイメージで作成しています。

コンセプト

誰でも気軽にイベントを告知する事ができます。イベントを通じて、社内の他部署と親交を深めたり、 こんな集まりをしているという事を知ってもらえます。 使える範囲を広げることで、広く一般の方を対象としたイベント告知にも対応が可能です。 ユーザー登録をせずとも、イベントの詳細を確認できるようにし、敷居を広くしています。

開発環境

Ruby 2.5.5 Rails 5.2.3 Bundler 2.0.1

機能一覧

イベント表示機能

• イベント一覧表示
• イベント詳細表示機能
• イベント編集、削除機能

ユーザー管理機能

• ユーザー登録機能
  • 名前、メールアドレス、パスワードの必登録須
• ログイン機能
  • SNS(google)アカウントでのログイン可能（予定）
  • パスワード再設定機能

グループ機能

• グループ登録機能
• グループ内コメント機能

管理者機能

• ユーザー一覧表示機能

  • ユーザー登録、編集、削除機能
  • 一般ユーザーへの管理者権限付与機能

• イベント一覧表示機能

  • イベント登録、編集、削除機能

• グループ一覧表示機能

  • グループ登録、編集、削除機能

カタログ設計

https://docs.google.com/spreadsheets/d/1IxFO_lhTKJmwI5V355UO4pIFGzdlQ-2aR6kXkJ7jXZ8/edit?usp=sharing

テーブル定義

https://docs.google.com/spreadsheets/d/16VJQ92Vfc0loozkx1x08XRagFdpBjzT40WmXPPPQlUQ/edit?usp=sharing

画面遷移図

https://drive.google.com/file/d/1J_nGxPVocNoPjdlnj416YXFzNDByELQ3/view?usp=sharing

ワイヤーフレーム

https://drive.google.com/file/d/1qDyqemBq3D5i2nXm4nUFl7Zpkhm1guGr/view?usp=sharing

使用gem

• device
• omniath
• omniauth-google-oauth2
• ransack
• kaminari
• unicorn
• capistrano
• jquery-validation-rails
• faker

eventmag's Issues

不具合修正

• ユーザー登録の日本語化対応

• i18n日本語対応

• イベント新規登録でエラーを出す

• イベントの詳細では、入れた内容をすべて出す（編集しないと出ない項目あり？）

• イベント作成した本人は参加ボタンを押せないようにする

• 現在の参加者数の下に参加メンバーについて、人数が多くなると別ページに表示するようにする

グループ機能作成②CRUD機能作成

• group controller作成

• new create show update destoryアクションの実装

• 入力、編集フォーム、show画面の作成

• グループの作成者がリーダーとして登録されるようにする

read meの修正

• 使用gemについて記載

ページネーション機能追加

• イベント一覧画面にページネーション機能を追加する

• kaminariを使用して実装

• １画面あたり9件or12件の表示とする

イベント参加機能作成

• events と users の中間テーブル attendsを作成

• イベント詳細画面に参加者を表示

• イベント詳細画面に参加者人数を表示

セッションタイムアウトの設定

ログイン後、操作なしに一定時間経過で、ログアウトするように設定する

• deviseの機能を使って実装する

管理者権限機能の作成

• アドミンユーザー機能を作成

• 全ユーザーを見れるようにする

• 全グループを見れるようにする

• 全イベントを見れるようにする

マイページデザイン修正

• 所属チーム表示を見やすく表示する

• 投稿したイベントを見やすく表示する

circleCIを適用する

• circleCIを導入、dockerイメージで設定ファイル作成

イベント問い合わせ機能作成

• contactモデル、コントローラ作成

• 入力フォーム作成

• 登録されたデータの表示画面作成

イベント編集、削除ボタンの設置

• マイページから遷移するイベントページ内でボタンを設置する

イベント問い合わせ機能作成②

• 投稿された問い合わせをマイページに表示する

• マイページに自分が企画したイベントを表示する

フッター位置の調整

• ページによって、フッターが上に上がってきているので、常に画面下部に表示するよう調整する

イベントCRUD機能②

イベント一覧表示機能

• indexアクション実装

• 一覧表示view作成

登録したイベントが新しい順に表示されるようにする

• コントローラもしくはモデル側でソートをしたデータを抽出する

ヘッダー、フッターの作成

• ヘッダーにログイン、ログアウト、マイページへの遷移リンクを配置する

• フッターを作成する

deviceを使用してログイン機能を作成

• ユーザーモデル作成

• ログイン機能実装

イベントCRUD機能に対するテスト

• eventモデルに対するテスト

• イベントCRUD機能に対するSystem Specテスト

イベントCRUD機能③(詳細画面表示）

• イベントshowアクション実装

• イベント詳細画面作成

seed data作成

• ユーザーを20名作成

• 各ユーザーがイベントを5件作成

• ユーザー３名がグループを作成

• 各グループ5名を招待する

イベントshow画面のデザイン調整

• 申し込みボタンを上の方に表示する

• 投稿者名、お問い合わせボタンをカードヘッターに表示

• カードの幅を広げる

エラーメッセージの日本語化

• ログイン、サインアップ時メッセージ

• イベント等投稿時メッセージ

イベントCRUD機能④（編集、削除）

• イベント編集機能実装

• 新規登録画面と編集画面の共通化

• イベント削除機能実装

グループ画像投稿機能の作成

• グループ作成、編集時に画像投稿ができるようにする

• グループ画面にて画像を表示する

• 画像がない場合、デフォルトの画像(no image)が挿入されるようにする

[イベントCRUD機能①]

イベント登録機能

• eventモデル作成

• eventコントローラ作成

• ルーティング設定

• 登録ビュー作成

不具合修正②

• グループ招待欄が空欄の場合の対応を修正する

デプロイ準備

• awsへのデプロイ準備

• 画像データはS3にアップロードされるようにする

OAuth認証機能実装

• 会社での使用を想定し、google認証機能を実装する

• ログイン画面、サインアップ画面にgoogle認証ボタンを作成

グループ脱退機能の作成

• 招待されたグループから脱退する機能を追加

• メンバー本人と、リーダーに脱退権限を付与する

ユーザーのマイページ画面作成

• ユーザーコントローラの作成

• マイページviewの作成

グループ機能に対するテスト

• グループモデルに対するRspecテスト

• グループ作成に関するSystem specテスト

ログイン画面、サインアップ画面のデザイン修正

• bootstrapを使用して修正する

エラー画面カスタム

• 404エラー画面をオリジナルにする

• 500エラー画面をオリジナルにする

rubyバージョン、gemfile設定

• 開発初期で使用が決まっているgemを設定

参加申し込みをしたイベントをマイページに表示する

• 申し込みをしたイベントをマイページに表示する

• 表示されたイベントの詳細へのリンク機能作成

ユーザーのマイページに登録グループ画面へのリンクを表示する

• ユーザーが登録したグループのみを表示

• ログインユーザーが グループリーダーの場合、編集、削除ボタンを表示する

不具合箇所修正

• イベント詳細画面で、終了時間だけ行が違う（日時や開始時間と同じ行がよい）

• イベントの参加キャンセルボタンをクリックすると404エラーになる

• イベントにurlを登録しても詳細画面でリンクにならない

• イベントの問い合わせ画面で、空欄でも投稿できてしまう

イベント画像投稿機能作成

• イベント登録、編集時に画像ファイル投稿機能を追加

• gem "carrier wave"を使用

• 入力、編集フォームに画像アップ欄を追加

• イベント一覧画面に画像が表示されるよう設定

• イベント詳細画面に画像が表示されるように設定

グループ内コメント投稿機能の実装

• グループメンバーがコメントを投稿できる

• グループトップ画面にてコメントが表示される

• 誰がコメントしたか名前を表示する

入力フォームでのバリデーション機能追加

• ユーザー登録画面のフォームでのバリデーション追加

• 条件を満たしていない場合、メッセージを出力する

イベント検索機能の追加

• イベント名で検索が出来るようにする

• ransackを使って実装

ユーザー画像投稿機能作成

• usersテーブルにiconカラムを追加

• 画像アップロード機能を追加

• マイページに画像が表示されるようにする

イベント詳細画面のボタン表示訂正

• 誰が見ても、編集、削除ボタンが表示されるので、投稿者以外にはボタンを
  表示しないようにする。

DB上で、UserとEventを紐付ける

• １対多のアソシエーション実装

• イベントの詳細画面に、投稿したユーザー名を表示させる

ログイン、サインアップ画面デザイン修正

• googleログインのボタン作成

• デザインを整える

グループ招待機能を追加

• グループメンバーが他のユーザーを招待出来るようにする

• グループ画面で招待するユーザー名を入力するフォームを作成する

System Spec準備

• Rspecインストール、初期準備

• Capybara初期準備

不具合修正③

• グループ画面の画像サイズ調整

グループ機能作成

• groupsテーブルを作成

• joins（中間テーブル）を作成

• users,groups,joinsのアソシエーション設定

rubocop設定

設定ファイル作成のうえ、設定を行う