いっしきまさひこBLOG

AI・機械学習関連、Web制作関連、プログラミング関連、旅行記録などなど。一色政彦。

[Topsyで開く]ブックマークレット

topsybookmarkletWebページに対するTwitterでのつぶやきをまとめてみたい場合、Topsy - Real-time search for the social web というサービスが便利です。このサイトを開き、テキストボックスに、つぶやきを見たいページのURLをコピー&ペースト(以下、コピペ)で貼り付け、[Search]ボタンをクリックすると検索できます。

参考までに次のリンクをクリックしてみてください。「https://twitter.com/」というURLのページのつぶやきが表示されます。

topsy1

しかしURLをコピペするのも面倒くさいので、ブックマークレットを作ってみました(不具合があってもバグ修正などの対応ができない場合があります。すみません)。現在、最初の公開から少し改良したバージョン2を公開中です。

【概要】
ブックマークレットとは、Webブラウザに「ブックマーク」(=IEでは「お気に入り」)を追加して、そのブックマークがクリックされたときに何らかの処理・動作を行うJavascriptプログラムのことです。難しいことは抜きにして、今回のブックマークレットは、[Topsyで開く]というブックマークをクリックすると、現在表示しているページをTopsyに切り替えてつぶやきを表示するという機能を持っています。

【インストール】
ブックマークレットをブックマークとしてブラウザに登録するには、基本的にブックマーク バーに下記のリンク「Topsyで開く」をドラッグ&ドロップするだけです。ブックマークレットの登録方法や使い方は、ブックマークレット – はてな が参考になると思いますので、うまくいかない方はこちらを参照してみてください。

topsy2

【使い方】
つぶやきが多そうな適当なページを開き、先ほど登録したブックマークレットをクリックしてみましょう。前述の「twitter.com に対するつぶやきの表示 – Topsy」と同じようなつぶやき一覧が表示されます。

【別バージョン:はてなブックマークのコメント一覧も同時に開く】
わたしの場合は、はてなブックマーク(以下、はてブ)のコメントも同時に開けたら楽だと感じたので、「Topsy」を開くと同時に、別ウィンドウで「はてブ」を開くブックマークレットを使っています(IEでは別ウィンドウを2つ同時には起動できないようなので、1つのみ別ウィンドウで開くようにしています)。

【ソース コードの提供と、カスタマイズ・再配布の許可】
上記2つのブックマークレットのJavascriptソース コードを開示しておきます(まぁ大したものでもなく、簡単に見えますが)。著作権は主張しないので、自由に改変、再配布、何でもしていただいてOKです。

  • Topsyで開く

javascript:if(location.pathname=="/"){location.href='http://topsy.com/'+location.hostname+'/';}else{location.href='http://topsy.com/'+location.hostname+'/'+location.pathname;}

  • はてブ&Topsyで開く

javascript:if(location.pathname=="/"){location.href='http://topsy.com/'+location.hostname+'/';window.open('http://b.hatena.ne.jp/entry/'+escape(location.href));}else{location.href='http://topsy.com/'+location.hostname+'/'+location.pathname;window.open('http://b.hatena.ne.jp/entry/'+escape(location.href));}