Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

全てのタグを全てのタブで表示するため、コントローラーから全てのタグを渡すように変更 #5488

Merged
merged 2 commits into from
Sep 14, 2022

Conversation

yuki-snow1823
Copy link
Contributor

@yuki-snow1823 yuki-snow1823 commented Sep 6, 2022

Issue

概要

Q&Aのページには3つのタブが存在している。「未解決」「解決済み」「全て」である。
例えば、未解決の質問についているタグの一覧は解決済みの方には表示されない。

一方で、タグ一覧は質問の種類に関係なく全てのタグの一覧として表示されているのが望ましい。
本プルリクエストでは、それを解決した。

詳細

view側は変更せずに、コントローラーから渡す@tagsの値をタブごとではなくQuestion全てに紐づくものにしました。

これによって、タグが存在していない場合はli要素の作成がされず、質問に関連するタグが存在している場合のみHTML要素が描画されると考えました。

変更確認方法

  1. ブランチshow-all-tags-in-q-and-aをローカルに取り込む
  2. bin/rails sでローカル環境を立ち上げる
  3. http://localhost:3000/questions?target=not_solved にアクセス(未解決のページ)
  4. 未解決の質問を任意で1つ開く
  5. タグ編集を押下
  6. 1つタグを追加して保存する(タグの文字を入力した後、一度EnterかReturnを押下してテキストではなく、タグとして認識されていることを確認してください)
  7. http://localhost:3000/questions?target=solved にアクセス(解決済みのページ)
  8. 6で追加したタグがページ右に表示されていることを確認
  9. 6で追加したタグをクリックして全てタブ(解決したもの、未解決がミックスされた一覧)にアクセスできることを確認

※タグの保存を押下する直前の画面
スクリーンショット 2022-09-06 17 17 01

こちらだとダメです。一度EnterかReturnキーを押下してください。
スクリーンショット 2022-09-06 17 17 08

変更前後で見た目上の変化はありません(見た目は変わらず、出力されるものが変わります)

その他

ブランチ名を間違えたのでcloseして作り直しました。

@yuki-snow1823
Copy link
Contributor Author

@pachikuriii
今週からチーム開発のご参加おめでとうございます🙏
一緒に頑張っていきましょう...!

前回とはまた少し違った箇所のレビューを依頼させていただきました(__)
お手隙の際にお願いします。

自分の方もできることがあれば気にせずにお声がけくださいませ。

@yuki-snow1823 yuki-snow1823 marked this pull request as ready for review September 6, 2022 08:27
@pachikuriii
Copy link

@yuki-snow1823
ゆうきさん、あたたかいお言葉をありがとうございます〜!🙏
頑張りましょうね💪🏻✨よろしくお願いします!

こちらのレビュー、明日取り掛かりますので少しお待ちいただけますと幸いです🌱

Copy link

@pachikuriii pachikuriii left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@yuki-snow1823

こんにちは。レビューのご依頼ありがとうございます!
スマートに変更されてますね〜✨🙌!わたしの環境でも動作確認ばっちりできました。

1点コメントを記載しておりますので目を通していただけるとうれしいです。
ご提案まで…🙏!

@@ -20,7 +20,7 @@ def index
Question.all
end
@tag = ActsAsTaggableOn::Tag.find_by(name: params[:tag])
@tags = questions.all_tags
@tags = Question.all.all_tags

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🙏ご参考まで🙏

ビュー側でもQuestion.all.all_tagsが参照されてコントローラーと重複しているので
コントローラーで定義した@tagsをview側でも使ってあげるのはいかがでしょうか✨

👇app/views/questions/index.html.slim

  • 現在
    image

  • ご提案
    image

Copy link
Contributor Author

@yuki-snow1823 yuki-snow1823 Sep 8, 2022

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@pachikuriii
お疲れ様です。

スマートに変更されてますね〜✨🙌!わたしの環境でも動作確認ばっちりできました。

こういった一言、非常に嬉しかったです。色々考えてから一番最小限に変更可能で、影響の少なさを考えた結果ここだけ変えれば良さそうかなと思った次第です。自分もこういう一言心がけようと思いました!

何かの意図があってslimに直接Question.allのように記載した可能性もありますが、自分が見た限りは動作確認して問題なさそうだったので、再レビューお願いします。

こちらのコミットで修正しました。
#5488

Copy link

@pachikuriii pachikuriii left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@yuki-snow1823

ご提案の採用ありがとうございます〜💪🏻🌈


自分もこういう一言心がけようと思いました!

先輩方とメンターさんのレビューをまねっこしてみました〜!👻笑


何かの意図があってslimに直接Question.allのように記載した可能性もありますが

当初は@tags = questions.all_tagsとなっていたので@tagsには選択したタブで表示される質問のタグだけが定義されていました。なのでslimファイルでQuestion.all.all_tagsとすることで選択されたタブに関わらず、どのタブでも全ての質問のタグを表示させる仕様を実現していたんでしょうね〜...と意図を勝手に推測してみました。


わたしからはApproveとさせていただきますね〜🙌

@yuki-snow1823
Copy link
Contributor Author

@pachikuriii
ありがとうございました!

@komagata
レビューよろしくお願いします。

Copy link
Member

@komagata komagata left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

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

@komagata komagata merged commit 6169ef3 into main Sep 14, 2022
@komagata komagata deleted the feature/show-all-tags-in-q-and-a branch September 14, 2022 05:58
@github-actions github-actions bot mentioned this pull request Sep 14, 2022
20 tasks
@yuki-snow1823
Copy link
Contributor Author

console.log($(".page-tags-nav__item").length)

本番環境で全てのタブで数が変わらないことを確認し、表示にも問題ないので大丈夫です。完了に移します。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants