ハクソク

世界を動かす技術を、日本語で。

HNに表示: ウェブページを監視し、変更をRSSとして公開するツールを作りました

49日前原文(sitespy.app)

概要

Site Spyはウェブページの変化を自動で監視し、更新時に即通知するツール。
ページ全体だけでなく、特定要素の追跡も可能。
視覚的な差分表示やスナップショット履歴で変更点を直感的に把握。
無料プランあり、拡張機能やAI連携も対応。
RSSや各種通知で柔軟な運用が可能。

Site Spyの特徴と機能

  • ウェブページの自動監視
    変更があった際に即時通知、重要な更新を見逃さない仕組み。

  • ワンクリックで監視リスト追加
    ブラウザツールバーや右クリックメニューから即座にページ追加。

  • 要素インスペクター
    ページ全体ではなく、価格・在庫・見出しなど特定要素のみの追跡が可能。

  • 視覚的な差分表示（Visual diff view）
    追加部分は緑、削除部分は赤で表示され、コードのdiffのような分かりやすさ。

  • スナップショットタイムライン
    すべての取得バージョンをタイムスタンプ付きで保存・比較可能。

  • Finder風のカラータグ
    トラッキング対象の整理・検索を容易にするカラーレーベル。

  • 多彩な通知方法
    ブラウザプッシュ通知、バッジカウント、メール、Telegramメッセージ対応。

  • 柔軟な監視間隔
    数分から週単位まで、ユーザーが更新チェック頻度を自由に設定。

  • クロスデバイス同期
    サインインすれば全デバイス・ブラウザで監視対象を一元管理。

  • AIエージェント連携
    ClaudeやCursorなどMCP対応AIと連携し、監視・差分比較・要約をAIチャット内で実行可能。

  • Webhook・一括インポート・モバイルアプリ
    外部連携や大量登録、モバイルからの利用もサポート。

プランと料金

  • Free（無料）プラン

    • 5件までURL監視
    • 最短1時間ごとに再チェック
    • 1ウォッチにつき5スナップショット
    • 30日間のスナップショット履歴
    • フルページ＆要素トラッキング
    • 視覚的差分履歴
    • ブラウザ拡張＆Webダッシュボード

  • Starter（€4/月）

    • 25件までURL監視
    • 最短10分ごとに再チェック
    • 1ウォッチにつき25スナップショット
    • 90日間のスナップショット履歴
    • メール通知追加

  • Pro（€8/月）

    • 100件までURL監視

    • 最短1分ごとに再チェック

    • 1ウォッチにつき100スナップショット

    • 1年間のスナップショット履歴

    • 優先サポート

    • すべてのプランでキャンセルはいつでも可能

    • 決済はLemon Squeezy経由、価格はユーロ建て

サイトの使い方

  • アカウント作成
    サインアップは無料・クレジットカード不要

  • ウェブサイト追加
    URL貼り付けまたは拡張機能で即追加

  • 通知受信
    変更検知時に各種通知で即時アラート

よくある質問

  • Site Spyは無料で使える？
    無料プランで5サイトまで監視可能。より多くの監視や高速チェック、メール・Telegram通知は有料プランで利用可能。

  • ページの一部だけ監視できる？
    要素インスペクターで特定部分のみの監視が可能。価格や在庫、見出しなどピンポイントで追跡。

  • どのブラウザ・デバイスで使える？
    Webダッシュボードは全ブラウザ・モバイル対応。Chrome/Firefox拡張機能あり。アカウント同期でどこからでもアクセス。

  • AIアシスタントとの連携は？
    MCPサーバー経由でClaudeやCursorなどと連携し、AIチャット内で監視・差分比較・要約が可能。

  • RSSフィード対応
    各ウォッチ・タグ・全体でRSS配信。ノイズの多いページでも必要な部分だけRSSで取得可能。

開発者メッセージ

  • Site Spy開発の経緯
    ビザ申請ページの変化を見逃し、重要な更新を逃した経験から開発開始。

  • 特に注目してほしい点

    • ページ全体だけでなく特定要素の監視が可能
    • 変更点をRSSフィードとして配信
    • 差分表示・スナップショット履歴・AI連携など多機能

  • フィードバック募集

    • RSSは実用的か、直接通知が主流か
    • 要素単位の監視が全体監視に比べて有意義かどうか

参考リンク

Hackerたちの意見

