サーバの移行を常々考えていましたが、ようやく完了。

WordPressも思い切って3.0に。

久々のエクスポート＆インポート作業でどうなることかと思いましたが、

とりあえず何の不具合もなく稼働中。

Table

通常はライブラリで引数をとるClassAにリンケージされたMovieClip, Spriteは、stageやDisplayObjectContainerに予め配置しておくことができない。引数を指定できないから。ただし、上のようにクラスファイル内のprivate class（SingletonEnforcer, デコンパイルするとprivate classとして定義されてる）を引数にとる場合は問題ないが、private classもMovieClip, Spriteを継承する必要がある（かも。エラーが出る場合があり。原因未調査）。もっと単純化するなら（使い方に注意がいるけど）以下のとおり。

package
{
    import flash.display.*;
    public class ClassA extends Sprite
    {
        private static var instance:ClassA = null;
        public function ClassA()
        {
            instance = this;
        }
        public static function getInstance():ClassA
        {
            if( instance == null )
            {
                instance = new ClassA();
            }
            return instance;
        }
    }
}

使い方は注意が必要。newができてしまうので、必ずgetInstance経由で呼び出す。

package
{
    import caurina.transitios.properties.CurveModifier;
    public class Main extends Sprite
    {
        var sp:Sprite = new Sprite();
        ...
        Tweener.addTween(sp, {x:20, y:20, _besier:{x:10, y:10} });
    }
}

_besierはコントロールポイント。Tweenの始点・終点を結んだ曲線上を移動する。

_besierのx,yのどちらかを省略した場合は、始点・終点の中点が補われる（ハズ）。

Iterator Pattern

note.

■ ConcIteratorのコンストラクタでは、引数にIAggregateを取る。どの集合体を数え上げるかが渡される。

■ ConcAggregateで実装しとくべきメソッド
・function getLast(){} → 自身がもつ（数える対象となる）要素の最終位置（=length）
・function getItemAt(index:int){} → index位置の要素を返す

■ ConcIteratorでは、indexをプロパティにもつ。どの位置を捜査しているか、の値。nextが呼ばれたらインクリメント。

State Pattern

note.

■ Contextには、stateプロパティ用のsetter,getterメソッドを実装するパターンがほとんど。
function setState(state:IState){};
function getConcState1(){};
function getConcState2(){};

■ ConcState（ex : PlayState)にContextの参照をもたせて、特定の処理をさせてからContext.setState()を呼び出し、Context.stateプロパティを変更（ex : PlayState）する。

■ 新たなStateを追加する場合
1. IStateに追加State用のメソッドを追加
2. 既存の全ConcStateに1.のメソッドを実装
3. 新規ConcStateクラスを作成
4. Contextを変更。setter、getter、新規ConcState用のrequestを追加

■ Context内のrequestA,Bは、methodA,BのようにIStateが規定するメソッドと同じ名前にしたほうが解りやすいか。

Observer Pattern

note.

■ ２つの抽象クラスはインターフェースにしても。observers:Arrayの設定が必須。

■ ConcSubjectとConcObserverが同じプロパティを持つと解りやすい。

Subjectがsetter メソッドで自プロパティを上書きして、そのプロパティ値を引数にして、notifyObserverを呼ぶ、など。

Adapter Pattern

note.

■ ２タイプあり
継承パターン → Adapteeクラスを拡張。
委譲パターン → Adapteeクラスの参照を保持。

Composite Pattern

note.

■ clientはLeafもCompositeも同一視（=同じメソッドを使える）

■ methodA,methodBはComposite内では再帰的に処理される。
→ Compositeの中にはLeafだけでなくCompositeも含まれる。

■ removeのときは要注意。
→ 参照を全てnullにして、ガベージコレクションの対象にする。

■ CompositeのmethodAは、chilren:Array全てに対してmethodAを呼び出す。children[i]が、
Leafのとき → 特定の処理
Compositeのとき → children:Arrayの各itemに対してmethodAを呼び出す。
= recursion.

Decorator Pattern

note.

■ AbDecoratorはAbComponentの参照を持つ。

■ AbComponentでメソッド定義。実装はサブクラスで。

■ ConcDecoratorのメソッドであるmethodAは、参照をもつConcComponentのmethodAを呼び出し、さらに処理を追加する。＝ Decoration.

Command Pattern

note.

■ Receiver = 実際の命令の受け取り手、というイメージ。

■ client（Documentクラス）がInvokerの役を果たすこともある。

■ 抽象クラスが使えないので、AbCommandはインターフェースにしてみても。

■ AbCommandを配列で保持するAbMacroCommandみたいなクラスもありうる。
add、removeを（インタフェースで）実装。
ConcMacroCommand.execute()で配列内の全Commandをexecute。ProgressionのSerialListみたいな感じか。Compositeにも近い。

