お試し延長開始・終了機能を作成 #4030

haruna-tsujita · 2022-01-25T05:27:44Z

#3910 お試し延長開始・修了機能

概要

お試し延長キャンペーンの開始・終了機能を作成しました。

お試し延長キャンペーンは料金支払いサービスStripeと関連しており、ユーザーのお試し終了日などはStripeのAPIから情報を得られるため、このIssueでは「◯年◯月◯日〜✖️年✖️月✖️日にキャンペーンがある」また、「そちらと連動してトップページなどが切り替わる」という部分を実装しました。

※今回のPRでは、キャンペーン中のお試し延長日数を7日間として表示していますが、今後この部分はパーシャルにして一括で置き換えられる予定です！

管理画面（お試し延長登録）

お試し延長キャンペーンを行った際に、管理ページでキャンペーン期間（◯年◯月◯日〜✖️年✖️月✖️日）とタイトルを設定できるよう実装しました

お試し延長の新規登録
作成したお試し延長一覧を表示
管理画面のユーザー一覧にて、お試し延長適用中のユーザータブを作成

変更前

お試し延長タブなし

変更後

一覧

新規登録画面

管理画面（お試し延長ユーザー）

変更前

変更後

トップページ・管理画面・ウェルカムページ

管理画面でお試し延長を設定することで以下が自動的に切り替わるよう実装しました。
各ページ、既存の画面と変わりはないので、キャンペーン適用内外で比較しています。

トップページにキャンペーンが表示される
トップページからアクセスできる料金ページのお試し期間に絡む日数
参加登録画面の上部に「お試し適用中」の旨が表示される
参加登録画面のカード登録欄下部のお試し適用期間
お試し中のユーザーに表示されるウェルカムページの日数

トップページ

キャンペーン外

キャンペーン中

料金ページ

キャンペーン外

http://localhost:3000/pricing にアクセス

キャンペーン中

参加登録

キャンペーン外

キャンペーン中

ウェルカムぺージ

キャンペーン外

キャンペーン中

動作確認手順

お手数ですが、talkに関連するseedがこのブランチには取り込まれていないので、最新のmainをpull --rebaseしたローカルブランチにこちらをpullしてくださるようお願いします🙇🏻‍♀️

feature/function-about-extension-of-trial-periodをローカルの任意のブランチにpullする
新たにCampaignテーブルを作成したため、$ rails db:migrateを行う
$ rails db:seedを行うと、seedした時点で入会したユーザー（お試し延長さん）が新たに作成される
お試し延長キャンペーンのデータがないサイトの状態を確認する
- トップページのキャンペーン広告と料金ページの変更点
- 参加登録画面の変更点
- 上記のユーザーでログインし、ウェルカムページの変更点
- 管理者(komagata)でログインし、管理画面のユーザー一覧とお試し延長ページの変更点
お試し延長のデータがあるサイトの状態を確認する
- お試し延長の期間を設定（今日を挟むように任意の月日を入力）
- 既に終了したキャンペーンを任意の月日で作成し、一覧ページでステータス:終了、編集不可になっているか
- 一覧ページではキャンペーンの日付が新しいものが上に来るようになっているか
- http://localhost:3000/admin/usersのお試し延長タブの一覧に該当ユーザーが表示されているか
  に加えて、4の項目

確認項目が多くお手数をおかけしてすみませんが、よろしくお願いします！
不明点があればお知らせください🙇🏻‍♀️

haruna-tsujita · 2022-01-26T08:46:55Z

@maeda-seina
お疲れ様です！ご都合の良い時にこちらのレビューをお願いしたいです。よろしくお願いします🙇🏻‍♀️✨

maeda-seina

@napple29 さん
細かく丁寧にコミットされていて、変更意図がわかりやすかったです！🙇‍♂️
また、issue・PRに「あえて変更していないところ」の記述がわかりやすく書かれていてとても理解しやすかったです🙏
PRに載せていただいている変更箇所は実際に手を動かして確認したところオッケーだと思いました！
細かいところにはなりますが、何点かコメントしておりますので、ご確認のほどよろしくお願いいたします。
（命名の部分につきましては、変更しなくてよさそうと判断されたらそのままにしておいてください🙏 ）

app/views/admin/campaigns/edit.html.slim

