IT戦記

プログラミング、起業などについて書いているプログラマーのブログです😚

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

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

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

このアクセスチャートは、どのくらいの人がそのページに訪れたかという情報を表しています。
このページはいつ頃から注目を集めだしたか」などの情報が一目で分かるようになります。
期間は、「24時間」から「3ヶ月」までその場で切り替えることができます。

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

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

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 がインストールされていない場合は、Greasemonkey – Firefox 向けアドオン からインストールする
  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. http://www.bhelpuri.net/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 を書いたので、変なところとかあったら教えてください><