Titanium もくもく会 #5

Transcript

1. tiTokyo ΞϓϦͰ͖ͨʂ Titanium ΋͘΋͘ձ #5 13೥1݄26೔౔༵೔
2. ࣗݾ঺հ • ͍ͦ΂͜ʔ͚͢ʢ@k0sukeyʣ • ඿দͰಇ͍͍ͯ·͢ • Ti ྺ͸΋͏ͪΐͬͱͰ2೥ • TiPlatformConnect / TiIconicFont ͱ͔ ࡞͍ͬͯ·͢ 13೥1݄26೔౔༵೔
3. ͯ͠·͔͢ʁ 13೥1݄26೔౔༵೔
4. ΞϓϦΛ ࡞͖ͬͯ·ͨ͠ʂ https://github.com/k0sukey/tiTokyo 13೥1݄26೔౔༵೔
5. tiTokyo ΞϓϦ • ΋ͪΖΜ iOS / Android ྆ରԠ • Alloy 0.3.6 ʹରԠʢexpr ͷ൵ܶʣ • i18nʢ೔ຊޠ / ӳޠʣ΋ • model ΋ͪΐͬͱ͚ͩ࢖͍ͬͯ·͢ • widget ΋࢖͍ͬͯ·͢ 13೥1݄26೔౔༵೔
6. ָ͍͠Ͱ͢Αʂ 13೥1݄26೔౔༵೔
7. Builtins ͕ศརʂ • animation.js • dialogs.js • measurement.js • moment.js • social.js 13೥1݄26೔౔༵೔
8. animation.js var win = Ti.UI.createWindow(); var view = Ti.UI.createView({ transform: Ti.UI.create2DMatrix() }); win.add(view); view.animate({ duration: 200, transform: Ti.UI.create2DMatrix().scale(1.05, 1.05) }, function(){ view.animate({ duration: 200, transform: Ti.UI.create2DMatrix() }, function(){ ... }); }); var Animation = require(‘alloy/ animation’); var win = Ti.UI.createWindow(); var view = Ti.UI.createView(); win.add(view); Animation.popIn(view, function(){ ... }); 13೥1݄26೔౔༵೔
9. dialogs.js var dialog = Ti.UI.createAlertDialog({ title: ‘title’, message: ‘message’, buttonNames: [ ‘No’, ‘Yes’ ], cancel: 0 }); dialog.addEventListener(‘click’, function(e){ ... }); dialog.show(); var Dialogs = require(‘alloy/ dialogs’); Dialogs.confirm({ title: ‘title’, message: ‘message’, yes: ‘Yes’, no: ‘No’, callback: function(){ ... } }); 13೥1݄26೔౔༵೔
10. var Social = require(‘alloy/social’); var twitter = Social.create({ consumerKey: ‘’, consumerSecret: ‘’ }); var tweet = funtion(){ twitter.share({ message: ‘message’, success: function(){}, error: function(){} }); }; if (twitter.isAuthorized) { tweet(); } else { twitter.authorize(tweet); } social.js 13೥1݄26೔౔༵೔
11. REST API Sync Adapter΋ศརʂ • Mads MΦller ͞Μ͕࡞ΒΕ͍ͯ·͢ https://github.com/viezel/napp.alloy.adapter.restapi • TableView ͷ Data Binding Ͱ޾ͤʹ... 13೥1݄26೔౔༵೔
12. ΈΜͳ΋༡΅͏ʂ 13೥1݄26೔౔༵೔
13. 13೥1݄26೔౔༵೔