あろえの誕生日

どうも、塩内藤です。

12月10日は、あろえ4回目の誕生日

いつものようにｹｰｷ待てからの写ﾒ


あろえだけじゃかわいそうなので、つくしのｹｰｷ(ちょい小さめ)も購入

つくしはｹｰｷ待てが出来なくてｼﾞﾜｼﾞﾜ近寄ってくるｗｗｗ
というか、ふせすらできてない、、、

closure

どうも塩内藤です。

昨日の続き

現場の人にﾊﾟﾀｰﾝ2でｸﾛｰｼﾞｬｰ作成でどうとでもって書いたら、「具体的にどんやんの？」って聞かれたのでその方法

ｸﾛｰｼﾞｬｰとは？って言われると自分もちょっと、、、
きっと、ある関数(無名関数とか)を他の関数の内部で宣言して、内部の関数から外側の関数のローカル変数を参照する。とかそんな感じｗ

んでは、実際のｿｰｽを以下に書いてみます。

UIUtil.js (ｸﾛｰｼﾞｬｰ生成用のutilﾌｧﾝｸｼｮﾝを別scriptに定義)

var UIUtil = function () {
};

UIUtil.prototype.createClosure = function (instance, callBackFunction) {
	return function () {
		callBackFunction.apply(instance, arguments);
	};
};

昨日のﾊﾟﾀｰﾝ2をちょい変更してｱﾗｰﾄ出すだけのﾌｧﾝｸｼｮﾝを作成
ｱﾗｰﾄ表示のﾌｧﾝｸｼｮﾝを呼び出すために、ｸﾘｯｸｲﾍﾞﾝﾄのﾊﾝﾄﾞﾗｰ設定時にｸﾛｰｼﾞｬｰを生成
※onHogeClick内のthisをPageControlにする

var PageControl = function () {
	this.initialize();
}

PageControl.prototype.initialize = function () {
	this.bindEventListener();
};

PageControl.prototype.bindEventListener = function () {
	$("#hoge").click(UIUtil.prototype.createClosure(this, this.onHogeClick));
};

PageControl.prototype.onHogeClick = function (e) {
	this.doAlert($(e.currentTarget).val() + "がクリックされたよー");
};

PageControl.prototype.doAlert = function (msg) {
	alert(msg);
};

$(function (){
	$.extend({controller : new PageControl()});
});

これでOK
言葉では説明できないけどとにかくこんな感じ！

どっちがいいかと思ったが、、、

どうも、塩内藤です。

昔はHTMLでWEBﾍﾟｰｼﾞを作成する時に、DOMの制御をHTMLのhead部に直接書くというのが結構普通だった気がするんですが
ここ最近ではjQuery等のjs用ﾗｲﾌﾞﾗﾘを使用することも多くなり、HTMLと対になるscriptファイルを用意し、その中に処理をまとめるのが一般的みたいです。

で、その処理をまとめたscriptの書き方に最近ちょっと悩んでいます。

個人的には下の2ﾊﾟﾀｰﾝのどちらかと思うのですが、、、
※jQuery使用が前提

ﾊﾟﾀｰﾝ1：無名関数

(function ($) {

$(document).ready(initialize);

function initialize() {
	bindEventListener();
};

function bindEventListener() {
	$("#hoge").click(onHogeClick);
}

function onHogeClick(e) {
	alert($(e.currentTarget).val() + "がクリックされたよー");
}

})(jQuery);

ﾊﾟﾀｰﾝ2：制御用のﾌｧﾝｸｼｮﾝ作成

var PageControl = function () {
	this.initialize();
}

PageControl.prototype.initialize = function () {
	this.bindEventListener();
};

PageControl.prototype.bindEventListener = function () {
	$("#hoge").click(this.onHogeClick);
};

PageControl.prototype.onHogeClick = function () {
	alert($(e.currentTarget).val() + "がクリックされたよー");
};

$(function (){
	$.extend({controller : new PageControl()});
});

ﾊﾟﾀｰﾝ1
・処理が無名関数内にあるので他scriptを読み込んだ時に衝突しない。
・どうしてもHTMLから処理script内のﾌｧﾝｸｼｮﾝを呼び出したい時に困る

ﾊﾟﾀｰﾝ2
・衝突の可能性があるが、ﾌｧﾝｸｼｮﾝ名だけなのでなんとかなりそうな気がする。
・$.controllerとして制御用のﾌｧﾝｸｼｮﾝｵﾌﾞｼﾞｪｸﾄを保持しているので外部から呼び出し可能

と、違いを書いてる途中なんですが、やっぱりﾊﾟﾀｰﾝ1かなと思いはじめました。

ﾊﾟﾀｰﾝ2だとｲﾍﾞﾝﾄﾊﾝﾄﾞﾗ内から別のﾌｧﾝｸｼｮﾝ呼び出したい時にちょっとめんどくさい
※ﾊﾝﾄﾞﾗでのthisがｲﾍﾞﾝﾄ送信元ｴﾚﾒﾝﾄになってるから、、、
まぁこれに関してはｸﾛｰｼﾞｬｰ作成すればどうとでもなりますが、ｲﾍﾞﾝﾄﾊﾞｲﾝﾄﾞ時に毎回ｸﾛｰｼﾞｬｰ作成とかちょっと、、、みたいになりそう

あと、ﾊﾟﾀｰﾝ1は外部から呼び出しに困るとか書いたけど、そもそも呼び出す事ないと思うし衝突しないのはやっぱりﾃﾞｶｲ


ということで、ﾊﾟﾀｰﾝ1に決めました。
もしくは、他にいい記述方があったら誰か教えてください。

SpringJUnit4ClassRunner

