WCAN Autumn 2013 Titaniumのおはなし

5,873 views

Published on

2013年9月14日に開催されたWCAN Autumn 2013の、セッション 1 Room B で開催された、「そろそろ使ってみませんか?JavaScriptだけでスマフォアプリを作る「Titanium Mobile」」のスライド。

Published in: Technology
0 Comments
10 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
5,873
On SlideShare
0
From Embeds
0
Number of Embeds
4,345
Actions
Shares
0
Downloads
18
Comments
0
Likes
10
Embeds 0
No embeds

No notes for slide

WCAN Autumn 2013 Titaniumのおはなし

  1. 1. そろそろ使ってみませんか? JavaScriptだけで スマフォアプリを作る Titanium Mobile Shingo Mori ConnectionWorks Inc.
  2. 2. ようこそ!
  3. 3. 森 真 吾 @sngmr ConnectionWorks Inc.
  4. 4. エンジニアです
  5. 5. Windowsインフラ構築 大規模バッチ処理運用 障害管理(お客さんにあやまる課) .NETによる開発 Webシステム開発 スマートフォンアプリ開発 …etc こんなことやってきました
  6. 6. Ti Nagoya 主催 Titanium ユーザー会 FxUG名古屋 主催(してた) 各技術コミュニティでの発表 技術本の執筆 講演・講師 St.Patricks Day Parade Nagoya 実行委員(してた) ...etc こんなこともやってます
  7. 7. はじめましょう
  8. 8. 今日の流れ 1. スマートフォンを取り巻く世の中の流れ 2. What? -- なにがある? -- 3. How? -- どのようにやる? -- 4. Dive into Titanium!!! 5. More Deeper!!! 6. Live Coding!
  9. 9. スマートフォンを取り巻く 世の中の流れ
  10. 10. スマートフォンの普及率 出典:Our Mobile Planet Japan by Google
  11. 11. 出典:Our Mobile Planet Japan by Google
  12. 12. ・・・・
  13. 13. 今さら感漂うので 割愛!!
  14. 14. スマートフォンへの リーチは必須!!
  15. 15. What?
  16. 16. Web HTML5 アプリ
  17. 17. モバイル向けWebは必要 • 検索エンジン経由 • コーポレートサイト • 広告など • その他一般的なWeb • HTML5 / CSS3 • どんどん使いましょう → やることの基本はPC版のWebサイトとほぼ同じ
  18. 18. HTML5 Webアプリは? • アプリに似た動作 • プラットフォーム依存無 • PUSH通知が使えない • カメラなども使えない • まだ少し早い・・かな • パフォーマンス問題 • 将来的には期待してる → 特にアプリ代替としてのHTML5アプリはまだ厳しい
  19. 19. モバイルアプリケーション! • ストアに並ぶ • カメラなども使える • PUSH通知ができる • UI/UXの表現に優れる • (まだ)自慢できる • ただしインストールの ハードルは意外と高い
  20. 20. モバイルアプリは モバイルコンテンツ の大本命!!
  21. 21. Connect!!
  22. 22. 提供:株式会社デンソー
  23. 23. 提供:株式会社デンソー
  24. 24. Wearable!!
  25. 25. From http://google.com/glass
  26. 26. MBaaS
  27. 27. Mobile Backend as a Service
  28. 28. Key Features of Titanium Cloud Services
  29. 29. こんなに魅力的な スマートフォンアプリ 開発・・・
  30. 30. How?
  31. 31. Titanium Mobile
  32. 32. Objective-C Java
  33. 33. どっちも 覚えなきゃ いけないの?
  34. 34. JavaScript with
  35. 35. 開発元
  36. 36. • アメリカ・シリコンバレーに本社 • 歴史 • 2006 創業 • 2007 Series A $6.2M • 2009 Titanium リリース • 2010 Series B $9M • 2011 Series C $15M • 2012 Series C-1 $16M
  37. 37. 使われてるの?
  38. 38. Zipcar
  39. 39. Zaim
  40. 40. サイボウズLive
  41. 41. モトクロ男子
  42. 42. More... http://www.sawadaru.com/blog/?p=562
  43. 43. どんな機能が使える?
  44. 44. 機能は(だいたい)全部使えます 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.
  45. 45. Native UI も使えます
  46. 46. ライバル
  47. 47. PhoneGap • HTML5/CSS3で開発 → Webから入りやすい • カメラやPUSH通知なども利用ができる
  48. 48. Others...
  49. 49. 弱点
  50. 50. Titanium Mobile の弱点 • リアルタイム処理が要求されるもの • 代表的なのはゲーム • Platino Game Engine によって変わるか? • UI デザイナーがない • すべてコードで表現しなければならない • プラットフォーム固有の新機能への対応がどうしても (少し)遅れる
  51. 51. おいくら?
  52. 52. 基本無料です
  53. 53. サーバーなんて できない...
  54. 54. Titanium Cloud
  55. 55. Key Features of Titanium Cloud Services
  56. 56. おいくら?
  57. 57. 無料枠有り
  58. 58. こんなに素晴らしい Titanium Mobile の世界...
  59. 59. Dive into Titanium!!
  60. 60. 技術レベル++
  61. 61. Architecture
  62. 62. 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
  63. 63. 誤解
  64. 64. •JavaScriptが、Nativeの Objective-C や Java に変換される •HTMLとCSSで実装する
  65. 65. Write Once Run Anywhere..
  66. 66. やめた方がいい
  67. 67. • プラットフォームにより、固有のお作法(ユーザーが 自然と感じる振る舞い)がある • 無理やり合わせることはできるが、ユーザーは混乱す る • UI部分はそれぞれのプラットフォームに合わせて作る
  68. 68. Plugged In
  69. 69. 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
  70. 70. Titanium モジュール • Titanium Mobile が提供していない機能は使えない が・・・ • 足りない機能をNativeコードで記述し、「モジュー ル」という形で読み込むことができる • Open Market Placeで購入可能 • GitHubなどに多数公開されている
  71. 71. 開発方法
  72. 72. Install Native SDKs
  73. 73. Titanium Studio - Eclipse Based IDE - Single Environment
  74. 74. Titanium CLI with - Command Line Interface (Node.js)...etc
  75. 75. More Deeper!!
  76. 76. 技術レベル + +
  77. 77. Alloy
  78. 78. Alloy Concept from @ryugoo_
  79. 79. Before Alloy...
  80. 80. その気になれば 1ファイルにすべて 完結できた
  81. 81. Alloy View
  82. 82. Alloy Controller
  83. 83. Alloy Model
  84. 84. Live Coding!! https://github.com/sngmr/WcanAlloyDemo1
  85. 85. Question?
  86. 86. ありがとう ございました

×