About Titanium Mobile

  • 1,035 views
Uploaded on

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
1,035
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
2
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

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