maeda-seina · 2022-01-27T02:53:58Z

test/system/admin/campaigns_test.rb

+    assert_text 'お試し延長を更新しました。'
+    assert_text '春のお試し祭り'
+    assert_text (yesterday).strftime("%Y年%m月%d日(#{wd[yesterday.wday]}) %H:%M")
+    assert_text (five_days_later).strftime("%Y年%m月%d日(#{wd[five_days_later.wday]}) %H:%M")


46行目の(yesterday)と47行目の(five_days_later)についてですが、29行目のtodayと30行目のseven_days_laterは()がないので、どちらかで統一した方が良いのではないか？と思いました！

maeda-seina · 2022-01-27T04:39:34Z

test/models/campaign_test.rb

+class CampaignTest < ActiveSupport::TestCase
+  test 'recently campaign' do
+    later_campaign = campaigns(:campaign2)
+    earlier_campaign = campaigns(:campaign1)


こちらの、later_campaignとearlier_campaignの変数の命名についてなんですが、laterは「後の」という意味があり、earilerは「以前の」という意味があるので、どちらが前のキャンペーンで、どちらが後のキャンペーンなのか少しわかりづらい気がしました。
現在開催されているものが、:campaign1で、過去に開催されたものが:campaign2ということで、少し考えたところ現在のものがlatest_campaignとかcurrent_campaign、過去のものがpast_campaignとかが直感的にわかりやすいかもしれない？と思いました！

参考になります、、🙏🏻修正しました！

haruna-tsujita · 2022-01-27T06:00:51Z

@maeda-seina
お疲れ様です！レビューしていただきありがとうございます🙇🏻‍♀️
修正したのでお時間のある時にご確認をお願いします〜！

maeda-seina · 2022-01-27T06:14:38Z

@napple29 さん

確認させて頂きました！👍
レビューさせてもらい、とても勉強になりました！😊 🙏

haruna-tsujita · 2022-01-27T07:02:05Z

@maeda-seina
こちらこそありがとうございました〜😊✨

@komagata
お疲れ様です。チームメンバーのレビューを通過しましたので、ご都合の良い時にレビューをお願いします！

komagata · 2022-01-29T04:21:19Z

test/fixtures/campaigns.yml

+# Read about fixtures at https://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html
+
+campaign1:
+  start_at: <%= Time.zone.today %>


Suggested change

start_at: <%= Time.zone.today %>

start_at: <%= Time.current %>

こちらの方がスマートかもです〜

教えていただきありがとうございます！こちら、修正が複数箇所あったので全て修正しました！

komagata · 2022-01-29T04:22:02Z

test/system/admin/campaigns_test.rb

+  test 'update a campaign' do
+    yesterday = Time.zone.today - 1.day
+    five_days_later = Time.zone.today + 5.days
+    wd = %w[日 月 火 水 木 金 土]


複数回出てくるのであればテストクラスの定数にしちゃった方がいいかもです〜

sinsoku · 2022-01-30T08:42:46Z

app/models/campaign.rb

+  with_options if: -> { start_at && end_at } do
+    validate :end_at_be_greater_than_start_at
+  end


Rails 7から日付の比較に ComparisonValidator を使えるようになるので、コメントを残しておきたいなと思いました。
こうしておけば、Rails 7に上げた後に気づいた人が直してくれるかなと思うので。

# TODO: Rails 7に更新後、 `ComparisonValidator` を使うように直す。 # refs: https://github.com/rails/rails/pull/40095 # validates :end_at, greater_than: :start_at with_options if: -> { start_at && end_at } do validate :end_at_be_greater_than_start_at end

@sinsoku
ありがとうございます！！教えていただいた通り、コメントで追記させていただきました！勉強になりました🙇🏻‍♀️

Rails 7から日付の比較に ComparisonValidator を使えるようになるので、

ヘェ〜知らなかった😲

haruna-tsujita · 2022-01-31T06:36:32Z

@komagata
レビューありがとうございました！
指摘していただいた箇所を修正しました。また、それに伴い一部テストを修正しましたのでご確認をお願いします🙇🏻‍♀️

komagata

conflictの修正お願いします〜

haruna-tsujita · 2022-02-01T12:54:25Z

