2008-08-26
Pathtraq API を使って、はてブにアクセスチャートを出す Greasemonkey を作りました!
はてブのエントリーページに
以下のようなアクセスチャートを出す Greasemonkey を作りました!
このアクセスチャートは、どのくらいの人がそのページに訪れたかという情報を表しています。
「このページはいつ頃から注目を集めだしたか」などの情報が一目で分かるようになります。
期間は、「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 のページチャート API と Google Chart API を使っています。
このように、この二つの API を使うことで誰でも簡単にいろいろな場所にアクセスチャートを貼付けることができるようになります。
詳しいインストール方法
Greasemonkey や User JavaScript を使ったことの無い人は、以下の手順でこの機能を使えるようになります!
Firefox の場合
Opera の場合
- このファイル をダウンロードする
- Windows の場合は「ツール > 設定」、Mac の場合は「Opera > 環境設定」を開く
- 「詳細設定タブ > コンテンツ > JavaScriptオプション > ユーザーJavaScriptファイル」で、さっきダウンロードしたファイルを保存したフォルダ(ディレクトリ)を指定する。
Safari の場合
- SIMBL をインストールする
- GreaseKit をインストールする
- ここをクリックしてインストールする(mime-type の関係で userscripts.org からはインストールできないので、この場合だけ別のサーバからインストールします。)
IE (Internet Explorer) の場合
- 入ってない場合は、 .NET Framework をインストールする
- Trixie をインストールする
- このファイルをダウンロードする
- ダウンロードしたファイルを C:\Program Files\Bhelpur\Trixie\Scripts に置く。
- IE を再起動する
Sleipnir の場合
- 拡張機能 SeaHorse をインストールする。
- このファイルをダウンロードする
- ダウンロードしたファイルを C:\Program Files\Fenrir & Co\Sleipnir\plugins\seahorse に置く。
- 「ツール > Sleipnir オプション」に行って、「拡張機能 > SeaHorse」に行って、「再読み込み」ボタンを押す。
という訳で
よかったら、使ってみてください!
久しぶりに Greasemonkey を書いたので、変なところとかあったら教えてください><
参考リンク
トラックバック - http://d.hatena.ne.jp/amachang/20080826/1219735268
- [その他]巡回
- どどどの日誌 - 8月26日の
- WEB開発日記 - Pathtraq API を使って、はてブにアクセスチャートを...
- src’s note - 気になる技術メモ
- IT戦記 - アクセスチャートを作ろう! Pathtraq ページチャート AP...
- smokeymonkey@ついったー部 - bookmarks for the day
- 「Timeline Chart in Hatebu Entry」でブクマされたタイミングをグ...
- IT戦記 - Google Chrome で Greasemokey。「Greasemetal」登場。
- コードで気楽な日々を - Chart in Hatena Bookmark Entryを新はてぶ...
リンク元
- 188 http://b.hatena.ne.jp/hotentry
- 183 http://b.hatena.ne.jp/
- 170 http://reader.livedoor.com/reader/
- 118 http://okyuu.com/ja/tips/2621/external_reputation
- 108 http://d.hatena.ne.jp/
- 49 http://www.google.co.jp/search?sourceid=navclient&hl=ja&ie=UTF-8&rls=SUNA,SUNA:2006-17,SUNA:ja&q=firefox onclick+使わない
- 43 http://mixi.jp/view_diary.pl?id=913841792&owner_id=459239
- 42 http://b.hatena.ne.jp/entry/http://d.hatena.ne.jp/amachang/20080826/1219735268
- 39 http://www.google.co.jp/reader/view/
- 36 http://b.hatena.ne.jp/add?mode=confirm&title=Pathtraq API %u3092%u4F7F%u3063%u3066%u3001%u306F%u3066%u30D6%u306B%u30A2%u30AF%u30BB%u30B9%u30C1%u30E3%u30FC%u30C8%u3092%u51FA%u3059 Greasemonkey %u3092%u4F5C%u308A%u307E%u3057%u305F%uFF01 - IT%u62

