Titanium Alloy
を紹介するよ
Shingo Mori
ConnectionWorks Inc.
• ConnectionWorks Inc.
• (株)コネクションワークス
• @sngmr
• ソフトウェアエンジニア
• 兼営業兼企画兼コンサル兼経理
Shingo Mori
森 真 吾
この本を書きました
Titanium Mobile?
JavaScriptwith
How to move?
Titanium Architecture
iOS API
JavaScript Engine
Titanium APIs Ti Modules
JavaScript Code
Android API
JavaScript Engine
Tit...
•JavaScriptがObjective-CやJavaに
変換される
•HTML5とCSS3で組む
If there is no API?
•足りない機能などがあれば、Native言語でその部分のみを開
発し、Titanium JavaScriptから呼び出すこともできます。
•「モジュール」と言います。
•モジュールは買うこともできます。売ることもできます。
Appcelerat...
Titanium Architecture
iOS API
JavaScript Engine
Titanium APIs Ti Modules
JavaScript Code
Android API
JavaScript Engine
Tit...
How to develop?
- Eclipse Based IDE
- Single Environment
Titanium Studio
Titanium CLI
with
- NodeJS base Command Line Interface
...etc
Titanium Alloy?
Alloy Concept
from @ryugoo_
before Alloy...
その気になれば
1ファイルですべて
完結できる!!!
・・・やらんけど
How to make with Alloy?
Alloy Project Structure
•app以下で開発
•GeneratorでMVCを生成
•Resources以下は自動生成
•AlloyはPreCompiler
•画像などはapp/assets内へ
Alloy View
•IDとclass
•プラットフォーム指定
Alloy Controller
•$でエレメントへアクセス
•プラットフォーム指定
•Underscore.js
•Backbone.js イベント
Alloy Model
•Backbone Model & Collection
がベース
•SQLite, プロパティアダプタ
•Migrationをサポート
Alloy Model
•Model を使ったデータバインディング
Alloy Widgets
•再利用可能な部品
•UIとロジックを内包
•Alloyと同じ構造で作成
Alloy まだまだだなぁって思うところ
•デバッグがすごい面倒くさい
•Titanium SDK 3.1 で解消されるっぽい された
•Modelがまだ使いづらい
•RESTのSyncアダプターがまだ無い
•スタイルの動的指定ができない
•画...
Question?
告知!!
•Ti なごや vol.4 をやります
•7月13日(土)
•今回はもくもく会スタイル
•分からないこととかお手伝いしますよ
•環境構築とかでもOK
•「Ti なごや 4」で検索
ありがとうございました
大なごやJS vol.6 Titanium Mobile と Alloy の解説をするよ!
大なごやJS vol.6 Titanium Mobile と Alloy の解説をするよ!
Upcoming SlideShare
Loading in...5
×

大なごやJS vol.6 Titanium Mobile と Alloy の解説をするよ!

5,419

Published on

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

No Downloads
Views
Total Views
5,419
On Slideshare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
9
Comments
0
Likes
7
Embeds 0
No embeds

No notes for slide

大なごやJS vol.6 Titanium Mobile と Alloy の解説をするよ!

  1. 1. Titanium Alloy を紹介するよ Shingo Mori ConnectionWorks Inc.
  2. 2. • ConnectionWorks Inc. • (株)コネクションワークス • @sngmr • ソフトウェアエンジニア • 兼営業兼企画兼コンサル兼経理 Shingo Mori 森 真 吾
  3. 3. この本を書きました
  4. 4. Titanium Mobile?
  5. 5. JavaScriptwith
  6. 6. How to move?
  7. 7. Titanium Architecture iOS API JavaScript Engine Titanium APIs Ti Modules JavaScript Code Android API JavaScript Engine Titanium APIs Ti Modules Native iOS app Native Android app Bridge API Bridge API
  8. 8. •JavaScriptがObjective-CやJavaに 変換される •HTML5とCSS3で組む
  9. 9. If there is no API?
  10. 10. •足りない機能などがあれば、Native言語でその部分のみを開 発し、Titanium JavaScriptから呼び出すこともできます。 •「モジュール」と言います。 •モジュールは買うこともできます。売ることもできます。 Appceleratorがマーケットを提供しています。 Titanium API に無い機能...
  11. 11. Titanium Architecture iOS API JavaScript Engine Titanium APIs Ti Modules JavaScript Code Android API JavaScript Engine Titanium APIs Ti Modules Native iOS app Native Android app Bridge API Bridge API
  12. 12. How to develop?
  13. 13. - Eclipse Based IDE - Single Environment Titanium Studio
  14. 14. Titanium CLI with - NodeJS base Command Line Interface ...etc
  15. 15. Titanium Alloy?
  16. 16. Alloy Concept from @ryugoo_
  17. 17. before Alloy...
  18. 18. その気になれば 1ファイルですべて 完結できる!!! ・・・やらんけど
  19. 19. How to make with Alloy?
  20. 20. Alloy Project Structure •app以下で開発 •GeneratorでMVCを生成 •Resources以下は自動生成 •AlloyはPreCompiler •画像などはapp/assets内へ
  21. 21. Alloy View •IDとclass •プラットフォーム指定
  22. 22. Alloy Controller •$でエレメントへアクセス •プラットフォーム指定 •Underscore.js •Backbone.js イベント
  23. 23. Alloy Model •Backbone Model & Collection がベース •SQLite, プロパティアダプタ •Migrationをサポート
  24. 24. Alloy Model •Model を使ったデータバインディング
  25. 25. Alloy Widgets •再利用可能な部品 •UIとロジックを内包 •Alloyと同じ構造で作成
  26. 26. Alloy まだまだだなぁって思うところ •デバッグがすごい面倒くさい •Titanium SDK 3.1 で解消されるっぽい された •Modelがまだ使いづらい •RESTのSyncアダプターがまだ無い •スタイルの動的指定ができない •画面初期化後の動きはコントローラーに書く必要有り •Alloy 1.2 で何とかなる・・・かも
  27. 27. Question?
  28. 28. 告知!! •Ti なごや vol.4 をやります •7月13日(土) •今回はもくもく会スタイル •分からないこととかお手伝いしますよ •環境構築とかでもOK •「Ti なごや 4」で検索
  29. 29. ありがとうございました
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×