LoginSignup
0
2

More than 3 years have passed since last update.

Ruby on Railsでプロジェクト管理WEBアプリを開発

Last updated at Posted at 2019-08-16

はじめに

UdemyでRuby on Railsのコースを学習したので、そこで学んだ知識を生かしてWEBアプリを開発しました。

ソースコード

GitHubで公開しています
https://github.com/Ryota7101/milestone.git

主な機能 

  • miliaによるマルチテナント機能
  • タスク機能
  • タスクへのカテゴリ付け
  • ファイルアップロード機能
  • プレミアム会員機能
  • 管理者機能

アプリ詳細

 サインアップ

スクリーンショット 2019-08-16 15.52.29.png

サインアップ時にフリープランかプレミアムプランかを選択できます。
フリープランの場合はカード情報入力欄が表示されません。
スクリーンショット 2019-08-16 15.56.47.png

プレミアムプランに切り替えると、クレジットカード情報入力欄が表示されます。
※情報を登録して処理する機能を設定してないので、ここで入力した情報は保存されません。
スクリーンショット 2019-08-16 16.00.33.png

プロジェクト作成

スクリーンショット 2019-08-16 16.02.46.png

プロジェクトを作成すると、プロジェクト一覧に表示されます。
スクリーンショット 2019-08-16 16.04.00.png

プロジェクト詳細ページ
スクリーンショット 2019-08-16 16.04.59.png

ファイルアップロード機能

テキストファイルや画像をアップできます。
※ただし、クラウドなど保存先を設定していないので、現状ではどこにもファイルは保存されません。
スクリーンショット 2019-08-16 16.09.37.png

プロジェクトページにアップしたファイルが表示されます。
スクリーンショット 2019-08-16 16.10.12.png

タスク

タスク作成時にカテゴリ(後述)も指定できます。
スクリーンショット 2019-08-16 16.15.46.png

スクリーンショット 2019-08-16 16.16.22.png

作成したタスクがプロジェクトページに表示されます。
スクリーンショット 2019-08-16 16.16.51.png

管理者機能

Organization作成者は自動的に管理者として登録されます。
管理者がログインしてる場合は、ナビゲーションバーに
* メンバー追加
* プラン変更
* タスクのカテゴリ管理
のボタンが表示されます。

スクリーンショット 2019-08-16 16.17.30.png

タスクのカテゴリ

タスクのカテゴリ管理(作成や削除)は管理者のみが行えます。
タスクを作成したり、タスクにカテゴリを設定するのは非管理者でも行えます。

スクリーンショット 2019-08-16 16.18.17.png

カテゴリを作成すると、カテゴリ一覧ページに表示されます。
使用する場合は、タスク作成時にチェックを入れます。
スクリーンショット 2019-08-16 16.18.44.png

プラン変更

プランを途中で変更できます
スクリーンショット 2019-08-16 16.19.46.png

メンバーを招待する

管理者はメンバーをプロジェクトに招待できます。
招待したい人の氏名やメールアドレスを入力すると、リンク付きのメールが相手に送信されます。
スクリーンショット 2019-08-16 16.21.21.png

届いたメールのリンクをクリックすると、パスワード設定画面に移動するので、パスワードを入力します
スクリーンショット 2019-08-16 16.21.57.png

管理者がプロジェクトページを見ると、招待した相手の情報が表示されるので、Addボタンを押すと招待が完了します。
スクリーンショット 2019-08-16 16.26.27.png

招待が完了すると、メンバー欄にメンバーの情報が表示されます。
スクリーンショット 2019-08-16 16.27.01.png

招待された相手がログインすると、管理者が作成したプロジェクトやファイル、タスクなどが表示されます。
※招待されたメンバーは管理者でないので、ナビゲーションバーにカテゴリ管理などのボタンは表示されません。
スクリーンショット 2019-08-16 16.28.00.png

スクリーンショット 2019-08-16 16.29.23.png

別の組織を作成

試しに別の組織でサインアップして、これまで作成した情報が表示されないことを確認します。
スクリーンショット 2019-08-16 16.30.59.png

これまでに作成した情報が表示されず、初期画面となっているため、組織ごとにデータが分かれてることがわかります。
スクリーンショット 2019-08-16 16.32.01.png

終わりに

  • Udemyのコースの内容が2015年ごろのもので、その通りにコードを描いても動かないことが多く、苦戦しました。(コースではRails4、著者は5で作成)

  • 相変わらずコード書いて実際にweb上で動かして確認して・・とやってしまい、テストはおざなりになってしまった。。

  • 実戦でRails使いたいです

0
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
0
2