活動時間カレンダーの実装 #8263

Judeeeee · 2025-01-03T10:03:13Z

issue

ユーザー情報に、主な学習時間を登録できるように、同じ時間に学習している人を見れるようにしたい。 #6229

概要

以下の目的から、「活動時間」を登録してプロフィール画面で表示する新機能を実装しました。

輪読会の企画やペアプロの依頼をする際に、特定のユーザーが学習する時間（何曜日の何時）を知りたい
今後FBC内でペアプロマッチングの機能を実装予定なので、希望日時入力の補助として主な学習時間のデータを使いたい
学習予定の日時を設定することで、学習を習慣化することを手助けしたい

仕様

新規登録時は、「活動時間」のチェックテーブルが表示されない
現役生、メンター、研修生のみがユーザー登録情報編集ページから活動時間を入力できる
他人のユーザー個別ページを閲覧する際、活動時間を確認できるのは、現役生、メンター、研修生のみ
- 現役生は卒業したら非表示になる

1️⃣活動時間の入力

ユーザー登録情報編集ページに活動時間のチェックボックスを設置しました。

2️⃣入力を促すアナウンス

活動時間を登録していない場合、ダッシュボードで登録を促します。

3️⃣活動時間の表示

活動時間が登録してあると、プロフィールから確認できます。

変更確認方法

1. このブランチをローカルに取り込む

git fetch origin pull/8263/head:feature/create_learning_time_frames

git switch feature/create_learning_time_frames

2. migrationの実行とシードデータの投入

bin/rails db:migrate

bin/rails db:seed

3. 活動時間カレンダーの表示確認

以下1~5を順に実施すると、余計な手戻りがなくてスムーズです🙆‍♀️

1. 新規登録時に「活動時間」のチェックテーブルが表示されないこと

FBC参加登録ページに、「活動時間」が表示されないことを確認する

2. 活動時間がプロフィールページに反映されること

ログインユーザーを現役生(kimura)、メンター(mentor)、研修生(kensyu)に変えて以下を実施してください。

1. kimura or mentor or kensyuでログインする
2. ダッシュボードの未入力の項目に、「活動時間を設定してください。」のリンクが表示されることを確認する
3. 上記を押下し、ユーザー登録情報編集ページへ遷移する
4. 「活動時間」のチェックをし、ユーザー情報を更新する
5. ログインユーザーのプロフィールページに、「活動時間」が反映されていることを確認する
6. ダッシュボードの未入力の項目から、「活動時間を設定してください。」のリンクが削除されていることを確認する

3. プロフィールページに「活動時間」が反映されていること

2で設定したユーザーのプロフィールが、他のログインユーザーから見ても反映されているか確認する

4. ユーザー登録情報編集ページで「活動時間」が非表示なこと

卒業生、アドバイザーは活動時間が入力できません。

卒業生(sotugyou) or アドバイザー(advijirou)でログインし、ユーザー登録情報編集ページに「活動時間」がないことを確認する

5. 現役生は卒業したら非表示になる。

1. komagataでログインし、1. kimuraのプロフィールページで「活動時間」が登録されていることを確認する
2. ステータス変更で、卒業にするボタンを押下する
3. 「活動時間」が表示されないことを確認する

Judeeeee · 2025-01-03T13:18:43Z

@machida

お疲れ様です！
上記コメント1️⃣と3️⃣について、デザインをお願いしたいです🙇‍♀️
お手数ですがよろしくお願いいたします…！

machida · 2025-01-06T13:47:38Z

@Judeeeee
おまたせしました！！デザインを入れましたー

Judeeeee · 2025-01-06T13:48:39Z

@machida
ありがとうございます！確認します🙆

Judeeeee · 2025-01-12T08:41:29Z

@machida
デザインありがとうございました！
私の環境で確認したところ、問題ありませんでした🙆

Judeeeee · 2025-01-12T08:45:10Z

@hagiya0121