どうも、塩内藤です。

Spring配下にあるBeanのテスト

JUnit使ってユニットテストする際にApplicationContextをアノテーションで設定できるということを最近知った。。。
どういう事かというとSpringが単体テスト用の部品も持っていて
SpringJUnit4ClassRunnerっていうのを使うと自分でApplicationContextを作成するコードを記述しなくてよくなる。

たとえば下みたいなクラスがあるとして

package test.validator;

import org.springframework.stereotype.Component;

@Component
public class FooValidator {
    public boolean validate() {
        return true;
    }
}

今までは下みたいな感じで書いてた

package test;

import junit.framework.TestCase;

import org.junit.Test;
import org.springframework.context.ApplicationContext;
import org.springframework.context.support.ClassPathXmlApplicationContext;

import test.validator.FooValidator;

public class FooValidatorTest extends TestCase {

    private FooValidator validator = null;

    @Override
    protected void setUp() throws Exception {
	// ClassPathXmlApplicationContextを使用してコンテキストファイルを読み込む
        ApplicationContext context = new ClassPathXmlApplicationContext("classpath:test/test-context.xml");

	// コンテキストからテスト対象のBeanを取得する
        validator = context.getBean(FooValidator.class);
    }
    
    @Test
    public void testCase1() {
        assertTrue(validator.validate());
    }
    
}

しかし、知ったあとは、、
アノテーション指定でコンテキスト設定してるので
AutowiredでApplicationContextのDIも可能
当然ながらFooValidatorへのAutowiredはApplicationContextの自動設定部分を削除しても動作します。

package test;

import junit.framework.TestCase;

import org.junit.Test;
import org.junit.runner.RunWith;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.context.ApplicationContext;
import org.springframework.test.context.ContextConfiguration;
import org.springframework.test.context.junit4.SpringJUnit4ClassRunner;

import test.validator.FooValidator;

@RunWith(SpringJUnit4ClassRunner.class)
@ContextConfiguration(locations = { "test-context.xml"})
public class FooValidatorTest extends TestCase {

    @Autowired
    private ApplicationContext context = null;
    
    @Autowired
    private FooValidator validator = null;
    
    @Test
    public void testCase1() {
        assertTrue(validator.validate());
    }
    
}

○注意点
・JUnit4より前のバージョンではRunWithアノテーションを持っていないため、JUnit4.xのみで使用可能
・Spring2.5.xでは、SpringJUnit4ClassRunnerはJUnit4.4以前のバージョンにしか対応していないため、JUnit4.4を使用した方がいい


ちなみに今回はSpring3.0のJUnit4.10で実行しました。

Canada Cup 2011 トレーラー

ｶﾅﾀﾞｶｯﾌﾟの新ﾄﾚｰﾗｰ

金ﾃﾞｳﾞさん。。。
ﾁｰﾑJapan2紹介部分
???の下にKAZUNOKOって一瞬出るけど、行くのかなぁ？
ちうかeLiveに入るの？

煽りV

ついに格闘ｹﾞｰﾑの対戦にも煽りVがｗｗｗ

ﾌﾟﾛﾚｽ的な感じでいいと思う

10.27 22:00〜　http://ja.twitch.tv/topangatv
マゴ vs ふ〜ど






あと、この動画がいろいろかっこいいｗ

GODSGARDEN#4 感想戦

GODSGARDEN#4 感想戦

やっぱり感想戦ｲｲ
解説してもらうとよくわかる





さらに来てた

第2回 TOPANGA 動画

どうも、塩内藤です。

第2回 TOPANGA会の対戦動画が届きました。
※なんか両方の動画共に1試合目の音がずれてました。

自分は2回目ということもあり、今回はやってて苦手なｷｬﾗを選んでもらって対戦を行いました。

ﾏｺﾞさん
ﾌﾞﾗﾝｶ、ﾙｰﾌｧｽ、ﾛｰｽﾞ

ときどさん
ｾｽ


今、見直すと全然ﾀﾞﾒですねぇ、、、ﾌﾞﾗﾝｶ戦とかﾏｼﾞでひどい、、、
ﾏｺﾞさんにﾌﾞﾗﾝｶはｻﾌﾟﾗｲｽﾞﾌｫﾜｰﾄﾞ出してきたら立投げ擦っとけって言われたんで、次はそこを気をつけようと思います。

ﾛｰｽﾞ同ｷｬﾗに勝てたのはよかった。


ｾｽはなんかもうよくわからなかったです。。。
一回勝確の状況で強Pのみ当ててﾅﾒﾌﾟみたいになってますが、実際は緊張して屈強Pのｷｬﾝｾﾙできない部分あてちゃった。。。

こうして見るとｷｬﾗ対とかいうまにまだまだﾇﾙすぎなんで、、、基礎をもうちょい練習ですねぇ


次回あったらまた行くｗｗｗ

TEはよ！

どうも、塩内藤です。

ついにTEが届きました。

ﾃﾞﾗうれしい！！１１１！１１

あとはこれにMAD CATZﾌﾟﾛ3人のｻｲﾝが加われば完璧！







PS:
一緒に購入を勧めてくれたｺﾝﾃｽﾄさんには海外ｻｲﾄからの注文、輸入代理店への登録、ﾄﾗﾌﾞった時、、、全ての対応をしてもらいました。
本当にありがとうございました。

わりと仲がよくなってきた

どうも、塩内藤です。

ここ最近のあろえとつくし

つくしの体重がｶﾞﾝｶﾞﾝ下がって6ｷﾛ台になりました。。。
こりゃﾔｳﾞｧｲということで現在は飯2倍

あろえは逆に太ってきます。。。