What's TwittStar?

自分のブログやサイトに設置することで、Twitterアカウントを持った人がFavを付ける事が出来る様になるサービスです。

Sample

Twitterにログインした状態で、下記左のボタンぽいのをクリックしてみてください。(Twitterにログインして無い場合、何も動きません。)
設置例:IKENIE_log

How To Use

使うためには以下の2つのコードをコピー&ペーストして入れていただく必要があります。

htmlの<header>〜</header>部


※:あなたを識別する文字列を適当に入れてください。他人と違えば何でも良いです。twitterアカウントとかブログアカウントとか。

各エントリー部


※:エントリーを識別する文字列を入れてください。ブログであれば独自タグなどを入れる感じになります。文字列であれば良いので、記事IDや日時などでも大丈夫です。

Example

導入例になります。<header>〜</header>部は共通なので省きます。
全ての例で試している訳では無いので、間違ってたらごめんなさい。情報お待ちしてます。

MovableTypeの場合

<script type="text/javascript" charset='utf-8'>twittstar_show("<mt:EntryID>");</script>

WordPressの場合

<script type="text/javascript" charset='utf-8'>twittstar_show("<?php the_ID(); ?>");</script>

JUGEMの場合

<script type="text/javascript" charset='utf-8'>twittstar_show("{entry_sequel_id}");</script>

FC2の場合

こちらを参考にしてください はてなスターのTwitter版!「TwittStar」をFC2ブログに設置する方法

Attension

Firefox、Safari、IEで確認済みですが、動かなかったらごめんなさい。
Twitter APIの仕様でキャッシュ周りに問題がある為、ログインしていてもエラーが出る場合があります。 また、ログインしているかどうかのチェックが出来ていません。
既にサイトやブログにjQuery.jsを設置している場合、上記コードのjquery.jsの行は削除してもらってかまいませんが、 古いバージョンの場合動作しない可能性があります。
予告無しに仕様が変わる事や、提供を中止する場合がありますので予めご了承ください。

ToDo

一言コメントを付けられたら面白いか
usericonsの負荷軽減
デザイン変える
winでアイコンが汚い。対策考える。
エラー処理周りどうにかする
それ以前にモチベーションをどうにかする

Contact

TwittStar*開発日記
作者のtwitter
i [at] ikenie.com