info

category : Twitter
[twitter]reply counter ver2  @ Twitter , JavaScript , ajax 2010年8月9日

あなたが誰に何回ツイートしたか調べます。OAuth認証バージョン。
最近フォローした100人まで、過去3200ツイートまで調べることが出来ます。
OAuth認証なのでツイート非公開の人も使えます。
逆に自分以外のIDは使えません。 -> 速攻で修正。friendのIDなら使える。
前回のものより正確。※Twitterのサーバの調子による。
前回のものよりサーバに優しい。

reply counter ver2


[twitter]twitterクライアント作った  @ Twitter , JavaScript , ajax 2010年7月19日

OAuth認証ってどうやるんだろうと思い、OAuth認証の勉強のついでにtwitterクライアントを作りました。
普段twitterを使うときはmonkeyflyというアドオンを使っているのですが
タブを追加すると重いのが不満でした。
というわけでなるだけ描画が軽くてマルチタブ出来るクライアントを作りました。
制作期間6日で作ったので何か不具合あるかもしれません。

※7/20 twitterサーバに障害が発生しておりログインできません。
詳細:http://status.twitter.com/
直ったみたいです。

[update] 7/23 セッション、クッキーまわりを修正。
[update] 7/27 不具合を修正。safari5に対応。
[update] 7/28
暫定的にTwitpicタイムラインに対応。
TwitpicにTwitterと同じIDでアカウントを作ってある場合「+」にTwitpicが現れる。

[update] 8/2 「more」の不具合を修正。
[update] 8/6 誰宛か明確にした。
[update] 8/9 後回しにしてた諸々を実装。
[update] 8/11 色々改装。IE8に対応。「retweet_by_me」に「undo」を追加。
「@somebody」を追加。reply tracerの機能を実装。

[update] 9/15 こっそりTwitpicTLの不具合を修正。
[update] 10/28
「@somebody」「Twitpic」廃止。
モバイルに対応。見た目を細かく修正。

[update] 11/08
押し間違いやすかったretweetをツイート下部へ。
favoriteとかretweetとか出来ない不具合修正。
bookmarkをfavoriteへ。

[update] 11/17 リツイート系にdetail追加。誰がリツイートしたかわかる。

WindowsXPの下記のブラウザで動作を確認しました。
Firefox3.6
Google Chrome5.0.375.99
SRWare Iron4.0.280
Safari5.0

「sign in with twitter」をクリックすると
twitterのサイトにリダイレクトされるのでアプリケーションを許可してください。
上部の「+」から追加したいタブを選択してください。
上部のauto updateの値が自動更新の間隔です。0にすると自動更新はしません。

[twitter]twitterを使ったサイト #03  @ Twitter 2010年5月28日

ソニー – VAIO P – COMING-OUT NOW!!
http://coming-out.sony.jp/
自由なスタイル VAIO P。あなたの友人が好きそうな曲を送ったり、
自分を表現したオリジナルムービーを作ろう。

Sony Style – 好奇心が、つながっていく。.clock(ドットクロック) ソニーストア 名古屋
http://ss.jp.sonystyle.com/Store/Special/Dotclock/index.html
好奇心が、つながっていく。.clock(ドットクロック)あなたの「今」の好奇心と、
だれかの「今」の好奇心がつながっていく時計。新しい好奇心に出会ってみませんか?

UNIQLO LUCKY LINE
http://www.uniqlo.com/jp/#line
行列エンタテーメント!

[twitter]twitterを使ったサイト #02  @ Twitter 2010年5月21日

COLOR TWEET!
http://www.uniqlo.com/colortweet/
上海旗艦店のキャンペーンサイト「UNIQLO 88 COLORS」で、Twitterと連動した動画コンテンツ
たのしい。

Nike Football – WRITE THE FUTURE 未来をかきかえろ
http://nike.jp/football/future/
闘う気持ちをTwitterで刻め。
熱い。

IS Parade
http://isparade.jp/
twitterのフォロワーとパレードしよう! Presented by IS series
おもしろい。

