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, 開発実績

執筆者:

関連記事

「Amazon Quick Affiliate」アップデート(著者、出版社、発売日の追加など)

【2012/02/22:追記】 最新のアップデート状況が分かりにくくなってきましたので公式ページ作成しました。 今後はこちらに関連エントリーなどもまとめていきます。 Amazon Quick Affi …

「Gyazo on Twitter RSS」TwitterにGyazoを張り付けているPostをダラ見するpipes

またまた、サクッとPipes作りました。 ・Pipes: Gyazo on Twitter RSS Twitterに貼られているGyazo画像ってかなり個人的なものが多い気がするので、他人のデスクトッ …

TwitPicのRSSを作成するためのYahoo!Pipesとブログパーツサンプル

恐らくTwitterに画像付きで投稿するサービスとして最も使われているTwitpicですが、日本語対応が甘いのか文字化けしたりして不満が多く上がっています。で、文字コードの処理の甘さも影響しているので …

no image

ページタイトルを取得するPipesを作りました

前に、こんなエントリーも書いているのですが、 ・PHPでWEBページのタイトルを抜き出すサンプル もっとお手軽にYahoo!Pipesで取得できるようにしてみました。 Pipes: getPageTi …

Tumblrを検索してRSS化もできる「Pipes: Tumblr Search」

ブログからReTweetできるボタンのエントリーを書いたら早速、[mi]みたいもん!と[N]ネタフルに紹介していただきました。 ・自分のブログのエントリーにtwitterに投稿するボタンもついた:[m …

スポンサードリンク

スポンサードリンク