1. はじめに:ローカル通知の限界
前回、「セカストオンラインの新着をデスクトップ通知する機能を実装した。(https://qiita.com/merpro-dev/items/2357019bfb78b9c07f8e)」 という記事を書きました。
ローカル通知はお手軽に実装できる反面「PCの前にいないと気づけない」という課題に直面。
2. 「Discord Webhook」への移行を決意。
-
システム構成(シンプル版)
監視: Chrome拡張機能(Content Script または Background)
通信: fetch API(ブラウザから直接Discordへ)
通知先: DiscordのWebhook URL
-
【最小実装】Discordへ通知を飛ばすコード
複雑なライブラリは使わず、標準の fetch だけで実装します。
async function sendToDiscord(productName, productUrl) {
const WEBHOOK_URL = 'https://discord.com/api/webhooks/YOUR_WEBHOOK_ID/TOKEN';
const payload = {
username: "セカスト新着BOT",
content: `【新着】お宝発見!\n商品名: ${productName}\nURL: ${productUrl}`
};
await fetch(WEBHOOK_URL, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(payload)
});
}
YOUR_WEBHOOK_ID と TOKEN の取得方法は
- Discordでチャンネルを作成
- チャンネル横に歯車をクリック
- 連携サービスをクリック
- ウェブフックをクリック
- 新しいウェブフックを作成
でttps://discord.com/api/webhooks/YOUR_WEBHOOK_ID/TOKEN'が吐き出されます。
3. 実際の通知の様子
(次々に流れてくる新着商品たち)
3. 移行して分かったメリット
スマホが最強の通知端末に: Discordアプリのプッシュ通知により、電車の中でも即チェック可能。
履歴が残る: デスクトップ通知は消えたら終わりだが、Discordなら後から見返せる。
共有が楽: テスター同士のコミュニティや、家族・パートナーへの共有もチャンネルに入れるだけで完結。
4. まとめとテスター募集
・LINE Notifyが終了(2025年4月)のアナウンス あり。
・プッシュ通知はDiscordがいい感じ。
・色々カスタマイズ出来そう。
・セカストは 数分間で数百件 という膨大な商品のアップロードがある。
・現在、このDiscord通知機能を統合した「メルプロ」のテスターを募集しています。
・詳細・応募はこちら:
セカスト通知テスター応募フォーム:https://docs.google.com/forms/d/e/1FAIpQLScSZoREhTNCk1FqNFXWkr01jelDdDvQN3EVUgg7q5ko1P0RQw/viewform?usp=publish-editor