なにかにキクぜ。|glacéau vitaminwater
http://glaceau.jp/
欧米で海外セレブを中心に大ヒット中、NY生まれのスタイリッシュでファッショナブルな
「glaceau vitaminwaterR(グラソー ビタミンウォーター)」が2009年7月、いよいよ東京デビュー!
おいしい。

[twitter]reply counter  @ Twitter , JavaScript , ajax 2010年5月14日

あなたが誰に何回ツイートしたか調べます。
最近フォローした100人まで、過去3200ツイートまで調べることが出来ます。
twitterAPIを一回だけ使用します。

追記
少し修正しました。
・最近フォローした100人まで → フォローしている人全員
・twitterAPIを一回だけ使用します。 → twitterAPIを使用しません。

reply counter


次の更新は6月の予定

[twitter]twitterを使ったサイト #01  @ Twitter 2010年4月27日

情熱の系譜:テレビ東京
http://jkeifu.jp/
公式説明:「情熱の系譜」の紹介ページです。
現在テレビ東京で放送中の「情熱の系譜」スペシャル企画として
あなたのつぶやきで「最強の情熱を持つDNA」を生み出そうとしています。
集まったフレーズは番組スペシャルサイトにて巨大なDNAの一部に!?

ウイダーなう。駅伝
http://tanoshime.jp/ekiden/
公式説明:Twitter上の「ウイダーなう。」というつぶやき1回を3km走ったとして計算、
みんなで日本一周を目指すプロジェクトです。

UTweet!
http://www.uniqlo.com/utweet/
UTスペシャルサイト
twitterのアイコンでユニクロのCMに参加してるみたい。

IS series
http://au-is.jp/
IS seriesの携帯電話のスペシャルサイト。
たのしい。

おもしろい。

[twitter]friends visualizer on GoogleMap AJAX version  @ Twitter , JavaScript , ajax 2010年4月26日

前々回のエントリーで
flashが重いとのご意見を頂いたのでAJAXで作ってみました。
・・・AJAXでも重い。線引くと。

地図ドラッグ:全体移動
サムネクリック:対象のtwitterページを開く
マウスホイール:ズームインアウト

friends visualizer on GoogleMap AJAX version

さて、次のは何を作ろうか。

[twitter]dokoitter どこいったー?  @ Twitter , PHP , JavaScript , ajax 2010年4月19日

おつかれさまです。

追記
※このコンテンツは2010年6月30日のTwitterのBASIC認証廃止と同時に使用不可になります。
TwitterのBASIC認証廃止、企業ユーザーが知っておくべきこと

twitterの設定で「ツイートに位置情報を入れる」にチェックしても
位置情報を一緒に送信してくれるものが手元に無かったので作りました。
モバツイのイマココでは出来ませんでした。
未確認ですがiPhoneを持ってる人は、GPSTwitあたりを使えば位置情報を
送信、確認できると思います。
dokoitterPCバージョンならGoogleMapで位置を指定して送信できます。
とりあえずどんなものか見たいって人は、ユーザ名に「frasio_report」と入れて、
パスワードは何も入れずにログインをクリックしてみてください。



今回JSONデータ形式とか、モバイルサイトの作り方とか、GoogleMapVersion3とか、
PHPの暗号化、復号化とか、OAuth認証とか
やってたら工数が倍になり、制作に2週間もかかってしまいました。
得るものはたくさんあってなかなか楽しかったです。

モバイルサイトのほうは下記の機種で動作を確認しました。
新しめの携帯なら使えると思いますが、よくわかりません。

au : W53CAで動作を確認しました。
docomo : iモードHTMLシミュレータIIで動作を確認しました。(あてになるのかなこれ)
 ※追記 うまく動かなかったのを修正しました。P906で動作を確認しました。
SoftBank : 820SHで動作を確認しました。
willcom : 確認してません。情報求む。

使い方は下記を参照してください。




今回参照したサイト一覧(順不同)

PHP: PHP マニュアル
http://www.php.net/manual/ja/

Raizlabs – GPS Twit
http://www.raizlabs.com/software/apps/gpstwit

