[アンケート機能]アンケート用の質問の一覧、作成、編集ができるようにしたい #5370

daiki0381 · 2022-08-15T10:34:10Z

Issue

[アンケート機能]アンケート用の質問の一覧、作成、編集ができるようにしたい #4472

概要

アンケート (survey) が複数の質問 (survey_questions) を持つ。アンケートを作成する際に、そのアンケートでどの質問をするかを survey_questions の中からいくつか選択するというのを構想している。このissueではsurvey_questionsを作る。

質問の形式は以下の5種類

段落 (textarea)
記述式 (input type="text")
ラジオボタン
チェックボックス
均等目盛

質問が共通で持つもの

質問タイトル
質問説明文 (必須ではない)
質問の形式 (上記の5つのどれか)
質問作成者
質問作成日時
質問更新者
質問更新日時
必須 or 任意

それ以外の持つ情報は質問の形式で異なる。

質問一覧

タブはダミー (リンク先は空)

質問作成・編集

質問形式を変えると初期化される。(質問形式は段落を選択しているのに、ラジオボタンの選択肢が入力されているのはおかしいので)
質問タイトルは入力していないとバリデーションがかかる。

段落

記述式

ラジオボタン

下記はラジオボタンを選択している状態で入力していないとバリデーションがかかる。

選択肢
選択した理由タイトル

チェックボックス

下記はチェックボックスを選択している状態で入力していないとバリデーションがかかる。

選択肢
選択した理由タイトル

均等目盛

下記は均等目盛を選択している状態で入力していないとバリデーションがかかる。

最初の目盛 (1)
最後の目盛 (10)
選択した理由タイトル

選択した理由

ラジオボタン、チェックボックス

ラジオボタン、チェックボックスは、その選択肢の中でその項目を選択した場合は、それを選択した理由を聞くことができるようにする。理由を聞く場合は、その選択肢に「選択した理由が必要な場合はチェック」にチェックを入れる。

均等目盛

均等目盛の場合は、どれを選択したかに関わらず、それを選択した理由を聞くか、聞かないかを選択する。
理由を聞く場合は、「選択した理由が必要な場合はチェック」にチェックを入れる。

質問個別

質問個別ページはその質問を実施したアンケート一覧である。現時点では、アンケート一覧表示は不要。=> 今回のissueでは対応しない。

ER図

変更確認方法

ブランチfeature/create_survey_questionsをローカルに取り込む
bin/rails sでローカル環境を立ち上げる
メンターアカウントでログインし、http://localhost:3000/survey_questions にアクセスする
「新規作成」をクリックする
質問タイトルを入力し、質問形式を「段落」に設定して「保存」をクリックする

変更後

質問一覧

質問作成

段落

記述式

ラジオボタン

チェックボックス

均等目盛

質問編集

段落

記述式

ラジオボタン

チェックボックス

均等目盛

daiki0381 · 2022-08-16T07:30:17Z

@SatoshiHaramura
お疲れ様です。
お手隙の際に、こちらのレビューをお願いしたいです🙏
ご不明な点やご都合が合わないようでしたら、お気軽にご連絡ください！

SatoshiHaramura

@daiki0381
お疲れさまです。
ボリュームが多いので、まだ全てを確認出来ていないのですが、取り急ぎテーブルとView周りを確認してコメントさせていただきましたので、ご確認お願い致します🙏

また、その他のコードも並行して確認していきますので、随時コメントさせていただこうと思います🙏

あと、質問形式の段落と記述式の違いが分からなかったのですが、何かご存知でしょうか?(もしかして、質問形式という文言ではなくて、回答形式という文言なのかなとも思ったりしました)

それにしても、アンケート機能は壮大ですね😅

SatoshiHaramura · 2022-08-16T13:53:19Z

app/views/survey_questions/index.html.slim

+              | 新規作成
+    - @survey_questions.each do |survey_question|
+      div
+        = survey_question.question_title


質問一覧のスクショを見たところ、タイトルの他に以下の項目も表示しておく必要があるのかなぁとも思いました。(今回のスコープ内でしょうか?)

