Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Carbon - Introduction of Other Titanium Framework
Search
Ryutaro Miyashita
November 16, 2012
Technology
2
440
Carbon - Introduction of Other Titanium Framework
Titanium Mobile "MokuMoku" Meetup #3 Lighting Talk (2012/11/16)
Ryutaro Miyashita
November 16, 2012
Tweet
Share
More Decks by Ryutaro Miyashita
See All by Ryutaro Miyashita
Java で書かれた Android アプリを Kotlin で書き直すまでの話 / Talk of rewrite Android app for Java to Kotlin
ryugoo
0
1.7k
開発 4 年目のアプリへの Kotlin 導入
ryugoo
0
420
チーム開発と Android アプリの構成
ryugoo
5
1.2k
開発 4 年目のアプリへの Kotlin 導入
ryugoo
1
2.7k
Either で想定内のエラーと想定外のエラーを別ものにしたい!
ryugoo
2
1.7k
全て S になる -RxJava と LWS を持ち込む楽しさ-
ryugoo
4
750
Transition at RxJava 1.x to 2.x
ryugoo
0
540
Kotlin さんと誕生日が近いだけの男の話
ryugoo
2
510
Android エンジニアになって 2 年の学び
ryugoo
1
2.7k
Other Decks in Technology
See All in Technology
インフラ寄りSREの生存戦略
sansantech
PRO
4
1.6k
freeeのアクセシビリティの現在地 / freee's Current Position on Accessibility
ymrl
2
230
How Do I Contact HP Printer Support? [Full 2025 Guide for U.S. Businesses]
harrry1211
0
120
What’s new in Android development tools
yanzm
0
330
品質と速度の両立:生成AI時代の品質保証アプローチ
odasho
1
390
2025-07-06 QGIS初級ハンズオン「はじめてのQGIS」
kou_kita
0
170
Model Mondays S2E04: AI Developer Experiences
nitya
0
190
マーケットプレイス版Oracle WebCenter Content For OCI
oracle4engineer
PRO
3
960
AI時代の開発生産性を加速させるアーキテクチャ設計
plaidtech
PRO
3
160
Operating Operator
shhnjk
1
600
MobileActOsaka_250704.pdf
akaitadaaki
0
150
American airlines ®️ USA Contact Numbers: Complete 2025 Support Guide
airhelpsupport
0
390
Featured
See All Featured
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Raft: Consensus for Rubyists
vanstee
140
7k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.9k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
960
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
Embracing the Ebb and Flow
colly
86
4.7k
The Language of Interfaces
destraynor
158
25k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
Transcript
Titanium “Moku-Moku” Meeting Tokyo #3 Carbon Carbon Native JSON UI
Titanium Framework
Titanium “Moku-Moku” Meeting Tokyo #3 Alloy Appc official Ti MVC
Framework
Titanium “Moku-Moku” Meeting Tokyo #3 Alloy 1. XML based UI
2. Backbone.js based data modeling 3. Style sheet based decoration
Titanium “Moku-Moku” Meeting Tokyo #3 Alloy 1. Awesome Style sheet
2. Good Model 3. (‘A`) XML and Complicated Coding
Titanium “Moku-Moku” Meeting Tokyo #3 Carbon Apperson Labs other approach
Ti Fw
Titanium “Moku-Moku” Meeting Tokyo #3 Carbon 1. Native JSON UI
2. Useful and Little helper method 3. Easy to use
Titanium “Moku-Moku” Meeting Tokyo #3 JSON UI ? UI structure,
CSS selector * Current ID only (Class is in the plan)
Titanium “Moku-Moku” Meeting Tokyo #3 { "TabGroup": { "id": "tabGroup",
"tabs": [{ "Tab": { "id": "leftTab", "title": "Left Tab", "window": { "id": "leftWindow", "title": "Left Window", "backgroundColor": "#FFFFFF", "children": [{ "Label": { "id": "firstLabel", "class": "sampleLabels", "color": "#666666" } }] } JSON Add ID prop Structured UI
Titanium “Moku-Moku” Meeting Tokyo #3 { "TabGroup": { "id": "tabGroup",
"tabs": [{ "Tab": { "id": "leftTab", "title": "Left Tab", "window": { "id": "leftWindow", "title": "Left Wind "backgroundColor": "children": [{ "Label": { "id": "firs "class": "s "color": "# } }] } Carbon = require("appersonlabs.carbon"); UI = Carbon.UI.open("UI.json"); leftTab = Carbon.UI.find("#leftTab"); leftTab.title = "Hoge"; var lbl = Carbon.UI.create({"Label" : { id: "inlineLabel", text: "Inline Create Element" }}); (Carbon.UI.find("#leftWindow")).add(lbl); UI.open(); Use in JS CSS selector access Inline Create Element
Titanium “Moku-Moku” Meeting Tokyo #3 Native ? 1. Not convert
to JavaScript 2. Not “cross the bridge” 3. App will be faster * It seems that Apperson Labs says
Titanium “Moku-Moku” Meeting Tokyo #3 Testing 1. Create 2 Tabs
2. Left Tab window have Label 3. Rewrite Label text 300 times 4. Create new Label 300 times 5. Open Detection Area
Titanium “Moku-Moku” Meeting Tokyo #3 Result Carbon JavaScript 43 ms
30 ms
Titanium “Moku-Moku” Meeting Tokyo #3 ( ƅдƅ )
Titanium “Moku-Moku” Meeting Tokyo #3 However 0. Too severe a
test 1. Carbon is Version 0.1 2. Not optimization (maybe) 3. Code is simple and Use helper func! 4. Hoping for evolution :-)
Titanium “Moku-Moku” Meeting Tokyo #3 CODESTRONG