このブログの他に写真日記というのをやってます。そこの最新ポストを表示するプラグインなにかを作ってみようかと。Javascriptで作るかFlashで作るか… はて。どうしようかな。プラグインってことを考えると本文を表示するにはスペースが狭いのでタイトルと写真をを載せるぐらいか。写真の方はFlickrに置いてあるのでサムネイル用の写真を取り出すのは簡単。うーん面白そう。
ライブドアお天気Webサービス Weather Hacks
ライブドアのお天気サービスのAPIが公開されていたのでさっそく作ってみました。Javascriptで作るか悩んだけど、昨日もJavascriptだったんで今日はPHPで。中身の方はRESTでリクエストを出してXMLで受け取ると言うamazonやflickrでおなじみの方法なので割とスムーズに。エリアがダブっているのは一番末端の観測ポイントが都道府県順になっていないため。RESTで呼び出したときに都道府県順にソートした結果を返してくれる機能が欲しい。しかしこんな大変な時期にこんな楽しいものを公開してくれるなんて。ありがとうライブドア♪
→お天気サービスを見る
●おすすめの参考書
→はじめてのPHP言語プログラミング入門
→10日でおぼえるXML入門教室 第2版
→XML Hacks―エキスパートのためのデータ処理テクニック
Posted in PHP
2 Comments
アンニョ〜ン
最近AdiumでICQにも接続しているので知らない人からメッセージが来る。今日は annyung?と韓国語。確かICQのプロフィールに韓国語OKとか書いてたからかなぁ。英語で話しかけたら、ロシア語は出来るけど英語はできないと。よくよく聴いてみるとウズベキスタンの人で韓国語勉強中とのこと。英語通じないんじゃしかたないので懐かしの韓国語で会話。いやー結構憶えてるもんだねぇ。ちょくちょく話しかけてくるようだったら韓国語のテキスト引っ張りだして勉強してみようかな。
Posted in 雑談・日記
Leave a comment
ニュースティッカーとか
昨日作ったTickerを使えばRSSを読み込んでニュースティッカーを作るのも簡単なはず。昼休みにでも作ってみようか。どれぐらいで出来るかチャレンジしてみよう。
と、思ったけど待ちきれないので作ってしまいました。自分でもびっくり、２０分ぐらいで出来ました。
asahi.comで速報ニュースをRSS配信していたのでそれをティッカーとして表示することにしました。
→ニュースティッカーを見る
↓これを買ってからJavascriptいじるのが楽しくてしかたない。オススメです。
Posted in Javascript
Leave a comment
Javascript：Ticker ティッカー
ニュースティッカーが必要だったのでサクサクっと作成。実際に仕事で使ったバージョンはデータをXMLで持つようにしたり、しっかりコメントを入れたりしたんだけど、これはその前のテスト用に作ったバージョンです。面倒なのでそのまま載せちゃいます。あ、DOMの操作をするのにprototype.jsを使ってるのでダウンロードしておいてください（すごく便利だし）。
→Javascript本ランキング＠amazon.co.jp
Javascript部
var text = new Array();
var link = new Array();
var textIndex = 0;
text[0]="4/1：エイプリルフール。";
text[1]="3/31：どうぶつの森で遊ぼうキャンペーン";
link[0]="http://blog.livedoor.jp/shotokan";
link[1]="http://blog.livedoor.jp/dobutsu";
var now=0;
var id;
var id2;
var printMessage="";
function init(){
printKaikaInfo();
}
function printKaikaInfo(){
clearInterval(id2);
id = setInterval(printText,50);
}
function printText(){
var area = $("kaikaInfo");
printMessage += text[textIndex].charAt(now++);
area.innerHTML = printMessage;
if(now > text[textIndex].length){
textIndex++;
if(textIndex > text.length-1) textIndex=0;
now=0;
printMessage="";
clearInterval(id);
id2 = setInterval(printKaikaInfo, 3000);
}
}
HTML部分
<div id="kaika"></div>
+++Javascriptおすすめ本+++
・Ajax逆引きクイックリファレンスWeb2.0対応for Windows & Macintosh
・入門 Ajax
・Ajaxイン・アクション
Posted in Javascript
Leave a comment