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

ブラウザのタブのタイトルとページの種類が一致しないのを修正 #8156

Merged
merged 4 commits into from
Nov 4, 2024

Conversation

hagiya0121
Copy link
Contributor

@hagiya0121 hagiya0121 commented Oct 26, 2024

Issue

プラクティスなのにタイトルが"Q&A"になっている #8053

概要

未ログインの状態で特定のページにアクセスすると、ブラウザのタブのタイトルがページの種類と一致しない問題を修正しました。

原因

_unauthorized_header.html.slimというパーシャルで間違ったタイトルが設定されていました。

- title "Q&A: #{truncate(title, length: 35, omission: '...')}"
- set_meta_tags og: { title: "Q&A: #{title}" }
  • 上記のようにどのページでもタイトルに“Q&A” がつくようになっていました。

対処

  • 原因のパーシャルを呼び出しているunauthorized_show.slimでもタイトルを設定しているので、パーシャル側のタイトル設定は不要だと思い削除しました。
  • set_meta_tags og: { title: "Q&A: #{title}" }は無くても、デフォルトでog:titleにtitleタグの内容が入るように設定されていたので削除しました。
  • unauthorized_show.slimのタイトル設定をログイン時のタイトルと一致するように修正しました。

変更確認方法

  1. bug/fix-tab-titleをローカルに取り込む
  2. foreman start -f Procfile.devでサーバーを立ち上げ
  3. 未ログイン状態でプラクティスの詳細ページにアクセスhttp://localhost:3000/practices/315059988
  4. タブのタイトルが、ログイン状態のタブのタイトル:(development) プラクティス OS X Mountain Lionをクリーンインストールする | FBCと一致することを確認
  5. 未ログイン状態でDocsの詳細ページにアクセスhttp://localhost:3000/pages/1069065928
  6. タブのタイトルが、ログイン状態のタブのタイトル:(development) Docs: プラクティスに紐付いたDocs3 | FBCと一致することを確認
  7. 未ログイン状態でQ&Aの詳細ページにアクセス
    http://localhost:3000/questions/1037106414
  8. タブのタイトルが、ログイン状態のタブのタイトル:(development) Q&A: テストの質問40 | FBCと一致することを確認
  9. 未ログイン状態でユーザーの詳細ページにアクセス
    http://localhost:3000/users/991528156
  10. タブのタイトルが、ログイン状態のタブのタイトル:(development) kimuraさんのプロフィール | FBCと一致することを確認

Screenshot

変更前

image

変更後

image

@hagiya0121 hagiya0121 self-assigned this Oct 26, 2024
@hagiya0121
Copy link
Contributor Author

@Ryooo-k
お疲れ様です。
こちらのPRのレビューをお願いしたいです🙏
ご都合が悪いときは遠慮なくおっしゃってください🙇

@Ryooo-k
Copy link
Contributor

Ryooo-k commented Oct 28, 2024

@hagiya0121
承知しました!レビューさせていただきます👍
今週中を目処にご連絡いたします!

@@ -8,5 +6,5 @@ header.unauthorized-header
= label
h1.unauthorized-header__title
span.font-thin 「
= title
= truncate(title, length: 35, omission: '...')
Copy link
Contributor

Choose a reason for hiding this comment

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

変更前は文字数制限なくtitleをそのまま出力してますが、変更後は文字数制限を設けてます。
この仕様変更は確認済み、という理解でよいでしょうか?
(Q&Aのtitleもレンダリングされるので、変更されたのだと思いますが念の為確認です)

Copy link
Contributor Author

Choose a reason for hiding this comment

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

自分が仕様を勘違いしていました。修正しました!

title "Q&A: #{truncate(@question.title, length: 35, omission: '...')}"
set_meta_tags og: { title: "Q&A: #{@question.title}" }
description "オンラインプログラミングスクール「フィヨルドブートキャンプ」のQ&A「#{@question.title}」のページです。"
content_for :extra_body_classes
Copy link
Contributor

Choose a reason for hiding this comment

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

ものすごーく細かいことですが、インデントが半角スペース1つだけなのが気になりました!
他のファイルも確認してみましたが、インデントは半角スペース2つで統一されているので、合わせた方が良いかなと思いました👀

Copy link
Contributor Author

Choose a reason for hiding this comment

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

修正しました!

@Ryooo-k
Copy link
Contributor

Ryooo-k commented Oct 28, 2024

@hagiya0121
確認しました!動作としては問題ないと思います👍
何点かコメントいたしましたので、ご確認お願いしまーす!

@hagiya0121
Copy link
Contributor Author

@Ryooo-k
レビューありがとうございます🙏
指摘いただいた箇所を修正したので確認お願いします。

Copy link
Contributor

@Ryooo-k Ryooo-k left a comment

Choose a reason for hiding this comment

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

修正ありがとうございます👍Approveとさせていただきます!

@hagiya0121
Copy link
Contributor Author

@Ryooo-k レビューありがとうございます🙇

@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 f346b7a into main Nov 4, 2024
5 checks passed
@komagata komagata deleted the bug/fix-tab-title branch November 4, 2024 17:30
@github-actions github-actions bot mentioned this pull request Nov 4, 2024
9 tasks
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