「HTML5とJavaScriptでWindows 8のアプリ開発に挑戦！ ～マイクロソフトが語るWindows 8の現状・展望と開発実践」http://bit.ly/13GPUEv

1. Titanium
JavaScriptでネイティブアプリ
Titaniumユーザー会 八木都志郎 @yagi_

2. Titanium
 478,101人の開発者が利用
 145,539,021台の端末でTi製アプリが動作中
 56,843個のアプリで開発に利用されている
2013/07/04 15:50

3. Zaim

4. サイボウズ
Live

5. チャットワーク

6. Titaniumとは？
 JavaScriptでネイティブアプリ
 iOS
 Android
 Tizen
 Mobile Web
 ???

7. アプリ開発・２つの選択肢

8. アプリ開発・２つの選択肢
 HTML5、ハイブリッド
 ネイティブ（Objective-C, Java）

9. アプリ開発・２つの選択肢
 HTML5、ハイブリッド
 簡単にクロスプラットフォーム対応
 既存の知識を活かせる
 ネイティブ（Objective-C, Java）
 プラットフォームの性能を全て引き出せる
 最適なユーザー体験

10. アプリ開発・２つの選択肢
 HTML5、ハイブリッド
 ニセモノっぽい外観
 端末の性能を引き出せない
 ネイティブ（Objective-C, Java）
 クロスプラットフォーム対応は無理
 むずかしい

11. アプリ開発・２つの選択肢
 HTML5？ネイティブ（Objective-C, Java）？

12. 両方。そう、Titaniumならね。

13. Titaniumのしくみ

14. Titaniumのしくみ

15. ？？？

16. 実際の例
var win = Ti.UI.createWindow({
backgroundColor: ‘#fff’,
title: ‘ホーム’
});
var label = Ti.UI.createLabel({
text: ‘こんにちは、こんにちは！’,
color: ‘#000’
});
win.add(label);
win.open();

17. 実際の例
var win = Ti.UI.createWindow({
backgroundColor: ‘#fff’,
title: ‘ホーム’
});
var label = Ti.UI.createLabel({
text: ‘こんにちは、こんにちは！’,
color: ‘#000’
});
win.add(label);
win.open();

18. 実際の例
var win = Ti.UI.createWindow({
backgroundColor: ‘#fff’,
title: ‘ホーム’
});
var label = Ti.UI.createLabel({
text: ‘こんにちは、こんにちは！’,
color: ‘#000’
});
win.add(label);
win.open();

20. JavaScript、むずかしいよね…
いっぱい書くの、大変だし…

21. Alloy
 HTML / CSS / JavaScript でウェブページを作るよう
にアプリを作成できる

22. Alloy
<Alloy>
<Window class="container">
<Label id="label" onClick="doClick">Hello,
World</Label>
</Window>
</Alloy>

23. Alloy
".container": {
backgroundColor: "white"
},
"Label": {
width: Ti.UI.SIZE,
height: Ti.UI.SIZE,
color: "#000"
}
レイアウト情報をCSSのように記述

24. Alloy
function doClick(e) {
alert($.label.text);
}
$.index.open();
イベント発生時の動作をJavaScriptで記述

25. Alloy
function doClick(e) {
alert($.label.text);
}
$.index.open();
イベント発生時の動作をJavaScriptで記述

26. う、うん…ちょっとやってみようかな…

27. リソース
 公式サイト
 http://www.appcelerator.com/
 ユーザー会
 http://titanium-mobile.jp/
 サポート（ボランティア）
 http://support.titanium-mobile.jp/
 Twitter
 http://twitter.com/TitaniumMobileJ
 #TitaniumJP

28. Titanium
 プラットフォーム
 有償サポート
 Marketplace
 ACS
 Node.ACS
 Analytics
 資格認定、教育

29. Marketplace

30. ACS
 Backend as a Service
 500万API呼び出し / 月 まで無料

31. Introducing Lanica - Platino
OpenGL ES 2.0 Game Engine
http://lanica.co/

34. !

35. Windows 8対応
Currently we plan to release Window 8
support in the second half of this year for
both Windows RT and Windows Phone
platforms.
http://developer.appcelerator.com/blog/2013/01/titanium-support-plans-for-windows-8.html

36. ユーザー会
 初心者向け講習（無料）開催
 8/17 (土) 共催 クリーク＆リバー社様
 メーリングリスト、ウェブサイト、公式ハッシュタグ
#TitaniumJPにて詳細をお知らせします

37. worth nothing…