大なごやjs vol.6 titanium mobile と alloy の解説をするよ！

Titanium Alloy を紹介するよ

Shingo MoriConnectionWorks 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

Titanium APIs Ti Modules

Native iOS app Native Android app

Bridge API Bridge API

•JavaScriptがObjective-CやJavaに変換される

•HTML5とCSS3で組む

If there is no API?

•足りない機能などがあれば、Native言語でその部分のみを開発し、Titanium JavaScriptから呼び出すこともできます。

•「モジュール」と言います。

•モジュールは買うこともできます。売ることもできます。Appceleratorがマーケットを提供しています。

Titanium API に無い機能...

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

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アダプターがまだ無い

•スタイルの動的指定ができない•画面初期化後の動きはコントローラーに書く必要有り•Alloy 1.2 で何とかなる・・・かも

Question?

告知！！•Ti なごや vol.4 をやります•7月13日(土)•今回はもくもく会スタイル•分からないこととかお手伝いしますよ•環境構築とかでもOK•「Ti なごや 4」で検索

ありがとうございました