Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

20130817 Titanium勉強会(午前)

7,185 views

Published on

  • Be the first to comment

20130817 Titanium勉強会(午前)

  1. 1. Titanium Titanium ユーザー会
  2. 2. Agenda  Titaniumとは?  何ができる?  これからどうなる?  動かしてみよう
  3. 3. Titaniumとは?  JavaScriptでアプリを作ることができる
  4. 4. Titaniumとは?  アプリ開発の大きな問題点 1. むずかしい 2. かなりむずかしい 3. すごくむずかしい
  5. 5. Titaniumとは?  2つの道
  6. 6. アプリ開発・2つの選択肢  HTML5、ハイブリッド  簡単にクロスプラットフォーム対応  既存の知識を活かせる  ネイティブ(Objective-C, Java)  プラットフォームの性能を全て引き出せる  最適なユーザー体験
  7. 7. アプリ開発・2つの選択肢  HTML5、ハイブリッド  ニセモノっぽい外観  端末の性能を引き出せない  ネイティブ(Objective-C, Java)  クロスプラットフォーム対応は無理  むずかしい
  8. 8. Titaniumとは?  JavaScriptでアプリを作ることができる
  9. 9. Titaniumとは?  185カ国491,753人の開発者が利用  155,275,247台の端末でTi製アプリが動作中  58,720個のアプリで開発に利用されている 2013/08/15 00:39
  10. 10. Titaniumとは?  Appcelerator  開発元  シリコンバレーのIT企業 主な出来事 2006 創業 2007 Series A $6.2M 2009 Titanium 2010 Series B $9M 2011 Series C $15M、Titanium SDK 2012 Series C-1 $16M Titanium 2.0、3.0、ACS
  11. 11. Titaniumとは?  Titanium Studio  Titanium CLI  Cloud Services  Analytics  Open Marketplace  などなど
  12. 12. Titaniumとは?  HTML5なの?
  13. 13. Titaniumとは?  よくある他のツールと一緒?
  14. 14. Titaniumとは?
  15. 15. Titaniumとは?  よくある誤解  JavaScriptをJava/Objective-Cに変換するツール  HTML5とJavaScriptでアプリの画面を作るもの  HTMLでしかアプリを作れないポンコツ
  16. 16. Titaniumとは?  JavaScriptでネイティブアプリ
  17. 17. Titaniumとは?  ブラウザで実行されるJavaScript JS Run!
  18. 18. Titaniumとは?  アプリの中で実行されるJavaScript JS Run!
  19. 19. Titaniumとは?  アプリの中で実行されるJavaScript •JavaScript •HTMLユーザー •Runtime •Titanium APIs •Modules Titanium •Cocoa Touch/Services •Android APIs プラット フォーム
  20. 20. 実際の例 var win = Ti.UI.createWindow({ backgroundColor: ‘#fff’, title: ‘ホーム’ }); var label = Ti.UI.createLabel({ text: ‘こんにちは、こんにちは!’, color: ‘#000’ }); win.add(label); win.open();
  21. 21. 実際の例 var win = Ti.UI.createWindow({ backgroundColor: ‘#fff’, title: ‘ホーム’ }); var label = Ti.UI.createLabel({ text: ‘こんにちは、こんにちは!’, color: ‘#000’ }); win.add(label); win.open();
  22. 22. 実際の例 var win = Ti.UI.createWindow({ backgroundColor: ‘#fff’, title: ‘ホーム’ }); var label = Ti.UI.createLabel({ text: ‘こんにちは、こんにちは!’, color: ‘#000’ }); win.add(label); win.open();
  23. 23. Titaniumとは?  ほとんどがフリーソフトウェア  Apacheライセンス  開発したアプリがライセンスに縛られることはない
  24. 24. Titaniumとは?  Githubで公開中  https://github.com/appcelerator
  25. 25. Titaniumで何ができる?  サポートサイトに事例集があります http://support.titanium-mobile.jp/questions/3
  26. 26. NBC
  27. 27. Mooklet
  28. 28. Zaim
  29. 29. サイボウズLive
  30. 30. 前田敦子ギャザリングアート
  31. 31. ニュース, 26 ライフスタイル, 21 ソーシャルネット ワーク, 13ゲーム, 10 写真、ビデオ, 10 ユーティリティ, 8 教育, 8 カタログ, 4 スポーツ, 4 ファイナンス, 2 仕事効率化, 2 その他, 10 ジャンル別 *国内事例
  32. 32. 比較 簡単さ 高機能
  33. 33. 比較 簡単さ 高機能 モジュール Alloy
  34. 34. Marketplace
  35. 35. Alloy – MVCフレームワーク  Model - Backbone.js  View - XML  Controller
  36. 36. まとめ  何が出来る?  ほとんどなんでも  用意されていない機能はモジュールで拡張できる
  37. 37. まとめ  何が出来ない?  複雑で素早いアニメーションは苦手  モジュールで解決  厳密なリソース管理  Javaでもできない
  38. 38. 現在とこれから  現在  年間500万ドル以上をTitaniumの開発に費やしている  Appcelerator Platform  SDK 3.1.2  Alloy 1.1.3  Android 4.3  iOS 7 (beta)  Android GCM
  39. 39. 現在とこれから  これから  Ti.Next  Runtimeの再構築  プラットフォーム間の違いを最小限に  モジュールもJavaScriptで記述可能に  2014年春に何らかの発表がある、かも
  40. 40. 便利なリンク  マニュアル  http://docs.appcelerator.com/titanium/latest/  サポート  http://support.titanium-mobile.jp/  お知らせ  http://titanium-mobile.jp/  Twitter  @TitaniumMobileJ  https://twitter.com/TitaniumMobileJ

×