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.6k
Either で想定内のエラーと想定外のエラーを別ものにしたい!
ryugoo
2
1.7k
全て S になる -RxJava と LWS を持ち込む楽しさ-
ryugoo
4
740
Transition at RxJava 1.x to 2.x
ryugoo
0
530
Kotlin さんと誕生日が近いだけの男の話
ryugoo
2
510
Android エンジニアになって 2 年の学び
ryugoo
1
2.6k
Other Decks in Technology
See All in Technology
フルカイテン株式会社 エンジニア向け採用資料
fullkaiten
0
5.4k
MCPを理解する
yudai00
12
9k
Web Intelligence and Visual Media Analytics
weblyzard
PRO
1
5.9k
AI-in-the-Enterprise|OpenAIが公開した「AI導入7つの教訓」——ChatGPTで変わる企業の未来とは?
customercloud
PRO
0
110
Gateway H2 モジュールで スマートホーム入門
minoruinachi
0
120
Twelve-Factor-Appから学ぶECS設計プラクティス/ECS practice for Twelve-Factor-App
ozawa
3
160
より良い開発者体験を実現するために~開発初心者が感じた生成AIの可能性~
masakiokuda
0
230
PostgreSQL Log File Mastery: Optimizing Database Performance Through Advanced Log Analysis
shiviyer007
PRO
1
150
ドキュメント管理の理想と現実
kazuhe
3
310
OpenLane-V2ベンチマークと代表的な手法
kzykmyzw
0
150
社会人力と研究力ー博士号をキャリアの武器にするー
kentaro
2
100
MCPが変えるAIとの協働
knishioka
1
120
Featured
See All Featured
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.2k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
Embracing the Ebb and Flow
colly
85
4.7k
Unsuck your backbone
ammeep
671
57k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
178
53k
How to Think Like a Performance Engineer
csswizardry
23
1.6k
The Straight Up "How To Draw Better" Workshop
denniskardys
233
140k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Visualization
eitanlees
146
16k
Build The Right Thing And Hit Your Dates
maggiecrowley
35
2.7k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
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