ちょっとフィードバック: 1. RSSは更新には十分だね。ビザの使い方が重要だから、プッシュ通知を考えてた？ 2. 競合は要素レベルのトラッキングをやってるみたい。XPathを選んでるのかな？
└
そうそう、Site Spyはプッシュ通知、メール、Telegramアラートもあるよ。RSSは、自分のリーダーやワークフローに更新を組み込みたい人のためのオープンなインターフェースだと思ってる。ビザのスロットや在庫のような緊急な情報には、直接のアラートがメインだね。要素レベルのトラッキング自体は新しいアイデアじゃないけど、気になるページの正確な部分を選んで、変更をdiffや履歴、RSSで確認できるようにするのが改善したかったところなんだ。単に「ページが変更されました」って通知が来るだけじゃなくてね。
これには https://github.com/dgtlmoon/changedetection.io が好きだな。オープンソースで、ローカルで動かすのも、彼らのSaaSサービスを使うのも無料だよ。
└
うん、changedetection.ioはいいプロジェクトだよ。Site Spyでは、ブラウザファーストのワークフローをもっと簡単にしたかったんだ。拡張機能をインストールして、ダッシュボードに接続して、気になるページの正確な部分をクリックすれば、設定もほとんどなしでdiffや履歴、RSSで変更を追えるんだ。オープンソースやセルフホスティングのルートが魅力的なのもわかるよ。
└
あと、https://github.com/thp/urlwatch/ もあるよ。SaaSの提供は知らないけど、セルフホスティングだね。
└
かっこいいね！これもセルフホスティングできて、無料なんだ。試してみるよ！
└
確かに、でもこれはMCPサーバーがあって、お金がかかるし、たぶん昨晩作られたんだろうね！
RSSは便利なインターフェースだけど、「ほとんどの人は直接のアラートを求めてるの？」っていうと、もちろんそうだよね。RSSは愛されてるけど、ニッチな存在。ターゲットオーディエンスによるかな。個人的にはメールが欲しいな、他のことのアラートもそれで受け取ってるから。RSSは長文を読むためのもので、気づかなきゃいけない通知ではないと思ってる。この手の製品に関する質問の答えは、完全にオーディエンスと彼らの日常のルーチンに依存するよ。
└
ニッチな理由は、いくつかの企業がそう決めたからだよね。昔はブラウザにネイティブのRSSサポートがあって、最新の記事がブックマークバーに自動で表示されてたのに。
└
自分の職場のウェブサイトのRSSフィードを全スタッフのSlackチャンネルに追加したよ。自分には便利だと思うけど、他の人はどうかわからない。でも、誰も文句言ってないよ。 https://slack.com/intl/en-gb/help/articles/218688467-Add-RSS...
（元）記者として、サイト監視は日常の大事な仕事の一部で、いろんなサービスを使ってきたよ。少なくともランディングページを見た感じでは、これはコンセプトの実行がかなり良さそう。特に、テキストベースの差分表示で何が変わったか、そして何が重要かが簡単にわかるのがいいね。ただ、こういうアプリの最大のハードルは「JSベースのブラウザレンダリングサイト」とか呼ばれるやつだよね。Site Spyはこういう厄介なものにどう対処してるの？
└
ありがとう、いい質問だね。Site Spyは本物のブラウザフローを使ってるから、一般的にJSレンダリングページをシンプルなHTMLだけのポーリングツールよりもずっと上手く扱えるよ。実際には、厄介なケースはJSそのものよりも、攻撃的なアンチボット保護やごちゃごちゃしたログイン/セッションフローのあるサイトが多いかな。そういう制限をもっと明確にして、みんなが漠然とした失敗に直面してがっかりしないようにしたいと思ってる。
└
今は何してるの？もしよかったら教えて！
自分の趣味でGoogle Reader APIを使ったRSSサーバーを作ったよ。君が言ってたのに似たプラグインが2つあって、1つはページの現在の状態を最後に保存したバージョンと比較して、何か変わったらエントリーを公開するやつ。もう1つは基本的にCSSセレクターを使ったフィードビルダーだね。ここでRSSコンテンツを見るのはいつも嬉しいよ、投稿ありがとう！君の質問に関しては、RSSを好む人もいれば、メールを好む人もいるし、両方の間で変換するサービスもあるよ。自分の経験則では、実際に注意が必要なものはメールで、待てるものはRSSを使うかな。もしこれをサービスにすることを考えてるなら、両方をサポートするのがいいと思う。みんな意見が分かれてるからね。
これいいね。州の野生動物機関が規制ページを更新したときに追跡するのに使いたいな — それは年に一度、告知なしで変わるから、いつも見逃しちゃうんだ。要素レベルの追跡があれば、ページ全体を監視するより完璧だね。君の質問に答えると、緊急度に応じてRSSと直接のアラート（メール/プッシュ）の両方が欲しいな。
いい感じだね。ソフトウェアの変更ログ用に https://visualping.io の無料プランを使ってるけど、RSSフィードは有料機能なんだ。これもチェックしてみるよ。
└
うん、RSSは全プランで無料だよ — これはコア機能って感じで、アップセルじゃないね。
いい仕事だね！RSSフィードはめっちゃ便利だよね。メールアラートもあったらいいな。
これを思い出させるなぁ。昔書いた、すごく役に立ったbashスクリプトがあって、すごく基本的な方法でこの問題に対処してたんだ。URLをCurlして、結果をファイルにハッシュ化して、現在のハッシュと前回のハッシュを比べて、差分があったらメールを生成するってやつ。2009年のScion Rock festのチケットのオンライン発売を監視するために作ったんだけど（幸運にもjsやAdobe Flashは使われてなかった）、その目的にはすごくうまく機能したよ。
これはすごく一般的な使い方だね。自分も13年前に似たようなものを手作りしたことがあるよ。[1] いいね、RSSを選んだのは素晴らしい！