Subscribed unsubscribe Subscribe Subscribe

Seasons.NET

ちょっとした技術ブログです

独自Twitterつぶやきボタンを作成しました


Twitter公式ボタンが発表されたようですが、やはり自分のブログには、
自分のデザインしたTwitterボタンを配置したいお年頃。


色々と試行錯誤した結果、TextExpanderのShell Script機能で、
/tweetと打ち込んだら、コピーされた文字列を加工して、
画像ボタンのタグを出力するようにしました。


画像は、もちろん用意する必要があり、作成後は、
はてなフォトライフでアップロードし、URLを取得して、
下記スクリプトのimgタグのURLを書き換えます。

#!/opt/local/bin/ruby -Ku
require 'kconv'
require 'uri' 

title,url = %x{pbpaste}.split( "#" )
title = URI.encode( title.toutf8 )
text = "<a href=""http://twitter.com/home?status=+#{title}+#{url}""><img border=0 src=http://img.f.hatena.ne.jp/images/fotolife/S/Seasons/20100815/20100815201854.png?1281871144></a>"
print text.gsub(/%/,"%%")

またコピーする文字列ですが、#をセパレートトークンと見なす

ほげほげタイトル#http://xxxxxxx

のようにコピーします。

これは手動ではやってられんので、FirefoxのMake Linkアドオンを導入し、

%text%#%url%

を適当な名前をつけて、作成してから該当ページで右クリックして
コピーするとよいでしょう。


環境が構築できたら、
1)ブログを書く
2)ブログのページで右クリック->Make LinkのメニューからタイトルとURLをコピー
3)書いたブログの編集ページを開く
4)/tweetと打ち込む。Tweetボタンのタグが自動でコピペされる
5)編集を終える


となります。