About Titanium Mobile

1,269 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,269
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

About Titanium Mobile

  1. 1. JavaScript でアプリ開発 Titanium mobile いっせい @5 歳 /@issei126 2011/11/12 at 新宿区消費生活センター分館 会議室
  2. 2. こんな人いませんか? Android アプリ作ってみたい! でも Javascript は使えても Java わからん / (^o^) \ とか Android アプリも iOS アプリも作らなあかん orz
  3. 3. そこで Titanium Mobile ! <ul><li>Titanium Mobile とは? </li></ul><ul><ul><li>JavaScript でアプリが作れてしまう素敵なツールキット </li></ul></ul><ul><ul><li>ひとつのコードで Android アプリも iOS アプリも! </li></ul></ul><ul><ul><li>デバイスの機能も使えます </li></ul></ul><ul><ul><ul><li>カメラ </li></ul></ul></ul><ul><ul><ul><li>動画再生 </li></ul></ul></ul><ul><ul><ul><li>GPS  などなど </li></ul></ul></ul><ul><ul><li>Java でモジュール作成して機能追加もできる! </li></ul></ul><ul><ul><li>無料! お金払うとサポートついたりするよ! </li></ul></ul>
  4. 4. とりあえず Helloworld // this sets the background color of the master UIView (when there are no windows/tab groups on it) Titanium.UI.setBackgroundColor('#000'); // // create base UI tab and root window // var win1 = Titanium.UI.createWindow({ title:'Window 1', backgroundColor:'#fff' }); var label1 = Titanium.UI.createLabel({ color:'#999', text:'Hello Desire Off', font:{fontSize:20,fontFamily:'Helvetica Neue'}, textAlign:'center', width:'auto' }); win1.add(label1); win1.open();
  5. 5. 実行してみるよ! こんな感じになります
  6. 6. 時計を作ってみる Titanium.UI.setBackgroundColor('#000'); var win1 = Titanium.UI.createWindow({ title:'Window 1', backgroundColor:'#fff' }); var label1 = Titanium.UI.createLabel({ color:'#999', text:&quot;HH:MM:SS&quot;, font:{fontSize:20,fontFamily:'Helvetica Neue'}, textAlign:'center', width:'auto' }); setInterval(function(){ var d = new Date(); label1.text = String.format(&quot;%d:%d:%d&quot;, d.getHours(), d.getMinutes(), d.getSeconds()); }, 1000); win1.add(label1);
  7. 7. 実行してみる
  8. 8. 実行してみる
  9. 9. Eclipse での開発と比較 <ul><li>Activity っていう概念がない </li></ul><ul><li>JavaScript で記述することはデメリットもある </li></ul><ul><ul><li>デバッグとかデバッグとかデバッグとか。。。 </li></ul></ul><ul><li>Android 2.1 以上でないと動かない </li></ul><ul><li>実は Eclipse でがっつり開発したことないので わからなかったり (^q^ </li></ul>
  10. 10. じつ☆れい!
  11. 11. Titanium Mobile で作ったもの <ul><li>ヘアレコ(ぜひマーケットで検索を m(_ _)m) </li></ul><ul><ul><li>顔写真からヘアスタイルを検索 </li></ul></ul><ul><ul><li>検索はサーバに投げてる </li></ul></ul><ul><ul><li>アプリ側はカメラ or 写真選択で画像うpと結果表示 </li></ul></ul>
  12. 12. ヘアレコのキャプチャ
  13. 13. これの開発とかについて <ul><li>自分について </li></ul><ul><ul><li>全く Titanium Mobile について知識なし </li></ul></ul><ul><ul><li>JavaScript の経験はまぁまぁある </li></ul></ul><ul><ul><li>Twicca のプラグイン位しか作ったことない </li></ul></ul><ul><li>期間 </li></ul><ul><ul><li>平日の夜と土日 ×3 週間=実質7日くらい </li></ul></ul>
  14. 14. まとめ Titanium Mobile ならサクサクアプリ作れます! ぜひお試しあれ!!!
  15. 15. ご清聴ありがとうございました m(_ _)m

×