Your SlideShare is downloading. ×
0
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

WCAN Autumn 2013 Titaniumのおはなし

4,934

Published on

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

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
4,934
On Slideshare
0
From Embeds
0
Number of Embeds
10
Actions
Shares
0
Downloads
17
Comments
0
Likes
10
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

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

×