greenbull
ユーザーごと、グループごとに予定を管理
https://greenbull.onrender.com/
- Basic認証ID: wtnbkyt
- Basic認証password: 38043
- メールアドレス:aaa@aaa
- パスワード:aaaaaa
-
予定の追加
- トップページの予定追加フォームに、予定名・開始日時・終了日時・場所・メモを入力
- 該当する参加者とグループにチェックを入れて登録ボタンを押す
-
グループの追加、編集
- ヘッダーのグループ一覧を押す
- 新規グループ作成を押し、グループ名を入力し登録ボタンを押す
- 編集したいグループを押す
- 「グループ情報を編集する」リンクを押し、グループ名を編集して「確定する」ボタンを押す
-
ユーザー自身の情報編集
- ヘッダーの「マイページ」を押す
- 名前・メールアドレス・グループ・編集し、登録ボタンを押す
-
他のユーザーの情報編集
- ヘッダーの「利用者一覧」を押す
- 編集したいユーザー名を押す
- 名前・メールアドレス・グループ・編集し、登録ボタンを押す
-
管理用画面
- トップページのURLの末尾に"/admin"を追加してエンターキーを押す
自分自身の前職での経験から、編集権限のあるユーザーがその他のユーザーの予定を把握し自由に編集できるツールの必要性を感じた。ユーザーごとやグループごとに一覧表示をして予定の管理をしやすくするアプリケーションを開発することにした。
- CSS装飾の実装
- スケジュール情報が1件も存在しない場合にカレンダーが表示されるかわりに、スケジュール登録の操作説明を表示させる。
- スケジュールを画面遷移することなくトップページ上で編集可能にする
- スケジュール編集開始時に、登録されてある情報をもとにユーザーとグループが自動で選択されるようにする
- ユーザー詳細ページにそのユーザーが紐付けられた予定を一覧表示する
- ユーザーの権限を3種類(閲覧者・編集者・管理者)に分け、アクセスできるページを権限により制限する
- 入力情報に誤りがある場合に、入力画面に入力情報を残したままエラーメッセージを表示させる。
HTML, CSS, JavaScript, Ruby on Rails, vscode, github
以下のコマンドを実行
- git clone https://github.com/31-wtcr/greenbull.git
- cd greenbull
- bundle install
- yarn install
- スケジュール登録時に、グループとユーザーを紐付けて中間テーブルへ同時に保存すること
- javascriptのライブラリを用いてスケジュールを動的に表示させること