.md
Skill.mdサーチャーJP

Skill.md検索

2258件の Skill.mdから、あなたに最適なものを見つけましょう

L

ユーザーイベントを通知センター・トースト表示で自動配信

by lism-css

新機能実装時に NotificationService を呼び出すだけで、ベルアイコン・ドロップダウン・トースト通知が自動表示されます セキュリティ・システム・アクション・情報・警告など、事前定義された6種類の通知タイプから選ぶだけで実装できます 特定ユーザーへの個別通知と、管理者などの特定ロール全体へのブロードキャスト通知(ブロードキャスト通知)が両方対応できます 通知はPostgreSQLに自動永続化され、未読数・既読・削除などの管理が APIエンドポイント経由で自動処理されます 日本語・英語対応で、多言語対応アプリでもそのまま使用できます 新機能実装時に通知周りの複雑な実装を避けたい開発者 ユーザーへのイベント通知を統一的に管理したいプロダクトマネージャー セキュリティアラート・アクション要求など、重要な通知を確実に配信したいシステム担当者 通知センターのUIを共通化して、アプリケーション全体の一貫性を保ちたいデザイナー NotificationServiceは、アプリケーション内での重要なイベントをユーザに通知する統一システムです。通知センター(ヘッダーのベルアイコン)、トースト通知(Sonnerでリアルタイム表示)、DB永続化(PostgreSQL×Prisma)で構成されています。6つの通知タイプ(SYSTEM・SECURITY・ACTION・INFO・WARNING・ERROR)と4段階の優先度(URGENT・HIGH・NORMAL・LOW)があります。ファイル構成は lib/services/notification-service.ts(通知発行)、lib/stores/notification-store.ts(Zustandストア)、lib/i18n/notifications.ts(翻訳)、app/api/notifications/route.ts・[id]/route.ts・read-all/route.ts・unread-count/route.ts(APIエンドポイント)、components/notifications/NotificationBell.tsx他(UIコンポーネント)です。API呼び出しは NotificationService.securityNotify()・systemNotify()・actionNotify()(個別通知)、NotificationService.broadcast()(ロール別ブロードキャスト)で実装します。

ドキュメント設計
1042.1k2026-04-13