Titaniumって何?

4,611 views
4,418 views

Published on

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

Published in: Technology

Titaniumって何?

  1. 1. Titanium JavaScriptでネイティブアプリ Titaniumユーザー会 八木都志郎 @yagi_
  2. 2. Titanium  478,101人の開発者が利用  145,539,021台の端末でTi製アプリが動作中  56,843個のアプリで開発に利用されている 2013/07/04 15:50
  3. 3. Zaim
  4. 4. サイボウズ Live
  5. 5. チャットワーク
  6. 6. Titaniumとは?  JavaScriptでネイティブアプリ  iOS  Android  Tizen  Mobile Web  ???
  7. 7. アプリ開発・2つの選択肢
  8. 8. アプリ開発・2つの選択肢  HTML5、ハイブリッド  ネイティブ(Objective-C, Java)
  9. 9. アプリ開発・2つの選択肢  HTML5、ハイブリッド  簡単にクロスプラットフォーム対応  既存の知識を活かせる  ネイティブ(Objective-C, Java)  プラットフォームの性能を全て引き出せる  最適なユーザー体験
  10. 10. アプリ開発・2つの選択肢  HTML5、ハイブリッド  ニセモノっぽい外観  端末の性能を引き出せない  ネイティブ(Objective-C, Java)  クロスプラットフォーム対応は無理  むずかしい
  11. 11. アプリ開発・2つの選択肢  HTML5?ネイティブ(Objective-C, Java)?
  12. 12. 両方。そう、Titaniumならね。
  13. 13. Titaniumのしくみ
  14. 14. Titaniumのしくみ
  15. 15. ???
  16. 16. 実際の例 var win = Ti.UI.createWindow({ backgroundColor: ‘#fff’, title: ‘ホーム’ }); var label = Ti.UI.createLabel({ text: ‘こんにちは、こんにちは!’, color: ‘#000’ }); win.add(label); win.open();
  17. 17. 実際の例 var win = Ti.UI.createWindow({ backgroundColor: ‘#fff’, title: ‘ホーム’ }); var label = Ti.UI.createLabel({ text: ‘こんにちは、こんにちは!’, color: ‘#000’ }); win.add(label); win.open();
  18. 18. 実際の例 var win = Ti.UI.createWindow({ backgroundColor: ‘#fff’, title: ‘ホーム’ }); var label = Ti.UI.createLabel({ text: ‘こんにちは、こんにちは!’, color: ‘#000’ }); win.add(label); win.open();
  19. 19. JavaScript、むずかしいよね… いっぱい書くの、大変だし…
  20. 20. Alloy  HTML / CSS / JavaScript でウェブページを作るよう にアプリを作成できる
  21. 21. Alloy <Alloy> <Window class="container"> <Label id="label" onClick="doClick">Hello, World</Label> </Window> </Alloy>
  22. 22. Alloy ".container": { backgroundColor: "white" }, "Label": { width: Ti.UI.SIZE, height: Ti.UI.SIZE, color: "#000" } レイアウト情報をCSSのように記述
  23. 23. Alloy function doClick(e) { alert($.label.text); } $.index.open(); イベント発生時の動作をJavaScriptで記述
  24. 24. Alloy function doClick(e) { alert($.label.text); } $.index.open(); イベント発生時の動作をJavaScriptで記述
  25. 25. う、うん…ちょっとやってみようかな…
  26. 26. リソース  公式サイト  http://www.appcelerator.com/  ユーザー会  http://titanium-mobile.jp/  サポート(ボランティア)  http://support.titanium-mobile.jp/  Twitter  http://twitter.com/TitaniumMobileJ  #TitaniumJP
  27. 27. Titanium  プラットフォーム  有償サポート  Marketplace  ACS  Node.ACS  Analytics  資格認定、教育
  28. 28. Marketplace
  29. 29. ACS  Backend as a Service  500万API呼び出し / 月 まで無料
  30. 30. Introducing Lanica - Platino OpenGL ES 2.0 Game Engine http://lanica.co/
  31. 31. !
  32. 32. 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
  33. 33. ユーザー会  初心者向け講習(無料)開催  8/17 (土) 共催 クリーク&リバー社様  メーリングリスト、ウェブサイト、公式ハッシュタグ #TitaniumJPにて詳細をお知らせします
  34. 34. worth nothing…

×