どなブロ

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

個人開発日誌 -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で構築するのもやりたいな~。
開発日誌とは別になりますが、それやったらまたブログ更新します。

以上