2010年08月29日

twicliの設定

 最近、面白いと思って使い始めたTwitterクライアント。

twicli - A Web Browser-Based Lightweight Twitter Client

 これはアプリケーションソフトではなく、Webブラウザ上で動くTwitterクライアントで、次の特徴がある。
  • ソフトをインストールする必要がない。
  • WindowsやMacなど機種を問わず使える。
  • Firefoxなどでは、タブやサイドバーでも使用可能。
  • ブラウザの設定や拡張機能を利用できる。
  • 検索結果やリストをタブで表示・管理、API残り使用数表示など多機能。
  • Javascriptによるプラグインを追加可能。
  • スタイルシートの変更により、表示を自由にカスタマイズできる。

 でも欠点として、
  • ブラウザのCookieをクリアすれば、twicliの設定も全てクリアされる。
    そのため、設定内容はどこかに記録しておくなどバックアップが必要。

 特徴も欠点も、まさにブラウザならでは。
 私がこれを面白いと思って使い始めた理由が、スタイルシートによる表示のカスタマイズ。Webページのスタイルシートと同じものなので、かなり細かい部分まで修正できる。
 それで、色々と試して自分好みにしたものをここに掲載してみる。
 ていうか、そもそもの趣旨は、欠点として書いた「どこかに記録しておくなどバックアップが必要」を、自分のブログでやるためw

スタイルの設定

「+」タブ → 「Preferences」 → 「user stylesheet」の項目に、次のものを入れる。
a { text-decoration: none; }
a:hover { text-decoration: underline; }
.status { font-size: 14px; }
.tw { background-color: #f5f5f5; }
.tw-parent > div > div { padding: 5px; }
.uid { font-weight:bold; }
.uname { display: none; }

 スタイルの意味は、上から順に、
  • リンクに下線を表示しない
  • マウスカーソルをリンクの所に合わせると下線表示
  • タイムラインの文字大きさを指定
  • タイムラインの背景色を指定
  • 各ツイート間に隙間を入れる
  • IDのフォントを太字で表示
  • ユーザー名を不表示

 できるだけ、いつも見慣れたTwitterのWebページに近い表示にしてみた。Webに近い感覚で見れて多機能と、私にとってはかなり理想的。

 あとこれ以外にも見つけた設定をメモ書き

  • アイコンサイズ指定
    .uicon { width: 40px; height: 40px; }
  • 行間指定
    .status { line-height: 1.3em; }
  • ユーザー名の文字を小さく
    .uname { font-size: x-small; }

ブックマーク登録

 作者様のページからtwicliを起動させるとポップアップウインドウで出てくるけど、これをブックマークから自分の好きな枠の大きさで出せるようにした。

 ブックマークのサイドバーやツールバーから「右クリック → 新しいブックマーク」で新規ブックマークを作成、URL欄に次のものを入れる。
javascript:void(window.open('http://twicli.neocat.jp/twicli.html', 'twicli', 'left=0, width=400, top=350, height=750, menubar=no, toolbar=no, location=no, status=no, resizable=yes, scrollbars=yes'));

 この中のleft , top , width , heightの数値で窓枠の開始位置と大きさを指定するので、これを変えて好きな大きさと場所に表示させるのがいいと思う。

 また、ブックマークのURLを
http://twicli.neocat.jp/twicli.html
だけにすると、twicliをタブで表示。
Firefoxでは「サイドバーに読み込む」にチェックを入れておくと、サイドバーに表示する事ができる。



タグ:twicli twitter

posted by 司隆 at 15:49 | Comment(0) | TrackBack(0) | Internet
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]


この記事へのトラックバック
×

この広告は180日以上新しい記事の投稿がないブログに表示されております。