JavaScript Archive

ただの２番煎じですが、google buzz がサービス停止するということで、google buzz のつぶやきをエクスポートしたものをストリームっぽく垂れ流すようにしました。

http://www.toshipon.com/sample/buzz/buzz/index.html

以下で google buzz のつぶやきをエクスポートできます。
https://www.google.com/takeout/

まず、ひとつひとつのつぶたきが日本語名のhtmlファイルなので、ファイル作成日でrenameします。

count = 0
Dir::foreach('./buzz') { |f|
    count = count + 1
    time = Time.now
    from = './buzz/' + f
    mt = File::mtime('./buzz/'.concat(f))
	to = './buzz/' + format("%04d", mt.year) + format("%02d", mt.month) + format("%02d", mt.day) + format("%02d", mt.min) + format("%02d", mt.sec) + ".html"
	if File::ftype(from) == "file"
       File::rename from, to
    end
}

renameしたhtmlファイルのファイル名を一括でfiles.jsonの中に一覧で取り込み
文字列置換で適当にjsonフォーマットに変換します。

ls >> files.json

その後、jsでhtmlファイルを読み込み垂れ流してみます。

$(function(){
	console.log("script.js start");
	$.ajax({
		url : "http://www.toshipon.com/sample/buzz/buzz/buzz/files.json",
		//dataType : "json",
		success : function(file){
			file = JSON.parse(file);
			popBuzz(file);
		}
		});
	var i = 0;
	function popBuzz(file) {
		if (file.length === i+1){ return; }
		setTimeout(function(){
			$("#content").prepend($("
").load("http://www.toshipon.com/sample/buzz/buzz/buzz/"+ file[i]));
			i++;
			if ($('#content li').length > 10){$('#content li:last').remove();}
			popBuzz(file);
		}, 2000);
	}
});

簡単ですね。

ソースはこちら。 https://github.com/toshipon/buzz

参考
さよなら Google Buzz

初の勉強会に行ってきました！最初はすごい緊張したけど皆さんの話はかなり勉強になりました！

勉強会内容

• id:GegegeMokekeさんのJavaScriptの基礎
• id:cimadaiさんのjQuery使ってモテる！
• prototype.js 1.6 を読む。５分の１読んだ！むずかしー！

JavaScriptを仕様から学ぶ機会が無かったのでJavaScriptってこうなってたのか！と驚くばかりでした。そしてjQueryは簡単な記述でかっこいい動きができまくり！プラグイン使えばもっとかっこいい！こりゃモテるｗ

それと、勉強会はいろんな方々のお話が聞けたことがよかった！僕の２まわりぐらい（？）人生の先輩もいらしたのですが、かなりお話がアツかったです＞＜　
人生とプログラムという観点でモノを考えたことがなかったので結構衝撃を受けました！
プログラムを書いてる人たちとはどういった考えを持ってるのだろうとか、そういう思いで勉強会に参加されたとか、車をご自分で作られて東京⇔横浜間を試運転されたとかすごい方でした＞＜

別のエントリーでノートに走り書きしたのをまとめようかと思います。
いやーすごいよかったです！もっと外にでなきゃと思いますた！＞＜

仕事で使うJavaScript。でも本屋さん行ってもHP作成用の浅い表面的な知識が書いてある本ばかり。もっと詳しいコトが知りたい。そう思う今日この頃。

JavaScriptに関する記事でこんなのを見た。

とても”奇妙”なJavaScriptの配列： JavaやCとは違うのだよ

この記事によるとJavaScriptの配列はハッシュテーブルのようなものらしい。正しくはJavaScriptの配列はすべて連想配列というものらしい。知らなかったorz なのでこのような記述が可能。

var a = new Array(3);
a["b"] = "c";
alert(a["b"]); 　　　　　　　　　// c　が表示される
a[0]= "d";
alert(a[0]);　　　　　　　　　　　// d が表示される
alert(a["0"]);　　　　　　　　　　// d が表示される

上の記述を見ると数値をキー値にすると文字列のように認識されるよう。なのでキー値を1.11みたいに小数点付きにしても”1.11″という感じに捉えられるので問題ないみたい。

また、普通の配列のみたいに

var e = ["f", "g"];
alert(e[0]);　　　　　　　　　　　// f が表示される
alert(e["0"]);　　　　　　　　　　// f が表示される
alert(e[1]);　　　　　　　　　　　// g が表示される

みたいにできる。JavaScriptは奥が深い。もっと詳しく知るべきだと改めて思いますた。。

やっとヘッダーにフラッシュ読み込ませることができました。いろいろてこずったーorz

まず、パーミッションの問題でつまずいてしまった。WordPressのプラグインでOneClickってのがあるんだけどそれを使ってプラグインのファイルやテーマのファイルをアップするとそのファイルの権限が”apache”になってしまうのでそのファイルを編集しようと思ったらWordPressの管理ツールからしか編集ができない。

つまりFFFTPツール等のFTPツールでは権限（デフォルトでは）が割り当てられていないためそのファイルのパーミッションの変更もできないし削除や書き換えもできない。

それがわからなかったからOneClickでテーマに登録してCSSをFTPツールでいじろうとして権限がないって弾き飛ばされてなんでやーーーってなってたんだけど、なんとか仕組みがわかって解決しました。

パーミッションとかの基礎知識はこちらの記事をご参考に。

あと、サブドメインを取得してこのblog用に新しいURL設定しました。↑
http://www.toshipon.com→http://blog.toshipon.com/になりました。
前のURLは今のとこ当分使う予定は無いのでJavaScriptで自動で新しいページに移動するようにしました。

<script type="text/javascript">
<!--
location.href="http://blog.toshipon.com/";
//-->
</script>

これをhtmlのどっかに適当に貼り付けるとズバッと飛ぶようになります。便利。

でだして結構いろいろ大変だったけど新しいことをするのは楽すぃ。ちょっとずつ勉強してこつこついろいろ作っていきます。