soohei.net

T-D YOYOGI PARK OFFICE 2

admin — Sat, 28 Jan 2012 07:23:43 PST

自宅兼作業場からの移動完了。
図らずも全員グレイパーカーだった。
あねちゃん、chap、あべくんおつかれした。

T-D YOYOGI PARK OFFICE

admin — Sat, 21 Jan 2012 00:00:11 PST

22日、色々搬入
28日、荷物移動

update 2012.01.19

admin — Wed, 18 Jan 2012 08:00:16 PST

INFOBAR C01 | T-D inc.

update 2011.12.25

admin — Sat, 24 Dec 2011 07:00:54 PST

Media Practice 11-12 | T-D inc.

GALAXY X’MAS CAFE | T-D inc.

T-D on Facebook

T-D on Twitter

update 2011.11.14

admin — Sun, 13 Nov 2011 07:00:35 PST

夜の乾杯!天気予報 presented by ウコンの力

update 2011.10.11

admin — Thu, 13 Oct 2011 08:00:41 PDT

T-D inc.

update 2011.04.20

admin — Tue, 19 Apr 2011 08:00:33 PDT

3年間お世話になったTHAを退職しました。
本当にありがとうございました。

今後はフリーのWebデザイナー、エンジニアとして再始動します。

update 2011.03.21

admin — Sun, 20 Mar 2011 08:00:14 PDT

元代々木の新居へ引越しました。ここで色々たくらみます。

Asagiri Jam App

admin — Mon, 04 Oct 2010 22:17:45 PDT

久々の趣味アプリをリリースしました。
FRF2011に向け、改良を重ねようと思います。

~~http://soohei.net/blog/asagiri-now-2010~~
[追記1]
一時公開終了しました。(2011/4/5)

[追記2]
http://fes-app.com

JS (1) : JavaScriptでのクラス定義

admin — Thu, 12 Aug 2010 05:20:45 PDT

■ クラスの定義方法

例えばASだと、このような定義になると思いますが、

package{
	public class MyClass{

		public var myValue;

		//コンストラクタ
		public function MyClass(value1, value2){
			var newValue = value1 + value2;
			test1(newValue);
		}

		public fucntion test1(value3){
			myValue = value3;
			trace("myValue:", myValue);
		}

		public fucntion test2(){

		}
	}
}

–
JSではこのように書くと良いと思います。
[js]
var MyClass = function(){
this.myValue;
this.initialize.apply(this, arguments);
}

MyClass.prototype = {
//コンストラクタ
initialize: function(value1, value2) {
var newValue = value1 + value2;
test1(newValue);
},

test1: function(value3){
this.myValue = value3;
console.log("myValue:", myValue);
},

test2: function(){

}
}
[/js]

–
説明 :
・JSに変数の型指定はありません。
・この書き方をすると、関数内で定義した変数を除いて、全てpublicになります。クラス内でprivate変数はつくれません｡
・イベント処理っぽいことが入って来た時にさらに掘り下げますが、14行目の「this」は必須です。
・console.logはfirebugや、WebKitのコンソールで確認。

–
■ サンプル

できるだけASっぽく、1クラス1ファイルで考えてみます。
ドキュメントクラス風にMainクラスを実行して、SampleClassクラスのインスタンスをつくり、
その中の関数を呼んで終わり。という簡単なプログラムです。

まずHTMLファイルでmain.jsを読み込む。

–
main.jsの中身
[js]
document.write(‘’);

onload = function(){
var main = new Main();
}

//Mainクラス
var Main = function(){
this.initialize.apply(this, arguments);
}
Main.prototype = {
//コンストラクタ
initialize: function() {
var sampleInstance = new SampleClass("Hello World!");
sampleInstance.talk();
}
}
[/js]

–
sampleClass.jsの中身
[js]
//SampleClassクラス
var SampleClass = function(){
this.myMessage = "";
this.initialize.apply(this, arguments);
}
SampleClass.prototype = {
//コンストラクタ
initialize: function(message) {
this.myMessage = message;
},

//this.myMessageを出力
talk: function(){
console.log(this.myMessage);
document.getElementById("content").innerHTML = this.myMessage;
}
}
[/js]

–
説明 :
・main.jsの1行目はASでいうimportっぽい書き方をしてみたくてやっています。
(HTMLをいじらずJSだけで完結できるので便利)
・実際はJQueryのonLoadから処理を始めて行くと色々できるようになります。（次回以降）

ダウンロード :
http://soohei.net/blog/files/js_01.zip

–
参考 :
・http://d.hatena.ne.jp/amachang/20060516/1147778600
・http://d.hatena.ne.jp/vividcode/20090706/1246905260