個人開発日誌 -4- 練習決め機能

最初にちゃんと設計しないと苦労するわ

最初にちゃんと設計しないと苦労するわ
練習決め機能について前回勢いで各曜日各時限に予定入れるページを作ったんですが、後からそれは個人向けであってその上にバンド単位のページがあったりするな…と気付きちょっと萎えております。

ってことで少しちゃんと考えてみました。

練習決め機能メインページ ( schedule_main )
- ユーザが登録されているバンド一覧が表示され、それぞれに飛べる
- ユーザごとのスケジュール登録・修正ページに飛べる
バンド毎のスケジュールページ ( schedule_band )
- バンドメンバーが入力した予定を突き合わせて、合う時間を表示
- バンドに登録しているユーザのスケジュールが反映される
- ユーザの追加・削除が行える(バンマスのみの権限)
- 週を選んで新しいスケジュール作成
ユーザごとののスケジュール登録・修正ページ ( schedule_user )
- 各曜日各時限に○, ×, △で予定を記入
- ユーザが登録しているバンドのスケジュールへ反映
- 週を選んで新しいスケジュール作成

ん～～こんなもんですかね。
「週を選んで新しいスケジュール作成」はプルダウンから目的の週選んだらその下にテーブルが表示されるみたいなイメージかなあ。
値はDBに入れておいて都度引っ張ってくる感じですかね。

まぁとりあえず作っていくか～ (ちゃんと設計してない)
この前作ったページはテーブルの部品だけ残して消しましょ。

とりあえず前回と同じようにルートとアクションとhtml追加します。

get '/schedule/main', to:'pages#schedule_main'
get '/schedule/band', to:'pages#schedule_band'
get '/schedule/user', to:'pages#schedule_user'

def schedule_main
end
  
def schedule_band
end
  
def schedule_user
end

んでユーザページにはこの前作った酷いページを移植。ついでに登録ボタンと修正ボタンも追加。

schedule_user.html.erb

<div id="container">
  <%= image_tag 'LSS_logo01.png', :id => "home-logo"%>
  <%= render 'table'%>
  <button id="regist-button" class="user-button">登録</button>
  <button id="modify-button" class="user-button">修正</button>
</div>

ボタンって素直にbuttonタグでいいんだろうか？まぁ一旦これで置いとこう。

今回はここまで。
ちょっと構成考えて追加しただけで実質的に特に進捗は無かった…。けどまぁより良い物には近づいたと思うから良しとしますか～。
次回はいきなりですがVue.jsをぶち込んでみたいと思います！！
そのうち入れよ～とか思ってたんですが、絶対早めに入れた方がいいなと思ったので…。

あと開発環境をDockerで構築するのもやりたいな～。
開発日誌とは別になりますが、それやったらまたブログ更新します。

以上

どなブロ

エンジニアァのブログです

個人開発日誌 -4- 練習決め機能