VisualPingの使い方完全ガイド｜Webページの更新を自動で見張らせる方法

重要な情報が掲載されるのを待っている間、何度もページを再読み込みした経験はありませんか？ときどき手動で更新ボタンを押すだけでなく、自動リロード系のツールまでインストールしてしまう人もいるかもしれません。でも、もし「ページが更新されたら教えてくれる」ツールを使えたら、そんな手間から解放されると思いませんか？

それを実現するのが VisualPing です。WebサイトとChrome拡張機能の両方として提供されており、監視したいサイトのURLを登録しておくと、VisualPingが代わりにページを見張り続けてくれます。変更を検知すると通知が届くので、必要な情報が掲載されたかどうかをすぐに確認できます。

なお、Web版とChrome拡張機能にはそれぞれ特徴があります。Chrome拡張機能は最短1分（なんと秒単位も可能！）という高頻度でチェックできる一方、Chrome自体を起動しておく必要があるため、ブラウザを閉じたりPCの電源を切ったりすると通知を受け取れません。

一方、Web版（サーバー版）は最短1時間ごとのチェックになりますが、すべての監視処理はVisualPing側のサーバーで行われます。つまり自分は普段どおり過ごしていても、ページに変更があればメールで知らせてくれる仕組みです。ただし、このサービスの利用にはアカウント登録が必要で、月あたりのチェック回数には上限が設けられている点には注意しましょう。

VisualPingの仕組み

ここでは例として、上記のWebページを監視してみましょう。これは人気の（架空の）お絵かきソフト「Paint Studio Plus」の製品ページです。会社側は「先着100名限定でベータ版を公開する」と発表していますが、申し込み受付がいつ始まるのかは一切明かされていません。そこで、VisualPingにこの面倒な見張り役を任せてみます。

方法1：VisualPing Web版（サーバー方式）でメール通知を受け取る

まず、VisualPingの公式サイトにアクセスし、入力バーにPaint Studio PlusのURLを貼り付けます。「Go!」ボタンを押すと、次のようなプレビュー画面が表示されます。

このプレビュー画面で、監視したい部分を指定します。今回はブログ投稿エリアの更新を検知したいので、該当する範囲に枠をドラッグして囲みましょう。その後、プレビュー下部の設定で、チェック頻度を「毎時（every hour）」、検知条件を「あらゆる変更（any change）」に設定します。

続いて、通知を受け取りたいメールアドレスを入力し、「Start Free Monitoring」ボタンをクリックします。初めて利用する場合は、ここでアカウントを作成する必要があります。これで設定完了。あとは自由に過ごしていて大丈夫です。

方法2：Chrome拡張機能でリアルタイムに変更をキャッチする

まず、Chromeウェブストアから拡張機能をインストールします。インストール後、監視したいページを開いた状態で、ブラウザ右上に表示される拡張機能のアイコンをクリックしてください。

VisualPingのウィンドウが開いたら、現在表示されているタブに注目しましょう。「Server」タブが選択されている場合は、先ほど説明したサーバー経由のメール通知モードです。ブラウザ内でリアルタイムに通知を受け取りたい場合は、「Browser」タブに切り替えます。

プレビュー画面を使って、監視したい領域を選択します。

さらに細かく設定したい場合は、特定のHTML要素を指定して監視することも可能です。指定した要素に変化があったときだけ通知してくれるので便利ですが、HTML要素に馴染みがない方には少し分かりにくいかもしれません。

次にチェック間隔を設定します。今回は1分にしました。ここがChrome拡張機能の大きな強みです。サーバー版では最短でも1時間ごとに制限されていますが、ブラウザ版なら分単位・秒単位のチェックが可能です。設定できたら「Start Monitoring」をクリックして監視を開始しましょう。

実際に通知が届くとどうなる？

日中、Paint Studio Plusのベータ版がついに公開されました。VisualPingから変更の通知が届いたとき、どんな形で知らせてくれるのでしょうか？

サーバー版の場合：メールで通知が届く

Web版を利用している場合、ページに変更があるとメールが届きます。内容は次のようなものです。

メール本文に記載されているスナップショットは、添付ファイルとして送られてきます。添付画像を開くと、次のように表示されます。

添付ファイルを開かなくても、メールの差出人情報や件名から「告知ページがリリースページに変わった」ことが一目瞭然です。すぐにサイトへ向かい、定員が埋まる前に申し込みを済ませましょう！

ブラウザ版の場合：デスクトップ通知がポップアップ

Chrome拡張機能版を利用している場合は、次のようなデスクトップ通知が画面右下にポップアップ表示され、音でも知らせてくれます。

通知本体をクリックすればそのままサイトに移動できますし、「View Changes」をクリックすれば、前回のチェック時と現在のページの比較画面が新しいウィンドウで開きます。

少しゴチャゴチャして見えますよね？緑色のオーバーレイが「以前のページの姿」で、通常色（この場合はグレー）で表示されている部分が「現在の姿」です。最新の状態だけを確認したいときは、上部の「Current」ボタンをクリックするだけです。

これなら読みやすいですね！ベータ版が公開されたことを確認できたら、上部の「Go to site」をクリックしてサイトへ移動し、キーを入手しましょう。

まとめ：面倒な監視作業はVisualPingに任せよう

新製品の発売情報やチケット販売の詳細など、Webページの更新を手作業で監視するのは本当に骨の折れる作業です。しかし、VisualPingのようなツールを活用すれば、ページをひたすら再読み込みし続けることなく、日常の作業に集中できます。

あなたも「サイトの更新情報を待ち構えていた」という経験はありませんか？待ち続けた甲斐はありましたか？ぜひコメント欄で教えてください。