Titanium Alloy framework開発でのハマったところについて発表します。 2013-11-19 　Titanium もくもく会 #13 2013　　にて発表しました。 http://atnd.org/events/44490 関連する発表はこちら まだ残っていたAlloy地雷原始末記 http://www.slideshare.net/kazurof/alloyminefieldstory2

1. Titanium初心者による
Alloy地雷原始末記
福原和朗 @kazurof
2013-11-19
Titanium もくもく会 #13 2013
1

2. 発表者について

福原和朗

客先常駐で開発やってます
@kazurof



大方のプロジェクトはJavaでやってました。
Webサービス
手持ちの携帯


2008年モデルのガラケー
モバイル開発経験



Windows Mobile 5を多少
Android, iPhone開発経験なし。
Titanium歴

10月7日から。今日で44日目。
2

3. 本日の発表内容

Alloy Frameworkでハマったところを並べます。

これから始める人の参考になれば。

上級者には退屈な内容かもしれません。
3

4. 発表の形式

現象
 なにがあった

原因
 どうしてこうなった

対策
 どう解消した

教訓
 学べることはないか？
4

5. 1.Eclipse との共存
5

6. 現象

TitaniumをインストールしたあとEclipseが
起動しなくなった。
6

7. 原因

既存の64bit のJavaが32bitのJavaで上書き
されていた。

windows のTitanium Studio は32bitのみ

64bitのEclipseは64bitのJavaが必要
7

8. 対策

PCに入っているJava全消し＆再インストール



なんか色々いつの間に入っていた。
システム側に64bit Java が入るよう調整。
TitaniumStudio.ini を修正

-vm で32bitのjavaw.exeの場所を設定
8

9. 教訓

今現在世の中は64bit, 32bit混在であることを
心の片隅に置く。

他のツールも影響受けるかも

freemind
9

10. 2.イベントが処理されない
10

11. 現象

画面に適当に部品
を並べる。

ボタンを押しても
何も起きない。
押しても
何も起きません。
11

12. 書いたviewとtss（抜粋）
12

13. 原因

ボタンに別のviewが
重なっている。
#mainを半透明黄色で塗ってみた。
ボタンの上に重なってました。
13

14. 対策

top:”40dp” を設定した
重ならなくなりました。
14

15. 使用前・使用後
高さが微妙に違う。
15

16. 教訓

Alloyはhtmlではない

xmlを書き、CSSっぽいのを書き、javascriptの
コードを書くけれどhtmlではない。

位置基準は親要素の場所
 直前の要素ではない。


サイズは最大サイズで配置
わからなくなったら試しに背景色を設定し
てみる。
16

17. 3.APIが読めない（ようにみえる）
17

18. 現象


プロパティが隠れる（ようにみえる）
http://docs.appcelerator.com/titanium/
latest/#!/api/Titanium.UI
18

19. マウスカーソルを
このへんに置くと
プロパティが表示
される
ここ注目！
19

20. 角丸になってない！
まだ下があるのかも？
20

21. 原因

よくわかりませんでした。

多分ドキュメントのhtmlがおかしい(?)
21

22. 対策

Chrome を使う。
22

23. 教訓

ブラウザにこだわらない。
23

24. 4. migrationsが動作しない
24

25. 現象

migrationsが動作しない


テストデータの初期化に便利かと期待したが
ドキュメントのとおりに書いたつもり。

ファイル名に日付を入れる。

モデルのjsにもmigrationを書いた。
25

26. 原因

よくわかりませんでした。orz
26

27. 対策

エミュレータからデータ
を消去する

消した後アプリを実行す
るとmigrationsも実行さ
れる。
27

28. 教訓

なし。

もっと勉強しましょう。
28

29. 5.デバッガがおかしい
29

30. 現象

デバッガ右上のエリアにたまに何も表示されない。

表示される時もあるが、その時はコンソールのログ
が出てこない。
30

31. 原因

デバッガのスレッドとログ出力のプロセスが
異なる。
Thread [main] はデバッガ
31
Android Emulator Process はログ

32. 対策

デバッガを見るときは Thread [main] を選ぶ。
32

33. 対策

ログを見る時は Android Emulator Processを選ぶ
33

34. 教訓

観察が大事。
34

35. まとめ

64bitと32bit

htmlではない

Chromeを使う

データ消去でmigrations実行

考えるな、感じるんだ！
35

36. ご清聴
ありがとうございました
36