お疲れ様です！
こちらのレビューをお願いできないでしょうか？🙏
ご都合が悪ければ遠慮なくおっしゃっていただけると幸いです🙇
ご検討の程、よろしくお願いいたします〜

hagiya0121 · 2025-01-12T08:56:22Z

@Judeeeee
了解です！三日以内には終わると思います🙏

Judeeeee · 2025-01-12T09:45:43Z

@hagiya0121
早速の返信助かります🙏
承知しました！ありがとうございます🙇
引き続きよろしくお願いいたします〜！

hagiya0121 · 2025-01-13T05:31:09Z

db/fixtures/learning_time_frames.yml

@@ -0,0 +1,11 @@
+# Read about fixtures at https://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html


このコメントは不要だと思います。テストの方のfixtureにも書いてありました。

@hagiya0121
コメントありがとうございます！
5330637でコメントを削除しました🙆‍♀️

#8263 (comment)

hagiya0121

@Judeeeee
動作に問題はありませんでした。
気になったところをコメントしたので確認お願いします🙏

hagiya0121 · 2025-01-13T06:48:11Z

db/fixtures/learning_time_frames.yml

+<% week_days = { '日' => 'sun', '月' => 'mon', '火' => 'tue', '水' => 'wed', '木' => 'thu', '金' => 'fri', '土' => 'sat' } %>
+<% week_days.each_with_index do |(day_name, day_prefix), day_index| %>
+  <% (0..23).each_with_index do |hour, hour_index| %>
+  <%= "#{day_prefix}_#{hour}:" %>
+    id: <%= day_index * 24 + hour_index + 1 %>
+    week_day: <%= day_name.inspect %>
+    activity_time: <%= hour %>
+  <% end %>


week_daysをハッシュにしてるのはなぜでしょうか？ハッシュのキーか値のどちらかを配列にしても同じことができそうですが🤔day_prefixで分かりやすいフィクスチャ名を付けるためでしょうか？

day_name.inspectとしていますがinspectはいらないと思いました。

day_prefixで分かりやすいフィクスチャ名を付けるためでしょうか？

はい、おっしゃる通りです〜
他のfixtureファイルに倣ってfixture名を作成する意図でした。
(厳密には他ファイルで名詞+数字の形なので、このdiscussion後に修正します。)

私が期待しているfixtureのイメージは以下です。

sun1: id: 1 week_day: 日 activity_time: 5

話は変わって、カレンダーを表示させる際に上記week_dayで定義されている日付を使わずにビュー側で日付の配列をeachで回しているからweek_day自体が不要では？という問いに対しては、今後の実装を考慮した結果になります。
現段階では使用していないのですが、今後ペアプロマッチング機能実装を予定しており必要なことが想定されているため、現在のカラム構成になっています。

inspectの削除はこちらで行いました〜

なるほど理解しました🙏

(厳密には他ファイルで名詞+数字の形なので、このdiscussion後に修正します。)

こちら、daac3afで対応しました〜

hagiya0121 · 2025-01-13T06:55:23Z

public/images/background/people.png

このファイルは何のために追加されたのでしょうか？

@machida
お疲れ様です！
この画像ファイルはデザイン入れる際に誤ってcommitしてしまったものですかね？👀

誤ってcommitしてしまったものとのことだったので、32ee275で削除しました！

hagiya0121 · 2025-01-13T08:38:28Z

app/controllers/current_user_controller.rb

+  def update_learning_time_frames
+    learning_time_frame_ids = params[:user][:learning_time_frame_ids]
+    learning_time_frames_users = @user.learning_time_frames_users
+    learning_time_frames_users.delete_all
+
+    return if learning_time_frame_ids.blank?
+
+    learning_time_frame_ids.each do |learning_time_frame_id|
+      learning_time_frames_users.create!(user_id: @user.id, learning_time_frame_id:)
+    end
+  end