形式(ラジオボタンや段落など)

作成日時

更新日時

実施

こちらeb39e37で修正しました。実施に関してはsurveyの範疇なので、今回のissueでは表示していないです。

SatoshiHaramura · 2022-08-16T14:02:53Z

app/views/survey_questions/_radio_button_choice_fields.html.slim

+      li.checkboxes__item
+        = f.check_box :reason_for_choice_required, class: 'a-toggle-checkbox js-warning-form'
+        = f.label :reason_for_choice_required do
+          | 選択した理由が必須の場合はチェック


スクショの文言では、「選択した理由が必要な場合はチェック」となっていそうです。

こちら8b7dda7で修正しました。

SatoshiHaramura · 2022-08-16T14:03:39Z

app/views/survey_questions/_check_box_choice_fields.slim

+      li.checkboxes__item
+        = f.check_box :reason_for_choice_required, class: 'a-toggle-checkbox js-warning-form'
+        = f.label :reason_for_choice_required do
+          | 選択した理由が必須の場合はチェック


スクショの文言では、「選択した理由が必要な場合はチェック」となっていそうです。

こちら8b7dda7で修正しました。

SatoshiHaramura · 2022-08-17T14:12:04Z

db/migrate/20220813103519_create_survey_questions.rb

+      t.text :question_description
+      t.integer :question_format, default: 0
+      t.boolean :answer_required, default: false
+      t.references :user, foreign_key: true


更新者のカラムも必要だったりしないでしょうか？

こちら2d7bab4で修正しました。

daiki0381 · 2022-08-18T11:56:16Z

@machida
お疲れ様です。仕様に関してご相談させてください🙏

【相談事項】

質問はメンターであれば誰でも編集可能でしょうか。それとも作成者のみ編集可能でしょうか。(また作成者のみ編集可能である場合、更新者のカラムは必要でしょうか)

daiki0381 · 2022-08-18T12:24:33Z

@SatoshiHaramura

あと、質問形式の段落と記述式の違いが分からなかったのですが、何かご存知でしょうか?(もしかして、質問形式という文言ではなくて、回答形式という文言なのかなとも思ったりしました)

段落を選択した場合は、下記の画像のようなアンケートフォームの質問の回答部分がtext_areaになります。記述式を選択した場合は、回答部分がinput type="text"になります。(アンケートフォームはこちらのissueで対応予定です。)

SatoshiHaramura · 2022-08-18T23:01:43Z

@daiki0381

あと、質問形式の段落と記述式の違いが分からなかったのですが、何かご存知でしょうか?(もしかして、質問形式という文言ではなくて、回答形式という文言なのかなとも思ったりしました)

段落を選択した場合は、下記の画像のようなアンケートフォームの質問の回答部分がtext_areaになります。記述式を選択した場合は、回答部分がinput type="text"になります。(アンケートフォームはこちらのissueで対応予定です。)

ご説明ありがとうございます🙇‍♂️
回答部分の入力欄が異なる、ということで理解しました！

machida · 2022-08-27T03:21:26Z

@daiki0381 回答遅れてすいません🙇‍♂️メンターは誰でも編集可能でお願いします🙏

daiki0381 · 2022-09-01T12:38:45Z

@SatoshiHaramura
レビューありがとうございます🙇‍♂️ ご指摘頂いた箇所を修正しましたので、再度レビューお願いします🙏

SatoshiHaramura

@daiki0381
お疲れさまです。
修正ありがとうございました！

1通りコードを見まして、理解が不足している点がありましたので質問させて頂きました🙏よろしくお願い致します。

SatoshiHaramura · 2022-09-02T05:21:49Z

app/views/survey_questions/index.html.slim

