IT戦記 このページをアンテナに追加 RSSフィード Twitter

2008-08-26

Pathtraq API を使って、はてブにアクセスチャートを出す Greasemonkey を作りました!

はてブのエントリーページに

以下のようなアクセスチャートを出す Greasemonkey を作りました!

f:id:amachang:20080826162651p:image

このアクセスチャートは、どのくらいの人がそのページに訪れたかという情報を表しています。

このページはいつ頃から注目を集めだしたか」などの情報が一目で分かるようになります。

期間は、「24時間」から「3ヶ月」までその場で切り替えることができます。

インストールする!

http://userscripts.org/scripts/source/32521.user.js

ブックマークレットを使ってみる!

はてブのエントリーページで以下のブックマークレットを実行してみましょう!

javascript:(function(s){s.src='http://userscripts.org/scripts/source/32521.user.js';document.body.appendChild(s)})(document.createElement('script'));

このブックマークレットSafari, IE, Opera, Firefox で動きます!

このチャートは

Pathtraqページチャート APIGoogle Chart API を使っています。

このように、この二つの API を使うことで誰でも簡単にいろいろな場所にアクセスチャートを貼付けることができるようになります。

詳しいインストール方法

Greasemonkey や User JavaScript を使ったことの無い人は、以下の手順でこの機能を使えるようになります!

Firefox の場合
  1. Greasemonkeyインストールされていない場合は、no title からインストールする
  2. ここをクリックしてインストールする
Opera の場合
  1. このファイルダウンロードする
  2. Windows の場合は「ツール > 設定」、Mac の場合は「Opera > 環境設定」を開く
  3. 「詳細設定タブ > コンテンツ > JavaScriptオプション > ユーザーJavaScriptファイル」で、さっきダウンロードしたファイルを保存したフォルダ(ディレクトリ)を指定する。
Safari の場合
  1. SIMBLインストールする
  2. GreaseKitインストールする
  3. ここをクリックしてインストールする(mime-type の関係で userscripts.org からはインストールできないので、この場合だけ別のサーバからインストールします。)
IE (Internet Explorer) の場合
  1. 入ってない場合は、 .NET Frameworkインストールする
  2. Trixieインストールする
  3. このファイルダウンロードする
  4. ダウンロードしたファイルを C:\Program Files\Bhelpur\Trixie\Scripts に置く。
  5. IE再起動する
Sleipnir の場合
  1. 拡張機能 SeaHorseインストールする。
  2. このファイルダウンロードする
  3. ダウンロードしたファイルを C:\Program Files\Fenrir & Co\Sleipnir\plugins\seahorse に置く。
  4. 「ツール > Sleipnir オプション」に行って、「拡張機能 > SeaHorse」に行って、「再読み込み」ボタンを押す。

という訳で

よかったら、使ってみてください!

久しぶりに Greasemonkey を書いたので、変なところとかあったら教えてください><

参考リンク

os0xos0x 2008/08/26 18:58 IEにjavascript-xpathを読み込ませるところで、setTimeoutしてるのにclearIntervalしてます。正しくはsetTimeoutじゃなくて、setIntervalみたいですね。

amachangamachang 2008/08/26 19:06 おおお。ありがとうございます!修正してアップデートしておきます!

amachangamachang 2008/08/26 19:13 id:os0x 直しました!指摘してくださってありがとうございました!

はてなユーザーのみコメントできます。はてなへログインもしくは新規登録をおこなってください。