回答内容に応じて動的に質問項目を変更できるように修正

[IkumaTadokoro]

目的

ユーザーの入力負荷を削減するため もともと給与・所得は4問の想定であったが、計算タイミングによって最大6問回答するケースがあり、離脱の可能性が高くなるため、質問数を増減できるようにする

やったこと

• 「計算日」「退職予定日」「転職予定日」に応じて、必要な質問のみを表示するように変更する
  • 「転職予定日」まで入力されたタイミングでフォームを動的に修正する
  • 「戻る」を使って、「退職予定日」や「転職予定日」を切り替えた場合も都度回答するフォームを修正する
  • 画面遷移のパターンについては、下記「画面遷移図」参照
• バリデーション用のスキーマを配列からオブジェクトに変更
  • ルーティングが動的に変更になり、現在のステップのインデックスからバリエーション内容を取得できなくなったため。

UIの変更

トップページ

質問数の動的切り替え

画面遷移

graph LR

  classDef default fill: #fff,stroke: #333,stroke-width: 1px;
  style PreviousRoute fill: #fff,stroke: #333,stroke-width: 1px;
  style CurrentRoute fill: #fff,stroke: #333,stroke-width: 1px;
  style ScheduledRoute fill: #fff,stroke: #333,stroke-width: 1px;

  退職予定月 --> 転職予定月 --> 年齢 --> 住所

  住所--計算日が4月5月 && 退職予定月が5月以前-->昨昨年度の所得
  住所--退職予定月が4月始まりの翌年度の6月以前-->昨年度の所得
  住所--転職予定日が4月始まりの翌年度の4月以降-->今年度の所得

  subgraph PreviousRoute [昨昨年度]
   昨昨年度の所得-->昨昨年度の社会保険料
   昨昨年度の社会保険料--退職予定月が4月始まりの翌年度の6月以前-->昨年度の所得
   昨昨年度の社会保険料--退職予定月が5月以前-->結果画面
  end

  subgraph CurrentRoute [昨年度]
    昨年度の所得-->昨年度の社会保険料
    昨年度の社会保険料--転職予定日が4月始まりの翌年度の4月以降-->今年度の所得
    昨年度の社会保険料--転職予定日が4月始まりの翌年度の3月以前-->結果画面
  end

  subgraph ScheduledRoute [今年度]
    今年度の所得-->今年度の社会保険料-->結果画面
  end

実際の画面

---

PR提出前のチェックリスト:

• [x] PRの関心はただ一つだけになっている & 文法的に正しく、明確かつ完全なタイトルと本文になっている
• [x] 良いコミットメッセージを書いている
• [x] 関連issueがある場合、コミットメッセージにClosing Keywordsを使っている
• [x] Featureブランチは最新版のmainブランチに追随している (そうでなければrebaseすること)
• [x] 関連するコミットはsquashした
• [x] テストを追加した
• [x] bin/lintとbin/rspecを実行した