Hatena::ブログ(Diary)

NAT’s Programming Champloo このページをアンテナに追加 RSSフィード

2010-07-03

[][] Twitterクジラの絵を変えるGreasemonkeyスクリプトを作ってみた

Twitter のクジラを萌えにしてみた - すめるまん Broken Diary

これを見て思いついた。あまり見たくないover capacityのクジラの絵も、自分の好きな絵に変えられたら、ちょっと楽しくなるかも。

というわけで、あのクジラの絵を変えられるようになるGreasemonkeyスクリプトを作ってみた。これを使うと、こんな感じになる。

f:id:NAT_programming:20100704021431p:image:w400


使い方

1. Greasemonkeyスクリプトインストールする。

以下のリンクからスクリプトダウンロードします。

replacetwitterwhaleimage.user.js

Firefoxでしか動作確認してないので、他のブラウザで動かなかったらごめんなさい。


2. Twitterのover capacityのページを開く

以下のリンクをクリックする。

http://twitter.com/503


3. Change Imageリンクをクリックする

クジラの絵の下に、"Change Image"リンク(図の黒い部分)が追加されているので、それをクリックする。

f:id:NAT_programming:20100704021429p:image


4. ダイアログに画像のURLを入力する

f:id:NAT_programming:20100704021430p:image

変えたい絵のURLを入力してOKを押すと、絵が変わります。

元のクジラの絵に戻したいときは、何も入力せずにOKを押します。


クジラの絵を探した場所

【鯖じゃなくて鯨】Twitterのクジラやらが大変なことになっている画像【もう限界です】 - NAVER まとめ

クジラの絵は、この辺りで見つけました。

Googleとかの画像検索でも見つかるかもしれません。


補足:画像URLの記憶方法

画像URLは、クッキーを使って覚えています。クッキーのキー "_whaleImage" に画像URLを格納してます。

クッキーの有効期限を1年に設定しているので、over capacityのページに1年に1回は訪れていれば、画像が元に戻る事はないはずです。1年以上クジラに出会えなかった(あり得ないと思うけど・・・)場合には、画像のURLを忘れて元に戻ってしまいます。