@komagata
お疲れ様です！コンフリクトを解消しましたので、ご確認をお願いします🙇🏻‍♀️

komagata

確認しました、OKですー🙆‍♂️

komagata · 2022-02-02T05:35:32Z

app/models/campaign.rb

+  with_options if: -> { start_at && end_at } do
+    validate :end_at_be_greater_than_start_at
+  end


Rails 7から日付の比較に ComparisonValidator を使えるようになるので、

ヘェ〜知らなかった😲

komagata · 2022-02-02T05:38:09Z

@machida コードレビューはOKです。デザイン面の確認お願いできれば〜

haruna-tsujita · 2022-02-02T07:34:10Z

@komagata
こちらがチーム開発最後のIssueだったので無事レビューが通ってホッとしています😊ありがとうございました！！

haruna-tsujita · 2022-02-02T07:56:32Z

@machida
お疲れ様です！Issueを引き継いでいただき、ありがとうございます！

レビューを無事終えられましたので、デザインをお願いします☺️✨
以下が該当のファイルです。よろしくお願いします🙇🏻‍♀️

念の為管理画面のデザインの確認をお願いしたいです。

管理画面の入力欄
app/views/admin/campaigns/_form.html.slim

一覧画面
app/views/admin/campaigns/index.html.slim

以下は現状だと該当部分をif文でキャンペーン適用中か分岐させて表示が変更されるようになっています。

ウェルカムメッセージ
app/views/home/_welcome_message.html.slim

参加登録画面　一番上の部分
app/views/users/new.html.slim

参加登録画面　クレジットカード入力欄下の日数
app/views/card/_notice.html.slim 

料金ページ
app/views/welcome/pricing.html.slim

↓また、関連がありそうなファイルです。

トップページのキャンペーン広告（※今回変更を入れていないのでPRのFile Changedには入っていません）
app/views/welcome/_campaign.html.slim

machida · 2022-02-02T08:15:32Z

デザイン入れていきますー

machida · 2022-02-03T08:43:41Z

@komagata こちら、デザインを入れつつ機能を追加していきたいので、一旦マージをしてしまいたいですー

#4130
こういう機能を入れていきたいと思います。

haruna-tsujita self-assigned this Jan 25, 2022

haruna-tsujita force-pushed the feature/function-about-extension-of-trial-period branch from 6e3cba4 to 9a78d96 Compare January 26, 2022 03:48

haruna-tsujita assigned machida Jan 26, 2022

haruna-tsujita requested a review from maeda-seina January 26, 2022 08:46

haruna-tsujita marked this pull request as ready for review January 26, 2022 08:47

maeda-seina reviewed Jan 27, 2022

View reviewed changes

haruna-tsujita force-pushed the feature/function-about-extension-of-trial-period branch from 9a78d96 to c714228 Compare January 27, 2022 05:29

komagata requested changes Jan 29, 2022

View reviewed changes

sinsoku reviewed Jan 30, 2022

View reviewed changes

haruna-tsujita force-pushed the feature/function-about-extension-of-trial-period branch from c714228 to 01d9dd0 Compare January 31, 2022 05:41

komagata reviewed Jan 31, 2022

View reviewed changes

haruna-tsujita force-pushed the feature/function-about-extension-of-trial-period branch from d652791 to 93c526a Compare January 31, 2022 16:02

haruna-tsujita added 13 commits February 1, 2022 21:32

extended_trialモデルを追加

1ab64a9

管理画面にお試し延長ページを作成

0501af7

管理画面のユーザー一覧にお試し延長タブを追加

ed4339b

会員登録、welcomeメッセージを変更

2186019

お試し延長に関するメソッドのクラスを変更

f621244

/admin/usersページのお試し延長終了日時の項目をお試し延長タブのみで表示するよう変更

fd64375

リファクタリング

44535e9

国際化、バリデーションエラー、お試し期間の表示順の変更

b0cbe4d

トップページ、参加登録ページを変更

e099e50

ExtendedTrialのtermカラムと関連部分を削除

2366e33

要件の相談を受けて修正

fc799a8

ExtendedTrialテーブルにタイトルを追加し、実装

6a66f6a

lint後の修正

bd49062

haruna-tsujita added 11 commits February 1, 2022 21:32

使用していないメソッドの削除、titleにバリデーションをつけた

