Web scratch

Twitterのウェブサイトをクライアントとして使うのに役立つGreasemonkeyとCSS | Web scratch

http://efcl.info/2009/0317/res613/

以前書いたような記事と似たような記事を書きましたが、今回はシンプルにサイドバーでTwitterのWebページを表示する方法です。
Greasemonkeyがサイドバーでも動作するようになったので、かなり快適になり、またWebページを表示するだけなのでAPIを使わないのが特徴です。

最終的な似た目

まずはCSSでサイドバーに合わせた形にする必要があります。

nukumori wiki – Firefoxのサイドバーでtwitter.comするCSS

http://nukumori.org/hiki/?TwitterSidebarCSS

にあるCSSを使ってサイドバーに合わせたものにしていきます。
使い方は書いてあるのでそれをよく読んでCSSを反映させます。
(ブックマークするのはhttp://twitter.com/?sidebar という適当なクリエを付けたURLです。
http://twitter.com/だと通常見るときと混ざってしまうため。)

ブックマークではなくCustom Buttonsを使ってtwitterをサイドバーに表示するボタンを作成する方法もあります。
Twitterをサイドバーに表示するボタンを作成しておきました。

• Twitter sidebar

• userChrome.css
  少し自分向けに修正したCSS(通常のTwitterページ向けも混ざってる)

次により使い易くするためのGreasemonkeyを入れていく。

• Twitter Enhancements: Press Ctrl + Enter to Send Update.user.js

Ctrl+Enterでポストする。

• Twitter Change Style.user.js

自分の投稿や、特定のワードが入ってる投稿を色分けする
tyoro.exe: 投稿内容からマッチングしてスタイル変えるグリモン書いたよ！

• TwitterAutoReloader.user.js

自動更新の差分を自動で取得
Twitter webの自動差分更新Greasemonkeyスクリプトを書いてみた « H.LOG

自分は入れてませんが基本的にはTwitterのWebページと同じなので、

• PBTweet+
• troynt’s Twitter Script

など入れるのもありかもしれない。

Related posts:

1. Twitterのウェブサイトをクライアントとして使うのに役立つGreasemonkeyとCSS
2. TwitterのユーザーページからTwilogをチェックするGreasemonkey
3. Post Now browsing to TwitterをOAuth認証に対応しました
4. twitterでフォローボタンを押したらフォローしたことを発言するGreasemonkey
5. Twitterへ見ているサイトを投稿するGreasemonkey「Post Now browsing to Twitter」更新