中間テーブルの更新は、このメゾッドを使わなくてもuser_attributeに{ learning_time_frame_ids: [] }を追加するだけでいいと思います。
注意点としてこの方法だとチェックボックスを全て外した際にlearning_time_frame_idsがnilになってしまって更新されないので、対策したほうがいいです。

こちらのcommitで修正しました🙆‍♀️
全てチェックを外した状態で更新させるために、hidden_field_tagを用いてデフォルト値を送る形にしました。

= hidden_field_tag 'user[learning_time_frame_ids][]', '', id: nil
引数のid: nillは省略していいと思います

41149cbで削除しました👌

hagiya0121 · 2025-01-13T08:55:18Z

app/controllers/home_controller.rb

@@ -33,7 +33,8 @@ def set_required_fields
      discord_account_name: current_user.discord_profile.account_name,
      github_account: current_user.github_account,
      blog_url: current_user.blog_url,
-      graduated: current_user.graduated?
+      graduated: current_user.graduated?,
+      learning_time_frames: current_user.graduated? || current_user.learning_time_frames.present?


レコードの存在を確認するだけならpresent?よりもexists?の方がいいと思います。

こちらで修正しました🙆
他ファイルでも同様の箇所があったため、合わせて修正しました。

hagiya0121 · 2025-01-13T09:07:13Z

app/views/users/show.html.slim

@@ -31,10 +31,10 @@
            p
              | このページは他のユーザーから見た、あなたのプロフィールページです。
              | （ #{link_to '登録情報変更', edit_current_user_path} ）
-    .container.is-xl
+    .container(class="#{!@user.graduated? && @user.learning_time_frames.present? ? 'is-xxl' : 'is-xl'}")


!@user.graduated? && @user.learning_time_frames.present?が繰り返し使われているのが気になります。ヘルパーメゾッドにした方がいいと思います。

こちらでヘルパーメソッドにしました！

hagiya0121 · 2025-01-13T10:09:10Z

test/system/current_user_test.rb

@@ -247,4 +247,48 @@ class CurrentUserTest < ApplicationSystemTestCase
    assert_no_text 'Rubyの経験あり'
    assert_text 'JavaScriptの経験あり'
  end
+
+  test 'visible learning time framestable for non advisors and grad users' do


テスト名がframestableとなっています。frames tableではないでしょうか。
他にもframetableになっている箇所がありました。

こちらで修正しました！

hagiya0121 · 2025-01-13T10:14:20Z

test/system/current_user_test.rb

+    visit_with_auth '/current_user/edit', 'kimura'
+    assert_selector 'h1.auth-form__title', text: '登録情報変更'
+    assert_selector 'label.a-form-label', text: '主な活動予定時間'
+
+    visit_with_auth '/current_user/edit', 'mentormentaro'
+    assert_selector 'h1.auth-form__title', text: '登録情報変更'
+    assert_selector 'label.a-form-label', text: '主な活動予定時間'
+
+    visit_with_auth '/current_user/edit', 'kensyu'
+    assert_selector 'h1.auth-form__title', text: '登録情報変更'
+    assert_selector 'label.a-form-label', text: '主な活動予定時間'
+
+    visit_with_auth '/current_user/edit', 'advijirou'
+    assert_selector 'h1.auth-form__title', text: '登録情報変更'
+    assert_no_selector 'label.a-form-label', text: '主な活動予定時間'
+
+    visit_with_auth '/current_user/edit', 'sotugyou'
+    assert_selector 'h1.auth-form__title', text: '登録情報変更'
+    assert_no_selector 'label.a-form-label', text: '主な活動予定時間'
+  end


主な活動予定時間が表示される人とされない人でテストを分けてもいいんじゃないかなと思いました。

システムテストは極めて重いので、あまり追加したくないという背景があります。
そのため、「存在する」ことのみを確認するシステムテストとしました🙆

hagiya0121 · 2025-01-13T10:27:43Z

test/system/current_user_test.rb

