Creazy!

WEBエンジニア・ヤガーのテック・ガジェットブログ

Greasemonkey 開発実績

「Topsy in Hatebu Entry」はてなブックマークのコメント一覧にTwitterでの言及を追加するGreaseMonkey

投稿日:


Twitterが着々と広まるにつれ、ソーシャルメディアでの人気度を図るための定番がソーシャルブックマークからTwitterに移行しているような気がします。とはいえ、いまだにはてブはチェックしたりするので、いっそ同時にコメント見れるようにしてみようと思いました。
スクリーンショット
そこで、「Topsy in Hatebu Entry」というUserScriptを書いてみました。エントリータイトルにある通りですが、はてブエントリーページ(b.hatena.ne.jp/entry/〜)のコメント一覧の下に、「このエントリーを含むツイート」を表示します。
インストールはこちらからどうぞ。
http://userscripts.org/scripts/source/69920.user.js
※ご利用にはUserScriptを実行するブラウザが必要です。
→Firefoxをご利用の方はGreaseMonkeyを先にインストールしてください。
→Safariをご利用の方はGreaseKitを先にインストールしてください。
→その他の環境は動作確認しておりません。試した方の動作報告を期待します。

やっていること

技術的な部分に興味ある方向けに、ちょっとだけ仕組みを解説。と言っても、実は以前に書いたTopsy API を使ってブログに「つぶやかれ数」を自由にレイアウトすると仕組み的には同じなので、そちらを参照していただければ良いかと思います。
今回もTwitterでのURL言及の取得はTopsyのAPIを仕様したのですが、一つ発見がありました。
via: Resources – otterapi – Project Hosting on Google Code
JSONPでAPIを叩くとき、下記のようなURLになるのですが、

http://otter.topsy.com/trackbacks.js
?callback={コールバック関数名}
&url={調べるURL}
&page={ページ数}

マニュアルに無い、「page」パラメータを指定することができるみたいです。Topsyのtrackback APIは最新10件しか結果を返してくれないのですが、page=2、page=3などと指定することで次の20件、30件を取得することができました。ただ、この「page」パラメータは上限が10ページまでのようなので、合計100件までしかツイートを取得できませんので注意が必要です。
enjoy!

-Greasemonkey, 開発実績

執筆者:

関連記事

AmaQuick v2.0.2公開(表示不具合対応)

ブロガー・アフィリエイター必須のAmazonアソシエイト補助ツール「AmaQuick」の不具合修正対応を行いました。 インストールはChromeウェブストアから拡張機能を追加してください。 Chrom …

no image

YouTubeで有料ダウンロードが開始されたらどうする?オレ

今日色んなところで記事を見かけましたが、YouTubeが公式ダウンロードをテストしているみたいですね。 ・Download and Buy Videos from YouTube ・POLAR BEA …

祝!「SL.JS」ホッテントリ記念にバナー各種作りました

はてなブックマークでのホッテントリ御礼。 ・JavaScriptでSLを走らせる「SL.JS」を作りました 今までのブログエントリーで一番ブクマされた やまざきメソッドの紹介エントリー をあっさりと抜 …

「Google Analytics with SBM」ページタイトル表示などUI改善

Google Analyticsの画面中でソーシャルメディアカウンターの値が確認できる「Google Analytics with SBM」のアップデートを行いました。現在、はてブ・Twitter・F …

やまざきメソッド ジェネレーターを作りました

先日、社内SNSの日報に一際目を引く所感が書かれていました。 それは、デザイナーやまざきさんの日報だったのですが、下記のようなものでした。 コレを見た自分は驚愕しました。 「超見やすいじゃん!」 コレ …

スポンサードリンク

スポンサードリンク