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
430
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.6k
開発 4 年目のアプリへの Kotlin 導入
ryugoo
0
400
チーム開発と Android アプリの構成
ryugoo
5
1.1k
開発 4 年目のアプリへの Kotlin 導入
ryugoo
1
2.5k
Either で想定内のエラーと想定外のエラーを別ものにしたい!
ryugoo
2
1.6k
全て S になる -RxJava と LWS を持ち込む楽しさ-
ryugoo
4
690
Transition at RxJava 1.x to 2.x
ryugoo
0
510
Kotlin さんと誕生日が近いだけの男の話
ryugoo
2
490
Android エンジニアになって 2 年の学び
ryugoo
1
2.6k
Other Decks in Technology
See All in Technology
タイミーのレコメンドにおける ABテストの運用
ozeshun
1
220
LLVM/ASMを使った有限体の高速実装
herumi
0
120
『GRANBLUE FANTASY: Relink』専任エンジニアチームで回す大規模開発QAサイクル
cygames
0
110
PDF Viewer作成の今までとこれから
hunachi
0
480
たった1人からはじめる【Agile Community of Practice】~ソース原理とFearless Changeを添えて~
ktc_corporate_it
1
510
20240912 JJUGナイトセミナー
mii1004
0
140
AIを活用した柔軟かつ効率的な社内リソース検索への取り組み
cygames
0
210
Cloud Run と GitHub Template Repository による軽量なアプリケーションプラットフォーム/ #nikkei_tech_talk
nikkei_engineer_recruiting
0
120
やってやろうじゃないかメカアジャイル! / Let's do it, mechanical agile!
psj59129
1
700
Swift Testingのconfirmationを コードリーディング/Dive into Swift Testing confirmation
laprasdrum
2
270
スタッフエンジニアの道: The Staff Engineer’s Path
snoozer05
PRO
44
15k
Analytics-Backed App Widget Development - Served with Jetpack Glance
miyabigouji
0
640
Featured
See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
26
2k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
502
140k
Infographics Made Easy
chrislema
239
18k
Happy Clients
brianwarren
96
6.6k
Building Your Own Lightsaber
phodgson
101
6k
Optimizing for Happiness
mojombo
375
69k
Gamification - CAS2011
davidbonilla
79
5k
The World Runs on Bad Software
bkeepers
PRO
64
11k
For a Future-Friendly Web
brad_frost
174
9.3k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
28
1.6k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
5
490
GitHub's CSS Performance
jonrohan
1030
450k
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