AIR,Flexの雑多なメモ - 仙台 Ruby Vim JavaScript フリーランスプログラマ

かなり古くなってる情報も

Adobe AIRメモ
 PhoneGap | Developer Portal
Flash Builder 4とプラグインで爆速コーディングをしよう！ | ClockMaker Blog
Flash Builder 4 Index « 夢茶爺＆苦茶爺のPC奮戦備忘録
 Adobe ActionScript® 3（AS3 ）API リファレンス
 HTML 開発者用 Adobe® AIR® API リファレンスガイド

FlexはFlashの一部
RIA開発に特化したコンポーネントを備えたフレームワーク
生成されるのはSWF

デメリット
配布サイズが大きくなる。そのため初回起動時に時間がかかる。

Flexのコンパイル
mxmlファイル→ActionScriptファイル→SWFファイル

AIR
META-INFもあるので、warとかearみたいなもの
jarで展開可能
airパッケージはswfに配備情報を付加しただけのファイル
.airはjarで展開できる。 - ねこら対策研究要塞日誌＠はてな

ActionScript3.0
JavaScriptの標準規格であるECMAScriptのECMA-262 4th草案に準拠したもの
乱暴にいうと、JavaScriptにクラス定義やパッケージ、型宣言を追加したもの。
JavaScript+Javaというイメージ。

as演算子、is演算子
 http://d.hatena.ne.jp/ActionScript/20090427/as3_as_operator

MXMLから生成されるActionScriptを確認する方法

プロジェクトのプロパティで、Flex コンパイラーに引数を追加する
-keepを追加
bin-debugフォルダにgeneratedというフォルダができて中に生成されたASが保存されている。

Flex Formatterを入れてコーディング規約を揃える

mxml
名前のとおりxmlに準拠したもの。
テキスト系のコントロールで改行文字など、特殊文字を扱いたい場合はCDATAセクションを使うと良い

<s:text><![CDATA[
本日は
<晴天>
なり]] >
</s:text>

豊富なコンポーネントで.netのようなポトリペタンが可能。
画面上に見える部品であるビジュアルコンポーネントと
非ビジュアルコンポーネントがある。
非ビジュアルコンポーネントはプログラマ的には結構抵抗あるかも。
asに書いた方が精神衛生上いいかも。

ネームスペース
s: や fx: など。タグ名の重複を避けるために導入されているもの。
s: や fx: といった接頭辞は、一意なURIと結びつけられている。
自分でコンポーネントを自作したら、それをネームスペースに使うことも可能。

mxmlでのプログラムについて
html上でのjavascriptのように、プログラム文をタグの中にいきなり書けない。
具体的に明示する
HTML/JavaScriptでは問題ないケース

<body>
<script type="text/javascript">
var a = 30;
alert(a);
</script>
</body>

MXMLではエラーとなるケース

<fx:Script>
<![CDATA[
var a:int = 30; //宣言は問題ない
Alert.show(a); //プログラムの文はエラー
import mx.controls.Alert; //これも問題ない
protected function helloButton_clickHandler(event:MouseEvent):void { //これも問題ない
    Alert.show("こんにちは");
}
]] >
</fx:Script>

MXMLはActionsScriptのクラスに変換される為、このような事がおこる。
上記の例でいえばvar a:int=30;は、そのmxmlクラスのメンバー変数となる。
Alert.show(a);は、クラス定義の中に直接書かれているのと同じ状態。
functionはインスタンスメソッドとなる。
つまりの中に書けるのは、クラスの変数、メソッド定義、外部クラスのインポート宣言などの宣言だけ。

ロジックの分離について
ビュー(mxml),ロジック,モデルという感じにしたい。

scriptタグに普通に記述、またはscriptファイルを外出しする
MVCフレームワークを使用
IMXMLObjectを継承する
ロジックでビューを継承する

scriptタグに記述するのは前述の理由等により避けたい。
他、イベントハンドラをインラインに書いた場合は、イベントをremoveEventListenerを使用して廃棄することが出来ない点も気をつける。
フレームワークは学習コストが発生するのと、そのフレームワークに依存してしまうため却下。

IMXMLObjectを継承する
http://level0.kayac.com/2010/08/flexmvc.php
共通の処理という事を考えて、これをさらに汎用的に。
IMXMLObjectをextendしたクラスを生成して、ヘルパーの親クラスとする。
ヘルパーではそのクラスを継承して各mxmlと対応させる。
モデルは適宜用意する
IMXMLObjectとは非ビジュアルコンポーネントが実装する最も基本的なインターフェイス

ベースヘルパー　IMXMLObjectクラスを継承
各ヘルパー　ベースヘルパーを継承
viewは各mxml.
モデルを適宜用意。

ロジックでビューを継承
ロジックをmxmlのサブクラスにする。お手軽かつ簡単。
ただし、共通処理ではちょっと困る。

起動時最適化
http://level0.kayac.com/2010/04/flex_3.php
その１のcreationPolicyのqueuedはFlex4.1ではなくなった模様。

creationPolicy noneで、明示的な指示があるまで待機。
初期ロード時に最小限に保つ。

dataprovider自作
flex:DataGrid sqlを使ってdataProviderを自作する ( Part 3 :IListの実装)

AIR2.0時のメモ

Safari 4.0.3のwebkit相当
ファンクションキーや右クリックもOKに。
AIRのみでサーバー作成可能。
TSL/SSLソケット通信
ネイティブプロセス呼び出し
exeインストーラー作成可能。
他のアプリをインストーラに同梱可能

Adobe AIR 2.0 Betaサンプルアプリケーション
http://www.adobe.com/jp/joc/air2/samples/

AIR SQLite

AIRでSQLiteの気をつけるとところ知ってるとお得なこと - PHP,MySQL,Flex,JSな日々＋イラストとか

AIRでのローカルDBのベストプラクティス(訳) - satoko's blog - s21g

Date 親和型の列には、日付と時刻の値が格納されます。Date 列は値として ActionScript または JavaScript の Date インスタンスを受け入れるように設計されており、Date 列に String 値を格納しようとすると、ランタイムでユリウス日付に変換されます。変換に失敗するとエラーが発生します。コードで Number、int、または uint の値を格納しようとした場合、日付の検証は行われず、有効なユリウス日付値と見なされます。SELECT ステートメントを使用して Date 値を取得すると自動的に Date インスタンスに変換されます。Date 値は REAL 記憶クラスを使用してユリウス日付値として格納されるので、ソート操作や比較操作も期待どおりに動作します。

childのlistで縦スクロールしているときに親の横スクロールが反応して勝手に動いてしまう

解決策
親でwheelイベントを殺す。
親も子もviewportを使用している場合に起こる。
マウスホイールイベントに親が反応してしまっていたため。
HorizontalLayoutのListをHScrollBarのviewportに指定すると簡単に再現する。
HorizontalのList上で上下に動かすと左右にスクロールする。