+            td(style="border: 1px solid black; padding: 5px 15px;")
+              = survey_question.question_title
+            td(style="border: 1px solid black; padding: 5px 15px;")
+              = "作成: #{survey_question.created_at.strftime("%Y年%-m月%-d日 (#{%w[日 月 火 水 木 金 土][survey_question.created_at.wday]})")}"


formatオプションでlongを指定すると、より簡潔になるかと思いましたので、よろしければご検討お願い致します🙏

Suggested change

= "作成: #{survey_question.created_at.strftime("%Y年%-m月%-d日 (#{%w[日月火水木金土][survey_question.created_at.wday]})")}"

= "作成: #{l survey_question.created_at, format: :long}"

ご提案ありがとうございます🙏 lメソッドを使用するとすっきり書けるんですね✨ 勉強になりました！こちら9f7c3c0で修正しました！

SatoshiHaramura · 2022-09-02T06:57:33Z

app/controllers/survey_questions_controller.rb

+  def create
+    @survey_question = SurveyQuestion.new(survey_question_params)
+    @survey_question.creator_id = current_user.id
+    switch_initialization


switch_initializationメソッドが、ここで必要な理由が分からなかったので、お手数ですが教えていただきたいです🙏

こちら削除しても問題なく機能したため51a05cdで削除しました。紛らわしくて申し訳ないです🙇‍♂️

SatoshiHaramura · 2022-09-02T06:59:02Z

app/models/user.rb

@@ -126,6 +126,18 @@ class User < ApplicationRecord
           through: :organizers,
           source: :regular_event

+  has_many :create_questions,


create_questionsが必要な理由が分からなかったので、お手数ですが教えて頂きたいです🙏

こちらは下記のように1:多の関係でuserの外部キーを2つ登録しているので、アソシエーションを2つ設定しています。外部キーは別名で登録しているので、class_name: 'SurveyQuestion'としています。またcreate_questionsという命名は分かりにくいと思うので、39e541cで修正しました。

@daiki0381
UserモデルとSurveyQuestionモデルの1:多の関連付けであれば、Userモデルには以下のような関連付けのみでよさそうな気もするのですが、いかがでしょうか??
has_many :survey_questions, dependent: :destroy

こちらですが外部キーを2つ登録しているので、has_many :survey_questions, dependent: :destroyのみの関連付けだと、どちらを取得すればいいのか分からずObject doesn't support #inspectと表示されてしまいます。

@daiki0381
失礼致しました🙇‍♂️外部キーを2つ登録していると、こうなってしまうのですね😓

またcreate_questionsという命名は分かりにくいと思うので、39e541cで修正しました。

あと、名前を変更されたようですが、user.creatorsはユーザーの作成者、user.updatersはユーザーの更新者と訳されると思います。ただ、実態はアンケート質問なので、誤認しやすいなと思いました。
何か適切な命名があればなぁと思いましたがいかがでしょうか。

あと、名前を変更されたようですが、user.creatorsはユーザーの作成者、user.updatersはユーザーの更新者と訳さると思います。ただ、実態はアンケート質問なので、誤認しやすいなと思いました。

その通りですね💦 こちらa5ee7feで修正しました！

daiki0381 · 2022-09-02T15:15:50Z

@SatoshiHaramura
レビューありがとうございます🙇‍♂️ ご指摘頂いた箇所を修正しましたので、再度レビューお願いします🙏

SatoshiHaramura · 2022-09-03T01:03:36Z

@daiki0381
UserモデルとSurveyQuestionモデルの1:多の関連付けについて、コメントさせて頂きましたのでご確認頂きたいです🙏

daiki0381 · 2022-09-03T06:44:45Z

@SatoshiHaramura
ありがとうございます🙇‍♂️ コメントしましたのでご確認お願いします。

SatoshiHaramura · 2022-09-03T08:34:31Z

@daiki0381
ご説明ありがとうございました！理解ができました！
追加で、名前の命名についてコメントさせて頂きましたので、ご確認お願い致します🙏

daiki0381 · 2022-09-03T09:30:06Z

@SatoshiHaramura
ありがとうございます🙇‍♂️ ご指摘頂いた箇所を修正しましたので、再度レビューお願いします🙏

SatoshiHaramura

@daiki0381
お疲れさまです。
テストについてコメントさせて頂きましたので、ご確認お願い致します🙏

SatoshiHaramura · 2022-09-04T12:37:26Z

test/system/survey_questions_test.rb

+
+require 'application_system_test_case'
+
+class SurveyQuestionsTest < ApplicationSystemTestCase


ルーティングでindexとeditも作成されているので、併せてそれらのテストケースも追加しておいた方がよいかなと思いましたがいかがでしょうか?

こちら98caef4で修正しました。

daiki0381 · 2022-09-05T06:58:59Z

@SatoshiHaramura ありがとうございます🙇‍♂️ ご指摘頂いた箇所を修正しましたので、再度レビューお願いします🙏

SatoshiHaramura

@daiki0381
ご対応ありがとうございました！
動作とコードを確認して大丈夫そうだと思いましたのでApproveさせて頂きます🙆‍♂️

大規模な機能を実装されて、シンプルにすごいなぁと思いました😄
テーブルの設計やJSでの表示/非表示の方法など、多くのことを学ばせて頂きました😊

daiki0381 · 2022-09-05T13:36:17Z

@SatoshiHaramura こちらこそご丁寧にレビューして頂きありがとうございました🙇‍♂️

daiki0381 · 2022-09-05T13:42:46Z

@machida
お疲れ様です。お手隙の際に、こちらのデザインをお願いしたいです。また、こちらのissueは本番に反映してもよろしいでしょうか。

machida · 2022-09-05T14:21:01Z

@daiki0381 デザイン了解ですー
本番に反映するか、こちら次回MTGで話し合いたいと思いますー

daiki0381 · 2022-09-05T14:32:16Z

@machida ありがとうございます🙇‍♂️ 承知しました！

…変更した

daiki0381 · 2022-10-26T05:13:29Z

@komagata レビューありがとうございます🙇‍♂️ ご指摘頂いた箇所を修正しましたので、再度レビューお願いします🙏

machida · 2022-11-05T06:49:15Z

@komagata こちらレビューが通ったらマージをお願いします🙏

komagata · 2022-11-07T01:23:10Z

@machida こちら個別の箇所で議論が続いている感じです〜。レビュー完了までもうしばらく時間がかかりそうです〜

machida · 2022-11-07T01:23:56Z

@komagata 了解ですー

daiki0381 · 2022-11-10T12:22:56Z

@komagata レビューありがとうございます🙇‍♂️ ご指摘頂いた箇所を修正しましたので、再度レビューお願いします🙏

komagata

確認させて頂きました。OKです〜🙆‍♂️

daiki0381 · 2022-11-11T06:57:40Z

@komagata ありがとうございます！

daiki0381 self-assigned this Aug 15, 2022

daiki0381 changed the title ~~質問の追加まで~~ [アンケート機能]アンケート用の質問の一覧、作成、編集ができるようにしたい Aug 15, 2022

daiki0381 marked this pull request as ready for review August 16, 2022 07:29

daiki0381 requested a review from SatoshiHaramura August 16, 2022 07:29

SatoshiHaramura reviewed Aug 18, 2022

View reviewed changes

daiki0381 force-pushed the feature/create_survey_questions branch from fe7d3f3 to a4aa88d Compare August 18, 2022 08:31

daiki0381 force-pushed the feature/create_survey_questions branch from 6d96934 to 2d7bab4 Compare September 1, 2022 11:35

SatoshiHaramura reviewed Sep 2, 2022

View reviewed changes

SatoshiHaramura reviewed Sep 4, 2022

View reviewed changes

SatoshiHaramura approved these changes Sep 5, 2022

View reviewed changes

machida self-assigned this Sep 5, 2022

daiki0381 force-pushed the feature/create_survey_questions branch from 98caef4 to 279198d Compare September 6, 2022 03:44

daiki0381 force-pushed the feature/create_survey_questions branch from 279198d to 478f5a2 Compare September 16, 2022 07:29

AyakaTakashima mentioned this pull request Sep 24, 2022

[アンケート機能]アンケートを作成できるようにしたい #4586

Closed

daiki0381 and others added 15 commits October 26, 2022 13:59

creatorとupdaterの関連付けの修正

359162f

indexとeditのテストを追加

a44568b

アンケート質問作成、一覧のデザイン

4d4fdaf

質問作成画面のデザイン調整

f04fd68

質問一覧、作成、編集のレイアウト調整

3360aae

編集アイコンをクリックするようにした

746ec46

question_titleカラムとquestion_descriptionカラムとquestion_formatカラムの名前を変更した

4bde07f

title_of_reason_for_choiceカラムとdescription_of_reason_for_choiceカラムの名前を…

822e2ff

…変更した

start_of_scaleカラムとend_of_scaleカラムの名前を変更した

31ca3e2

updaterカラムを削除した

3163dd9

creatorをuserに変更した

f7e620a

テストのTime.zone.todayをTime.currentに修正した

210b960

normalize_blank_valuesメソッドの変数名の修正

8910388

normalize_blankメソッドの共通化

13c0c2a

concernを使用して共通化

98350fa

daiki0381 force-pushed the feature/create_survey_questions branch from 543bcdb to 98350fa Compare October 26, 2022 05:01

update時にvalidationが走らない問題の解消

d55c336

komagata approved these changes Nov 11, 2022

View reviewed changes

komagata merged commit 9a58a9d into main Nov 11, 2022

komagata deleted the feature/create_survey_questions branch November 11, 2022 06:44

github-actions bot mentioned this pull request Nov 11, 2022

Release 2022-11-17 08:19:56 #5765

Merged

19 tasks

AyakaTakashima mentioned this pull request Nov 21, 2022

[アンケート機能]アンケートを作成できるようにした #5690

Merged

AyakaTakashima mentioned this pull request Dec 18, 2022

選択必須の選択肢を選んだら「選択した理由」の入力欄を表示するようにした #5920

Merged

sadanora mentioned this pull request Mar 6, 2023

[アンケート]アンケートの質問を並び替えられるようにした #6295

Merged

	= "作成: #{survey_question.created_at.strftime("%Y年%-m月%-d日 (#{%w[日月火水木金土][survey_question.created_at.wday]})")}"
	= "作成: #{l survey_question.created_at, format: :long}"


		require 'application_system_test_case'

		class SurveyQuestionsTest < ApplicationSystemTestCase

[アンケート機能]アンケート用の質問の一覧、作成、編集ができるようにしたい #5370

[アンケート機能]アンケート用の質問の一覧、作成、編集ができるようにしたい #5370

Conversation

daiki0381 commented Aug 15, 2022 • edited Loading

Issue

概要

質問の形式は以下の5種類

質問が共通で持つもの

ナビゲーション

質問一覧

質問作成・編集

段落

記述式

ラジオボタン

チェックボックス

均等目盛

選択した理由

ラジオボタン、チェックボックス

均等目盛

質問個別

ER図

変更確認方法

変更後

質問一覧

質問作成

段落

記述式

ラジオボタン

チェックボックス

均等目盛

質問編集

段落

記述式

ラジオボタン

チェックボックス

均等目盛

daiki0381 commented Aug 16, 2022

SatoshiHaramura 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

daiki0381 commented Aug 18, 2022 • edited Loading

daiki0381 commented Aug 18, 2022

SatoshiHaramura commented Aug 18, 2022

machida commented Aug 27, 2022

daiki0381 commented Sep 1, 2022

SatoshiHaramura 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

daiki0381 Sep 2, 2022 • edited Loading

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

SatoshiHaramura Sep 3, 2022 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

daiki0381 commented Sep 2, 2022

SatoshiHaramura commented Sep 3, 2022

daiki0381 commented Sep 3, 2022

SatoshiHaramura commented Sep 3, 2022

daiki0381 commented Sep 3, 2022

SatoshiHaramura left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

daiki0381 commented Sep 5, 2022

SatoshiHaramura left a comment

Choose a reason for hiding this comment

daiki0381 commented Sep 5, 2022

daiki0381 commented Sep 5, 2022

daiki0381 commented Aug 15, 2022 •

edited

Loading

daiki0381 commented Aug 18, 2022 •

edited

Loading

daiki0381 Sep 2, 2022 •

edited

Loading

SatoshiHaramura Sep 3, 2022 •

edited

Loading