サンプルXMLがこちら

<?xml version="1.0" encoding="UTF-8"?>


A
Kohei
Tabuchi
Catcher


A
Shingo
Wakabayashi
First base


A
Kizashi
Sasaki
Third base


A
Futoshi
Nakagomi
Pitcher


A
Hajime
Uchiyama
Short stop

var xml:XML = new XML();
xml = XML(xmlLoader.data);
trace(xml..lastName[0].text());
//Result -> Tabuchi
trace(xml..employee[4].@id);
//Result -> 6
trace(xml..employee.(firstName=="Shingo").position);
//Result -> First base
trace(xml..employee.(Number(@id)>5).lastName);
//Result -> Uchiyama

addCommand(
    function(){
        addCommand(new Command(step1));
    },
    new Command(step2),
    new Command(step3)
}

実行順はstep2 → step3 → step1

addCommand(
    function(){
        insertCommand(new Command(step1));
    },
    new Command(step2),
    new Command(step3)
}

実行順はstep1 → step2 → step3
実行リストの尻に加えるのか、横入りさせるのかの違い、みたいな感じ。

public var child_instanceName : childClass

・親クラスのプロパティ名 = 子のインスタンス名
・childClassはリンケージで書き出し設定済み
・childClass用のプロパティはpublicで宣言

scriptA

function func(){
for(var i=0; i<10; i++){
var j = i;
}
alert(j);// access ok.
}

scriptAは以下と同じ。

function func(){
var i,j;
for(i=0; i<10; i++){
j = i;
}
alert(j);
}

「関数内ローカル変数は全て先頭で宣言したことになる」だと。出典：builder

02.クロージャでprivate的なプロパティ

var sample = (function(){
var n = 0;
return function(){
alert(n++);
}
})();
sample(); //0
sample(); //1
sample(); //2

$.fn.pluginName = function(){
return this.each(
function(obj){
var cgiPath = 'http://yourdomain.com/?';
var param = $(this).attr('href');
$(this).hover(
function(ev){
$('img#frame')
.show()
.attr('src',sgiPath + param)
.css({'border':'1px splid #DDD'});
},
function(ev){
$('img#frame').hide();
}
);
}
);
};
$(document).ready(
function(ev){
$('a').pluginName();
}
};

1. mt:SetVarBlockでの改行に注意。値を代入して条件分岐などに使うときは特に。

(LF)
<$MTCategoryLabel remove_html="1">(LF)

とすると意図した値が変数には入っていない。htmlソースとして使うとき以外は、LFを削除して１行で。

2. mt:ifのときのname=”変数名”に$はいらない。

<$MTCategoryLabel remove_html="1">

...

<$MTCategoryLabel remove_html="1">


...

haslayout = trueにするには

個別に矩形の表示を指定するなら、まず一括で全部消してから、
InteractiveObject.focusRect = true/false

Flash9のヘルプでfocusRectの set メソッドの引数がObjectなのは、
true / false 以外にnullも値にとるから（かも。要確）。
InteractiveObject.focusRect = nullを指定すると、stage.stageFocusRectの設定を踏襲。

この場合のresultは、
result = [ "green_mc","green","mc" ] となる。
[0]はグループマッチ全体、その後に、個別のグループマッチが入る。

1. numbersからcsvを吐き出す（セル内に日本語、カンマ付き数字あり）
→ 吐き出されたcsv内では日本語部分は""で囲まれてない
→ カンマ付き数字は""で囲まれている
→ エンコードはUTF-8
2. そのcsvをfgetcsvで読み込んで、htmlソースとしてecho
→ ローカルでは日本語も読み込まれてる
→ サーバにアップしたとたん日本語が消える
→ 半角数字が混ざった日本語は、半角数字以降表示される
3. fgetcsvはロケール設定を考慮するとの記述あり
→ setlocale(LC_ALL, ‘ja_JP’); をfgetcsv呼び出す前に実行
4 ちゃんと日本語が表示された…、が１文字目が消えとる
5. 日本語を""で囲めば問題なく表示されるが
→ ""なしの、numbersのデフォルト書き出しのママ使いたい…
6. とりあえず放置

再スタート

1. fgetcsvをあきらめexplodeにしてみる
2. 日本語はちゃんと表示される
3. カンマ付き数字がネック
→ eplodeだとカンマ付き数字のカンマでも区切っている
4. とりあえず放置

再々スタート

1. csvのエンコードもEUC-JPにする
2. ロケール設定もする
3. EUC-JP環境のサーバにアップ
4. 成功した。EUC-JPでもロケールの設定が必要

※UTF-8のcsv問題は未解決。いずれ。

var Car = function(x){
this.x=x;
}

オブジェクトを定義するときには、関数オブジェクト(Functionオブジェクト)を使う。
この1行目の定義により、Car()はコンストラクタ(初期化関数)として機能するようになる。