The Google Maps API V3 – Google Maps JavaScript API V3 – Google Code
http://code.google.com/intl/ja/apis/maps/documentation/v3/

Google Code – Google Maps API
http://code.google.com/intl/ja/apis/maps/

SDN Project – PHP+OAuthでTwitter
http://www.sdn-project.net/labo/oauth.html

そふぃのphp入門
http://nyx.pu1.net/

Twitlogo
http://www.twitlogo.com/

[観] Twitter API 仕様書 (勝手に日本語訳シリーズ)
http://watcher.moe-nifty.com/memo/2007/04/twitter_api.html

りょーちの駄文と書評 – Twitter APIをphpで使う方法(サンプル)
http://ryouchi.seesaa.net/article/40073217.html

Knowledge Database IT – 3キャリアごとのXHTML用ドキュメントタイプ
http://it.kndb.jp/entry/show/id/2393

携帯GPS機能が扱えるPEAR::Net_UserAgent_Mobile_GPSを使ってみました | 携帯サイトをつくろう。
http://www.plusmb.jp/2008/12/19/1816.html

ウノウラボ Unoh Labs: PHPで暗号化・復号あれこれ
http://labs.unoh.net/2007/11/php_de_crypt.html

Net_UserAgent_Mobile
http://pear.php.net/package/Net_UserAgent_Mobile

GPS携帯 位置情報 基礎知識
http://www.yaskey.cside.tv/mapserver/note/gps.html

PHP TIPS:ITpro – 96. 携帯電話でGPSデータを取得してみよう
http://itpro.nikkeibp.co.jp/article/COLUMN/20080703/310053/

QRコード(二次元バーコード)作成【無料】
http://www.cman.jp/QRcode/

3キャリア対応サイトを作る 携帯サイトを作ろう! -ちょっと詳しいモバイルサイトの作り方-
http://dspt.blog59.fc2.com/blog-category-5.html

CSS Lecture – CSSで中央配置(センターリング)する方法
http://www.css-lecture.com/log/css-beginner/026.html

加藤貴之Wiki – howto/RSA
http://katotakayuki.jp/wiki/index.php?howto/RSA

Schwarz Lanzenreiter – 暗号化アルゴリズム Blowfish を JavaScriptで
http://user1.matsumoto.ne.jp/~goma/js/blowfish.html

【HTMLタグの簡単検索】TAG index – ホームページ作成情報
http://www.tagindex.com/index.html

Load Info – gif generator
http://loadinfo.net/

NTTドコモ – iモードHTMLシミュレータII
http://www.nttdocomo.co.jp/service/imode/make/content/browser/html/tool2/

さて、次もtwitter関連で行こうと思います。

[twitter]friends visualizer on GoogleMap  @ Twitter , FlashAS3 , Flash DEMO 2010年3月31日

追記
※このコンテンツは2010年6月30日のTwitterのBASIC認証廃止と同時に使用不可になります。
TwitterのBASIC認証廃止、企業ユーザーが知っておくべきこと

前回エントリーしたflashをグレードアップしました。
といってもGoogleMap上にアイコン置いてるだけなんですが。
twitterのプロフィールの現在地の設定から緯度経度を取得し、
GoogleMap上にアイコンを表示します。
緯度経度が取得出来なかった時は、太平洋上に表示されます。
前回と同様にtwitterでフォローしあってる人を次々に表示していきます。
1人から出てくる人物は5名までに制限しています。
twitterAPIを使用しない方法に変更しました。
レスポンスは悪くなりましたが、pc負荷に耐えられる限り
twitterの輪を広げていけます。

ちなみに、現在地の設定によっては
予想外の場所に配置されるのでおもしろいです。
「地球」→オーストラリアのウルル-カタジュタ国立公園
「雲の上」→上海
「Koube」→アフリカのど真ん中
「南の島」→アメリカのノースマニトゥー島

ステージドラッグ:全体移動
サムネクリック:対象のtwitterページを開く
マウスホイール:ズームインアウト

friends visualizer on GoogleMap


さて、次は何を作ろうか。