23
Alloy やろまい Shingo Mori ConnectionWorks Inc.

Tiなごや vol.3 Alloyやろまい

Embed Size (px)

Citation preview

Page 1: Tiなごや vol.3 Alloyやろまい

Alloy やろまい

Shingo MoriConnectionWorks Inc.

Page 2: Tiなごや vol.3 Alloyやろまい

Alloy はじめる その前に...

Page 3: Tiなごや vol.3 Alloyやろまい

before Alloy

Page 4: Tiなごや vol.3 Alloyやろまい
Page 5: Tiなごや vol.3 Alloyやろまい

その気になれば1ファイルで完結できる!!!・・・やらんけど

Page 6: Tiなごや vol.3 Alloyやろまい
Page 7: Tiなごや vol.3 Alloyやろまい

•Window毎にurl指定でマルチ・コンテキスト

•Titanium.include でシングルコンテキスト

•exports で CommonJS 準拠

•混沌とした開発シーンを救うべく颯爽と登場したのが・・・

移り変わった開発標準っぽいの

Page 8: Tiなごや vol.3 Alloyやろまい

これで最後だよね!?

Page 9: Tiなごや vol.3 Alloyやろまい

Alloy コンセプト

•MVC•Model•View•Controller

•Convention over configuration

Page 10: Tiなごや vol.3 Alloyやろまい

Alloy コンセプト

from @ryugoo_

Page 11: Tiなごや vol.3 Alloyやろまい

Alloy のコード

Page 12: Tiなごや vol.3 Alloyやろまい

index.js => controller

index.xml => View(XML)

index.tss => View(Titanium Style Sheet)

Page 13: Tiなごや vol.3 Alloyやろまい

Alloy プロジェクト構造

•app以下で開発

•Resources以下は自動生成

•画像などはapp/assets内へ

Page 14: Tiなごや vol.3 Alloyやろまい

Alloy View

•IDとclass•プラットフォーム指定

Page 15: Tiなごや vol.3 Alloyやろまい

Alloy Controller•$でエレメントへアクセス

•プラットフォーム指定

•Underscore.js

•Backbone.js イベント

Page 16: Tiなごや vol.3 Alloyやろまい

Alloy Model

•Backbone Model & Collectionがベース

•SQLite, プロパティアダプタ

•Migrationをサポート

Page 17: Tiなごや vol.3 Alloyやろまい

Alloy Model

•Model を使ったデータバインディング

Page 18: Tiなごや vol.3 Alloyやろまい

Alloy Widgets

•再利用可能な部品

•UIとロジックを内包

•Alloyと同じ構造で作成

Page 19: Tiなごや vol.3 Alloyやろまい

Live Coding!!

Page 20: Tiなごや vol.3 Alloyやろまい

Alloy まだまだだなぁって思うところ•デバッグがすごい面倒くさい•Titanium SDK 3.1 で解消されるっぽい•Modelがまだ使いづらい•RESTのSyncアダプターがまだ無い•https://github.com/viezel/napp.alloy.adapter.restapi•スタイルの動的指定ができない•画面初期化後の動きはコントローラーに書く必要有り•Alloy 1.2 で何とかなる・・・かも

注意:森の勝手な意見です!!

Page 21: Tiなごや vol.3 Alloyやろまい

Recent Work with Alloy

Page 22: Tiなごや vol.3 Alloyやろまい

Question?

Page 23: Tiなごや vol.3 Alloyやろまい

ありがとうございました