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
440
チーム開発と 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
Adminaで実現するISMS/SOC2運用の効率化 〜 アカウント管理編 〜
shonansurvivors
4
440
ユーザーの声とAI検証で進める、プロダクトディスカバリー
sansantech
PRO
1
130
【Kaigi on Rails 事後勉強会LT】MeはどうしてGirlsに? 私とRubyを繋いだRail(s)
joyfrommasara
0
240
AWS 잘하는 개발자 되기 - AWS 시작하기: 클라우드 개념부터 IAM까지
kimjaewook
0
130
『バイトル』CTOが語る! AIネイティブ世代と切り拓くモノづくり組織
dip_tech
PRO
1
120
新規事業におけるGORM+SQLx併用アーキテクチャ
hacomono
PRO
0
220
カンファレンスに託児サポートがあるということ / Having Childcare Support at Conferences
nobu09
1
540
リセラー企業のテクサポ担当が考える、生成 AI 時代のトラブルシュート 2025
kazzpapa3
1
160
Node.js 2025: What's new and what's next
ruyadorno
0
120
「れきちず」のこれまでとこれから - 誰にでもわかりやすい歴史地図を目指して / FOSS4G 2025 Japan
hjmkth
1
300
プロポーザルのコツ ~ Kaigi on Rails 2025 初参加で3名の登壇を実現 ~
naro143
1
220
AWS Control Tower に学ぶ! IAM Identity Center 権限設計の第一歩 / IAM Identity Center with Control Tower
y___u
0
150
Featured
See All Featured
What's in a price? How to price your products and services
michaelherold
246
12k
Done Done
chrislema
185
16k
A Modern Web Designer's Workflow
chriscoyier
697
190k
Documentation Writing (for coders)
carmenintech
75
5.1k
A better future with KSS
kneath
239
18k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
4 Signs Your Business is Dying
shpigford
185
22k
Testing 201, or: Great Expectations
jmmastey
45
7.7k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
900
Code Review Best Practice
trishagee
72
19k
Being A Developer After 40
akosma
91
590k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.6k
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