アイコンのマウスホバー時に表示される内容にサービス名を追加

[Charararu]

User description

#460

---

PR Type

Enhancement

---

Description

• ホバータイトルにサービス名追加

• サービス名と表示名を結合表示

---

Changes walkthrough 📝

	Relevant files
Enhancement	UserAccounts.vue ホバータイトルにサービス名追加                                                                                    src/components/User/UserAccounts.vue :titleバインディングを条件付きに変更 service.nameとservice.displayNameを結合 +5/-1

---

Need help?

Type /help how to ... in the comments thread for any questions about PR-Agent usage.

Check out the documentation for more information.

[github-actions]

PR Reviewer Guide 🔍

Here are some key observations to aid the review process:

🎫 Ticket compliance analysis ✅ 460 - PR Code Verified Compliant requirements: ホバータイトルにサービス名を追加 サービス名と表示名を結合表示 Requires further human verification: UIで正しく表示されることの確認

⏱️ Estimated effort to review: 1 🔵⚪⚪⚪⚪

🧪 No relevant tests

🔒 No security concerns identified

⚡ Recommended focus areas for review Fallback missing title属性は両方のプロパティが存在しない場合undefinedになり、ツールチップが表示されません。 :title=" service.name && service.displayName ? `${service.name} : ${service.displayName}` : undefined " Accessibility title属性のみではスクリーンリーダー対応が不十分な可能性があります。aria-labelなどの追加を検討してください。 :title=" service.name && service.displayName ? `${service.name} : ${service.displayName}` : undefined " Formatting style テンプレートリテラル内のスペース(service.name : service.displayName)の一貫性を見直してください。 ? `${service.name} : ${service.displayName}`

[github-actions]

PR Code Suggestions ✨

Explore these optional code suggestions:

Category	Suggestion	Impact
General	titleにフォールバック追加 サービス名が存在しない場合にも表示名をfallbackで使えるように、いずれか一方のみ登録されていてもtitleが設定されるようにしましょう。 src/components/User/UserAccounts.vue [39-41] -service.name && service.displayName - ? `${service.name} : ${service.displayName}` - : undefined +:title="[service.name, service.displayName].filter(Boolean).join(' : ') || undefined" Suggestion importance[1-10]: 6 __ Why: Using [service.name, service.displayName].filter(Boolean).join(' : ') ensures the title attribute still displays a meaningful value when only one of the fields is present, improving UX.	Low
Possible issue	title属性の改行削除 テンプレートリテラルの改行がtitle属性に含まれることで余分な改行やスペースが挿入される可能性があります。式を単一行にまとめ、不要な空白を排除しましょう。 src/components/User/UserAccounts.vue [39-41] -service.name && service.displayName - ? `${service.name} : ${service.displayName}` - : undefined +:title="service.name && service.displayName ? `${service.name}: ${service.displayName}` : undefined" Suggestion importance[1-10]: 5 __ Why: The multi-line template literal in :title could introduce unintended whitespace or line breaks; collapsing it into a single-line expression removes this risk and improves reliability.	Low

[Futadaruma]

良さそうです！
ありがとうございます！