PerlとAjaxのフレームワーク とりあえず形に

命名、Paja。
Pajaはすべての通信をAjaxを使って行うアプリケーション用の簡単なフレームワークみたいな物です。
しっかし、サーバ側はある程度定型的な書き方ができるようになっているんですが、クライアント側はまだまだです。
JavaScriptのスキルが全くないので、どういう風にすれば良いかもいまいち思いつきません。
ボチボチ勉強しながら改良していきます。
とりあえず、デモ。 この前のをPajaを使って書き直しました。
http://jjx.xxperlxx.org/~jjx/paja/demo/thebbsxx/thebbsxx.html
で、公開しないと意味ないですよね。 デモにしろ、Paja本体にしろ。 ちょっと体裁を整えてから公開します。
こうご期待!?
ちなみに
PajaはPerl and AJax Applicationの頭文字です。 今日の数学の時間ボーッとそれっぽいのはないかなーと考えました。

はじめてーのクラス

生まれて初めて、JavaScriptのクラスを作りました。
JavaScriptはわかってくるとすごく楽しい……のかもしれない。

var ToggleSwitch = Class.create();
ToggleSwitch.prototype = {
    initialize : function( button, target ){
        this.button = $(button);
        this.target = $(target);
        
        Event.observe( this.button, 'click', this.click.bindAsEventListener( this ), false );
    },
    click : function(event){
        Element.toggle( this.target );
    }
};

<a id="hogehoge" href="dummy">~~~~</a>としたいときってdummyにはなにを入れれば良いんだろう。
#を入れると画面一番上までスクロールしてしまう。

JavaScriptのスキルアップ!んでもって

昨日から今日にかけてJavaScriptばっかりを勉強して、かなりわかってきたように思う。 (物理もやらないとなぁ……)
と、いうことで、先日から作っているフレームワークを完成させようと思います。 がんばるぞぉぅ。
それが終わったらCometとかにも手を出してみたいなー。

JavaScriptでデザインとコードの分離

タイトルの通りです。 JavaScriptでデザインとコードを完全に分離するのは難しいのではないかと、掲示板を作っていて思いました。
(もちろん、ループなどの処理が入る場合、Perlだろうがなんだろうがテンプレートを使わなければ完全な分離は不可能なんですが。)
どうしても、ループの中で、hoge.innerHTML += ...としなければならないことがあります。
これをやるとどうしてもぱっと見洗練されていなくて、野暮ったいコードになっちゃいます。
ということで、テンプレートエンジンでも探してみようかと。
メモ:
blog@slightlyblue:javascriptテンプレートエンジンまとめ
http://slightlyblue.com/blog/2006/05/javascript.html

Jemplateの一択だろうか

JavaScriptのテンプレートエンジンをいろいろと探す中で、一番輝いている感じだったのが、Jemplate
はてなの中の人の記事が詳しいです。
http://d.hatena.ne.jp/naoya/searchdiary?word=jemplate