18ec445

テストを作成

06ca23f

lint後の修正

bf88769

テストを修正

dd35603

お試し延長の一覧をcreated_atではなくend_atを基準に降順になるよう変更・lint後の修正

643cf48

ExtendedTrialからCampaignに名前を変更するためファイル名を変更

c3e2582

モデル名をExtendedTrialからCampaignに変更

42c3fc9

レビューを受けて修正

c0ba8e0

レビューを受けて修正、それに伴いテストの変更

ba1ecce

レビューを受けて、Rails7へのバージョンアップ後のTODOをコメントに追加

7e50d6d

テストを修正

e12555b

haruna-tsujita force-pushed the feature/function-about-extension-of-trial-period branch from 93c526a to e12555b Compare February 1, 2022 12:34

komagata approved these changes Feb 2, 2022

View reviewed changes

machida removed their assignment Feb 3, 2022

komagata merged commit 92ac49f into main Feb 3, 2022

komagata deleted the feature/function-about-extension-of-trial-period branch February 3, 2022 14:42

github-actions bot mentioned this pull request Feb 3, 2022

Release 2022-02-18 02:36:10 #4129

Merged

54 tasks

aim2bpg mentioned this pull request Feb 16, 2022

[お試し延長開始・終了機能]お試し期間の日数をデータとして持ち、現在のキャンペーンのデータから動的に表示する #4232

Closed

saeyama mentioned this pull request Mar 9, 2022

管理者ページのユーザー一覧のお試し延長適用ユーザー一覧にアドバイザーを削除 #4353

Merged

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

お試し延長開始・終了機能を作成 #4030

お試し延長開始・終了機能を作成 #4030

haruna-tsujita commented Jan 25, 2022 •

edited

Loading

haruna-tsujita commented Jan 26, 2022

maeda-seina left a comment •

edited

Loading

maeda-seina Jan 27, 2022

maeda-seina Jan 27, 2022

haruna-tsujita Jan 27, 2022

haruna-tsujita commented Jan 27, 2022

maeda-seina commented Jan 27, 2022

haruna-tsujita commented Jan 27, 2022

komagata Jan 29, 2022

haruna-tsujita Jan 31, 2022

komagata Jan 29, 2022

sinsoku Jan 30, 2022

haruna-tsujita Jan 31, 2022

komagata Feb 2, 2022

haruna-tsujita commented Jan 31, 2022

komagata left a comment

haruna-tsujita commented Feb 1, 2022

komagata left a comment

komagata Feb 2, 2022

komagata commented Feb 2, 2022

haruna-tsujita commented Feb 2, 2022

haruna-tsujita commented Feb 2, 2022

machida commented Feb 2, 2022

machida commented Feb 3, 2022

	start_at: <%= Time.zone.today %>
	start_at: <%= Time.current %>

お試し延長 開始・終了機能を作成 #4030

お試し延長 開始・終了機能を作成 #4030

Conversation

haruna-tsujita commented Jan 25, 2022 • edited Loading

概要

管理画面（お試し延長登録）

変更前

変更後

管理画面（お試し延長ユーザー）

変更前

変更後

トップページ・管理画面・ウェルカムページ

トップページ

キャンペーン外

キャンペーン中

料金ページ

キャンペーン外

キャンペーン中

参加登録

キャンペーン外

キャンペーン中

ウェルカムぺージ

キャンペーン外

キャンペーン中

動作確認手順

haruna-tsujita commented Jan 26, 2022

maeda-seina left a comment • 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

haruna-tsujita commented Jan 27, 2022

maeda-seina commented Jan 27, 2022

haruna-tsujita commented Jan 27, 2022

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

haruna-tsujita commented Jan 31, 2022

komagata left a comment

Choose a reason for hiding this comment

haruna-tsujita commented Feb 1, 2022

komagata left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

komagata commented Feb 2, 2022

haruna-tsujita commented Feb 2, 2022

haruna-tsujita commented Feb 2, 2022

machida commented Feb 2, 2022

machida commented Feb 3, 2022

お試し延長開始・終了機能を作成 #4030

お試し延長開始・終了機能を作成 #4030

haruna-tsujita commented Jan 25, 2022 •

edited

Loading

maeda-seina left a comment •

edited

Loading