+    assert_selector 'h1.page-main-header__title', text: 'プロフィール'
+    assert_selector 'h2.card-header__title', text: '主な活動予定時間'
+
+    within('tbody#learning_time_frame') do


なぜwithinでスコープを限定しているのでしょうか？

なぜwithinでスコープを限定しているのでしょうか？

これはデザインを当てていただいた後の修正で、試行錯誤した跡が残ってしまっているだけです💦
セレクタ自体が一意になっており、スコープを絞る必要がないので削除しました。

セレクタ自体が一意になっており、スコープを絞る必要がないので削除しました。

削除されていないようです🤔

すみません、83f1198で削除しました💦

#8263 (comment)

https://docs.ruby-lang.org/ja/latest/method/Object/i/inspect.html

#8263 (comment)

Judeeeee

@hagiya0121

丁寧なレビューありがとうございました！勉強になります🙏
いただいたコメントに返信しているので、ご確認ください🙇‍♀️
引き続きよろしくお願いいたします〜

hagiya0121

@Judeeeee
確認しました！
気になったところをコメントしたので確認お願いします🙏

https://discord.com/channels/715806612824260640/809595476847493192/1334782353482190909

#8263 (comment)

https://api.rubyonrails.org/classes/ActionView/Helpers/FormTagHelper.html#method-i-hidden_field_tag

Judeeeee

@hagiya0121
早速の確認ありがとうございます！助かります🙏
いただいたコメントに返信しているので、確認お願いいたします〜

hagiya0121

@Judeeeee
確認OKです🙏 Approveします！

Judeeeee · 2025-01-31T12:09:38Z

@hagiya0121
承知しました！
長い間お付き合いいただきありがとうございました🙏
とても勉強になったので、hagiyaさんにレビューお願いしてよかったです✨

Judeeeee · 2025-01-31T12:12:45Z

@komagata
お疲れ様です〜
こちらメンバーからApproveいただいたので、レビューをお願いいたします🙇

komagata

conflictの修正をお願いします。

Judeeeee self-assigned this Jan 3, 2025

Judeeeee force-pushed the feature/create_learning_time_frames branch 2 times, most recently from c74d36a to baa6fb9 Compare January 3, 2025 13:02

Judeeeee added the 新機能 label Jan 3, 2025

Judeeeee changed the title ~~[WIP]活動時間カレンダーの実装~~ 活動時間カレンダーの実装 Jan 3, 2025

Judeeeee marked this pull request as ready for review January 3, 2025 13:17

hagiya0121 self-requested a review January 13, 2025 05:24

hagiya0121 reviewed Jan 13, 2025

View reviewed changes

Judeeeee added a commit that referenced this pull request Jan 13, 2025

不要なコメントの削除

5330637

#8263 (comment)

hagiya0121 reviewed Jan 13, 2025

View reviewed changes

Judeeeee added a commit that referenced this pull request Jan 24, 2025

不要なコメントの削除

52cab6f

#8263 (comment)

Judeeeee added a commit that referenced this pull request Jan 24, 2025

単語の区切りが適切でなかったため修正

1a271e3

#8263 (comment)

Judeeeee added a commit that referenced this pull request Jan 24, 2025

全てチェックを外した状態で更新させるために、hidden_field_tagを用いてデフォルト値を送る

e8b5852

#8263 (comment)

Judeeeee force-pushed the feature/create_learning_time_frames branch from 5330637 to e8b5852 Compare January 24, 2025 10:14

Judeeeee and others added 9 commits January 30, 2025 12:40

活動時間カレンダーの実装

f48489c

主な活動予定時間にデザインを入れた

146b2a1

活動予定日時の有り無しでレイアウトの切り替えをした

3818592

デザイン変更に伴うシステムテストの修正

e60785b

システムテストが通るように要素にidをふる

5e1685d

不要なコメントの削除

2c808c8

#8263 (comment)

