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
430
チーム開発と Android アプリの構成
ryugoo
5
1.2k
開発 4 年目のアプリへの Kotlin 導入
ryugoo
1
2.7k
Either で想定内のエラーと想定外のエラーを別ものにしたい!
ryugoo
2
1.7k
全て S になる -RxJava と LWS を持ち込む楽しさ-
ryugoo
4
760
Transition at RxJava 1.x to 2.x
ryugoo
0
550
Kotlin さんと誕生日が近いだけの男の話
ryugoo
2
520
Android エンジニアになって 2 年の学び
ryugoo
1
2.7k
Other Decks in Technology
See All in Technology
Rustから学ぶ 非同期処理の仕組み
skanehira
1
130
Platform開発が先行する Platform Engineeringの違和感
kintotechdev
4
540
Terraformで構築する セルフサービス型データプラットフォーム / terraform-self-service-data-platform
pei0804
1
140
2025年夏 コーディングエージェントを統べる者
nwiizo
0
140
Codeful Serverless / 一人運用でもやり抜く力
_kensh
7
360
La gouvernance territoriale des données grâce à la plateforme Terreze
bluehats
0
150
なぜスクラムはこうなったのか?歴史が教えてくれたこと/Shall we explore the roots of Scrum
sanogemaru
5
1.5k
ChatGPTとPlantUML/Mermaidによるソフトウェア設計
gowhich501
1
130
AWSで始める実践Dagster入門
kitagawaz
1
580
Flutterでキャッチしないエラーはどこに行く
taiju59
0
220
会社紹介資料 / Sansan Company Profile
sansan33
PRO
6
380k
フルカイテン株式会社 エンジニア向け採用資料
fullkaiten
0
8.7k
Featured
See All Featured
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
520
Building Adaptive Systems
keathley
43
2.7k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
How to train your dragon (web standard)
notwaldorf
96
6.2k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3k
Rails Girls Zürich Keynote
gr2m
95
14k
Practical Orchestrator
shlominoach
190
11k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
840
Making Projects Easy
brettharned
117
6.4k
The Language of Interfaces
destraynor
161
25k
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