半年以上遅れているが,Twitterをはじめてみた。Gtalkで投稿できたり,Firefoxのアドオンでも投稿可能。さらに,携帯電話でも投稿できるらしいので,何かと続けられるかもしれないと思っている。
Tagchan - Twitter
http://twitter.com/tagchan
そして,Twitter APIを使って,自分のウェブサイトに最新の1行+時間を表示させてみた。ちょうどタイトルの真下あたりに表示される。APIではJSONによる出力があるので,簡単に表示可能だった。
Twitterには,表示のためのスクリプトが公開されているのだが,これをちょっと改変する。まず,こちらにアクセスして,Otherをチェック。さらに,次のページでHtml/Javascriptを選択すると,貼り付け用のコードが表示される。このなかの,
http://twitter.com/javascripts/blogger.js
を改変するのだ。このjsファイル中のtwitterCallback2がJSONのオブジェクトになる。そして,その下のrelative_timeが時間表示の部分である。これをこんなふうに改変した。relative_timeの方はそのままである。
なお,この改変はGoing My Wayさんのエントリの一部を参考にさせていただいた。
そして,html内に以下を貼り付ける。USER IDに自分のIDを入力するのである。
<div style="font-size:10px;" id="twitter_div"><a href="http://twitter.com/USER_ID" style="font-size:10px;">Twitter</a> Status : <span id="my_twitter_status"></span></div>
<script type="text/javascript" src="http://www.tagchan.net/twitter.js"></script>
<script text="text/javascript" src="http://twitter.com/statuses/user_timeline/USER_ID.json?callback=twitterCallback2&count=1"></script>
自サイトにアップしたJSファイルを更新。携帯から更新できるMovaTwitterでGPSなどを使うと"L:"以下に住所が表示できるので,これを利用して,ウェブサイトにGoogle Mapsへのリンクを貼ってみた。
文字列をURLエンコードして,エンコードした文字列から,Google Mapsで表示させるためのURLを作成し,"L:"以下の文字列にリンクを貼るようなタグを埋め込むだけである。
トラックバック(0)
このブログ記事を参照しているブログ一覧: Twitterをはじめてみた
このブログ記事に対するトラックバックURL: http://www.tagchan.net/cgi/mt/mt-tb.cgi/128

コメントする