WCAN Autumn 2013 Titaniumのおはなし
•
10 gefällt mir•7,300 views
2013年9月14日に開催されたWCAN Autumn 2013の、セッション 1 Room B で開催された、「そろそろ使ってみませんか？JavaScriptだけでスマフォアプリを作る「Titanium Mobile」」のスライド。
Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (20)
Ähnlich wie WCAN Autumn 2013 Titaniumのおはなし
Ähnlich wie WCAN Autumn 2013 Titaniumのおはなし (20)
Mehr von Mori Shingo
Mehr von Mori Shingo (13)
WCAN Autumn 2013 Titaniumのおはなし
- 2. ようこそ！
- 4. エンジニアです
- 6. Ti Nagoya 主催 Titanium ユーザー会 FxUG名古屋 主催（してた） 各技術コミュニティでの発表 技術本の執筆 講演・講師 St.Patricks Day Parade Nagoya 実行委員（してた） ...etc こんなこともやってます
- 8. はじめましょう
- 9. 今日の流れ 1. スマートフォンを取り巻く世の中の流れ 2. What? -- なにがある？ -- 3. How? -- どのようにやる？ -- 4. Dive into Titanium!!! 5. More Deeper!!! 6. Live Coding!
- 11. スマートフォンの普及率 出典：Our Mobile Planet Japan by Google
- 12. 出典：Our Mobile Planet Japan by Google
- 13. ・・・・
- 14. 今さら感漂うので 割愛！！
- 16. What?
- 17. Web HTML5 アプリ
- 18. モバイル向けWebは必要 • 検索エンジン経由 • コーポレートサイト • 広告など • その他一般的なWeb • HTML5 / CSS3 • どんどん使いましょう → やることの基本はPC版のWebサイトとほぼ同じ
- 19. HTML5 Webアプリは？ • アプリに似た動作 • プラットフォーム依存無 • PUSH通知が使えない • カメラなども使えない • まだ少し早い・・かな • パフォーマンス問題 • 将来的には期待してる → 特にアプリ代替としてのHTML5アプリはまだ厳しい
- 20. モバイルアプリケーション！ • ストアに並ぶ • カメラなども使える • PUSH通知ができる • UI/UXの表現に優れる • (まだ)自慢できる • ただしインストールの ハードルは意外と高い
- 22. Connect!!
- 23. 提供：株式会社デンソー
- 24. 提供：株式会社デンソー
- 25. Wearable!!
- 27. MBaaS
- 28. Mobile Backend as a Service
- 29. Key Features of Titanium Cloud Services
- 32. How?
- 33. Titanium Mobile
- 34. Objective-C Java
- 36. JavaScript with
- 37. 開発元
- 39. • アメリカ・シリコンバレーに本社 • 歴史 • 2006 創業 • 2007 Series A $6.2M • 2009 Titanium リリース • 2010 Series B $9M • 2011 Series C $15M • 2012 Series C-1 $16M
- 40. 使われてるの？
- 42. Zipcar
- 43. Zaim
- 44. サイボウズLive
- 45. モトクロ男子
- 47. どんな機能が使える？
- 48. 機能は(だいたい)全部使えます Native User Experience Native performance + Native UI (tables, animations, gestures, etc). Location-based Services Augmented reality, geo-location, compass, native maps Social Sharing Authenticated access to Facebook, Twitter, Yahoo YQL. Native email/ address book. Data Access online / device data, embedded SQL database, filesystem, web services Multimedia Camera, video camera, streaming / device audio/video Analytics Integrated user, session, and custom analytics. Interactive web- based analysis tools. Geo-analytics.
- 49. Native UI も使えます
- 50. ライバル
- 51. PhoneGap • HTML5/CSS3で開発 → Webから入りやすい • カメラやPUSH通知なども利用ができる
- 52. Others...
- 53. 弱点
- 54. Titanium Mobile の弱点 • リアルタイム処理が要求されるもの • 代表的なのはゲーム • Platino Game Engine によって変わるか？ • UI デザイナーがない • すべてコードで表現しなければならない • プラットフォーム固有の新機能への対応がどうしても （少し）遅れる
- 55. おいくら？
- 56. 基本無料です
- 57. サーバーなんて できない...
- 58. Titanium Cloud
- 59. Key Features of Titanium Cloud Services
- 60. おいくら？
- 61. 無料枠有り
- 65. 技術レベル++
- 66. Architecture
- 67. Titanium のアーキテクチャ iOS JavaScript Engine Titanium APIs Ti Modules JavaScript Code Android OS JavaScript Engine Titanium APIs Ti Modules Native iOS app Native Android app Bridge API Bridge API
- 68. 誤解
- 69. •JavaScriptが、Nativeの Objective-C や Java に変換される •HTMLとCSSで実装する
- 71. やめた方がいい
- 72. • プラットフォームにより、固有のお作法（ユーザーが 自然と感じる振る舞い）がある • 無理やり合わせることはできるが、ユーザーは混乱す る • UI部分はそれぞれのプラットフォームに合わせて作る
- 73. Plugged In
- 74. Titanium のアーキテクチャ iOS JavaScript Engine Titanium APIs Ti Modules JavaScript Code Android OS JavaScript Engine Titanium APIs Ti Modules Native iOS app Native Android app Bridge API Bridge API
- 75. Titanium モジュール • Titanium Mobile が提供していない機能は使えない が・・・ • 足りない機能をNativeコードで記述し、「モジュー ル」という形で読み込むことができる • Open Market Placeで購入可能 • GitHubなどに多数公開されている
- 76. 開発方法
- 78. Titanium Studio - Eclipse Based IDE - Single Environment
- 79. Titanium CLI with - Command Line Interface (Node.js)...etc
- 80. More Deeper!!
- 81. 技術レベル + +
- 82. Alloy
- 84. Before Alloy...
- 86. Alloy View
- 87. Alloy Controller
- 88. Alloy Model
- 90. Question?
- 91. ありがとう ございました