不必要なinspectを削除

c13cec0

https://docs.ruby-lang.org/ja/latest/method/Object/i/inspect.html

単語の区切りが適切でなかったため修正

caff942

#8263 (comment)

パフォーマンスの観点からexist?を採用

c76245d

Judeeeee added 5 commits January 30, 2025 12:40

繰り返し使われていたのでhelperメソッドに定義した

2deba2a

パフォーマンスの観点からexists?を採用

ccb2dde

全てチェックを外した状態で更新させるために、hidden_field_tagを用いてデフォルト値を送る

eb6261e

#8263 (comment)

slim-lintの修正

3236151

現時点のmainブランチに合わせるために、migrationファイルの日付を最新にした

736ee0f

Judeeeee force-pushed the feature/create_learning_time_frames branch from c752144 to 736ee0f Compare January 30, 2025 05:26

Judeeeee commented Jan 30, 2025

View reviewed changes

Judeeeee requested a review from hagiya0121 January 30, 2025 06:25

hagiya0121 reviewed Jan 30, 2025

View reviewed changes

Judeeeee added 4 commits January 31, 2025 16:47

デザインをあてていただいた際に誤ってcommitしてしまった画像を削除

32ee275

https://discord.com/channels/715806612824260640/809595476847493192/1334782353482190909

不要な記述を削除し忘れていた

83f1198

#8263 (comment)

明示的なidの指定がなくても同様の挙動なので削除

41149cb

https://api.rubyonrails.org/classes/ActionView/Helpers/FormTagHelper.html#method-i-hidden_field_tag

company,practicesの命名を参考に、名詞+数字の形にした

daac3af

Judeeeee commented Jan 31, 2025

View reviewed changes

hagiya0121 approved these changes Jan 31, 2025

View reviewed changes

Judeeeee requested a review from komagata January 31, 2025 12:13

Judeeeee removed the 新機能 label Jan 31, 2025

komagata reviewed Feb 4, 2025

View reviewed changes

		@@ -0,0 +1,11 @@
		# Read about fixtures at https://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html

活動時間カレンダーの実装 #8263

Are you sure you want to change the base?

活動時間カレンダーの実装 #8263

Conversation

Judeeeee commented Jan 3, 2025 • edited by hagiya0121 Loading

issue

概要

仕様

1️⃣活動時間の入力

2️⃣入力を促すアナウンス

3️⃣活動時間の表示

変更確認方法

1. このブランチをローカルに取り込む

2. migrationの実行とシードデータの投入

3. 活動時間カレンダーの表示確認

1. 新規登録時に「活動時間」のチェックテーブルが表示されないこと

2. 活動時間がプロフィールページに反映されること

3. プロフィールページに「活動時間」が反映されていること

4. ユーザー登録情報編集ページで「活動時間」が非表示なこと

5. 現役生は卒業したら非表示になる。

Judeeeee commented Jan 3, 2025

machida commented Jan 6, 2025

Judeeeee commented Jan 6, 2025

Judeeeee commented Jan 12, 2025

Judeeeee commented Jan 12, 2025

hagiya0121 commented Jan 12, 2025

Judeeeee commented Jan 12, 2025

Choose a reason for hiding this comment

Choose a reason for hiding this comment

hagiya0121 left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Judeeeee left a comment

Choose a reason for hiding this comment

hagiya0121 left a comment

Choose a reason for hiding this comment

Judeeeee left a comment • edited by hagiya0121 Loading

Choose a reason for hiding this comment

hagiya0121 left a comment • edited Loading

Choose a reason for hiding this comment

Judeeeee commented Jan 31, 2025

Judeeeee commented Jan 31, 2025

komagata left a comment

Choose a reason for hiding this comment

Judeeeee commented Jan 3, 2025 •

edited by hagiya0121

Loading

Judeeeee left a comment •

edited by hagiya0121

Loading

hagiya0121 left a comment •

edited

Loading