[B.prototypeプロパティ]

Car.prototype = {
maker:'toyota';
type:'prius';
run:function(){
alert('boooon');
}

prototypeプロパティにリテラルで割り当てられた各オブジェクトは、オブジェクトが持つプロパティの初期値(参照先)として利用される。

オブジェクト定義（クラスみたいなもの。違うけど）はA,Bのセットで考える。
prototypeはオブジェクトの隠しプロパティ。
→あるプロパティがCarのオブジェクト定義になければ、prototypeプロパティにあるかどうかを調べる。→ プロトタイプチェーン →継承メカニズム（プロトタイプチェーン）で与えられる。
→辿りつく最後はObjectオブジェクトのprototype

[C.new演算子の実際の機能]

ex.new Car();
1. 新しくECMAScriptオブジェクトを生成する。
2. Carオブジェクトのプロトタイププロパティを取得する。
→ これがオブジェクトなら、1のprototypeにセット。
→ オブジェクトでなければ、Objectオブジェクトのprototypeをセット。
3. 引数としてnewされたときの引数を設定して、Car()（コンストラクタ）をコール。
→ このコンストラクタ内部では、1で生成したオブジェクトをthisとして扱う。
→ この返り値がオブジェクトなら、これをnewの結果オブジェクトとして返す。
→ オブジェクトでなければ、1で生成したオブジェクトをnewの結果オブジェクトとして返す。

[ Measure ]

cssに以下を記述

html{
filter:expression(
document.execCommand("BackgroundImageCache", false,true)
);}

※filter以降は１行で記入する。

※IE7では解消済み。

Win : IE → tableの内側に表示（見た目はテキ）

Win : Opera → tableの内側に表示（見た目はテキ）

Win : Firefox → 左に1px

Mac : Firefox → 左に1px

Mac : Safari → 右に1px

ハックで対処か。

※border-collapse:separate;（デフォルト）の場合、セルが空だとIEではボーダーが表示されない。

floatしてる要素にpadding-topが指定してあり、背景画像による罫線を上にひくと（背景画像を使ってると）、中にあるa:hoverの挙動がおかしい。paddingが増える模様。

[ 文字のないリスト要素 ]

IEだと文字列が存在しないリスト要素の行ボックスの高さに不具合がでる。

[ Measure ]

li.className{
width:000px;height:000px;/*imgと同じサイズを指定*/
line-height:0;
vertical-align:bottom;
font-size:0;
}

2. a:hover{ text-decoration : underline } が上手く機能しない
→ 特定のフォントで、フォントサイズが12px以下で発生する。font-family : sans-serif; (serifも）としておけば回避。ちなみにSafariでのsans-serif指定時のアルファベットはLucida Grande。
→ あと<a>指定したテキストに<br />2回指定しても回避。

3. line-heightを指定したブロック要素内が、匿名でないインライン要素だけで構成されているとline-heightが無視される。
→<p style="line-height : 2em"><span>テキスト内容</span><p>
といったときはline-heightが無視される(Operaも同様）。
→<p>テキスト１<span>テキスト２</span>テキスト３</p>というコードの場合、"テキスト１"と"テキスト３"が匿名インライン要素。

[ oh! ]

対処法はいつくかアリ。

1. 親要素に高さを指定する。
※中にテキストがある場合は高さの指定が難しい。

2. 親ボックスの次要素にclear指定

div.floated:after{/*floated = parent*/
content:"";
display:block;
clear:both;
}

※IE6は:afterもcontentも未対応。でもバグのおかけで結果は一緒。
3. 親ボックスにoverflow:auto;を指定。

div.floated{
width:000px;
background:#666666;
overflow:auto;
}

※MacIEではoverflowがvisible以外だとスクロールバーが出るらしい（テストしたら出なかった!?）。
なのでMacIE用に以下を記述して上書き。

/*\*//*/
*html div.floated{overflow: visible;}
/**/

[ sizingMethodプロパティ ]

scale = 要素に合わせて画像を拡大・縮小
image = 要素を画像のサイズに合わせる
crop = そのまま

※AlphaImageLoader内のsrcはHTMLファイルからのパスとして適用される

■clear適用のボックスにはmargin-topを指定しない。
→ clear は、「float を解除する」ために、ボックスの上マージンを増やして、フロート要素の外下辺より clear したボックスのボーダー上辺が下にくるよう調整するから

B. CSSの場合
/* コメント*/

C. Actionscript , Javascriptの場合
//コメント: 単一行

/* コメント*/ : 複数行

D. xhtml (xml) でstyle要素内にスタイルシートを記述する場合
<![CDATA[　コメント　]]>
→ CSS2に対応していないブラウザでは、<!– コメント–>が認識される可能性があるから