狠狠撸

狠狠撸Share a Scribd company logo
タイタニウム         モバイル


TitaniumMobileで
 適当にアプリ作る


                      2011.2.5 ホンダヨシノリ
自己紹介


ホンダヨシノリ(Webディレクター)
 
?HTML+CSS+Javascript
?最近の悩み:家が生臭い。
?twitter : web_holic
?http://www.web-holic.com
超ゆるい勉強会

WMO(Webモアイ沖縄)
   やってます。
闲话休题
颈笔丑辞苍别アプリ
     ↓
 objective-c
意味くじピーマン
そんなあなたに
TitaniumMobile
Titanium Mobileとは
?JavascriptからiPhone,iPad,Androidアプリを作れるソフト
?一番下のプランはタダ
?ドキュメントが豊富(日本語+公式の英語フォーラム)
?調子乗ってAptanaを買収
?最近の勢いがすごい
?ノンプログラマに優しい

Webアプリ(html5+CSS)に比べて…
?ネイティブなカメラやメディアライブラリなどの操作も可能
?アプリとしてApplestoreに置ける→課金もできる

Objective-cの開発に比べて…
?できることは限られている
?メモリリークとか気にしなくていい。
Titanium Mobileの仕組み

JSファイル+リソースファイル(画像)
         ↓
       Titanium Mobile
              ↓
 Objective-cのプロジェクトに変換
     (Android,iPad,iPhone)
実際に颈笔丑辞苍别アプリをつくる
必要なもの


?TitaniumMobile(フリー)
?iOSのSDK(フリー)
?Macintosh
?iOSDeveloperProgram(1年1万円くらい)


DeveloperProgramは実機転送に必要。無くて
もある程度はいけるが、ここは必要投資。
ちょっとだけ実演。
基本的なこと
 //パーツをつくる
 var button = Titanium.UI.createButton({
      color:'#000',
      title:'test',
       width:'100',
       height:'50'
 });


 //挙動を設定
 button.addEventListener('click',function(){
 });


 //画面に追加
 win1.add(button);


 複数のwindowを扱うときはTabGroupを使う。
 タイトルだったりが自動で出せるため。
 下のナビはプロパティで消せる。
しかし、こんなもんでアプリできるのかよ。
しーさー時計


?TitaniumMobileで開発(1.4)
?開発は二週間程度(夜)。
?iOS4に対応
?115円
?売れてない
?でもアプリつくったよ!
ノンプログラマがアプリをつくる
           1.作りたいものを考える
                 ↓
2.TitaniumMobileのKitchenShinkを見る
                ↓
            3.分かりにくところは
 http://code.google.com/p/titanium-mobile-doc-ja/
                     で確認
           ↓
4.詰まったら公式のQ&Aで同じような例を探す
ノンプログラマが
        アプリ?
今まで
これから




?TitaniumMobileで開発の敷居はぐっと低くなった。
?あとはアイディア次第でいろんなことができる(はず)
?アプリは二分化 → 高度な技術を使った物
         → アイディア勝負な物
?本業の「Web」をアプリをからめてもっと面白く!
?これから来るAndroidの波にも乗っていける?
当日全部説明できなくてゴメンサナイ

リンク関連


TitaniumMobile
http://developer.appcelerator.com/


APIのドキュメント(英語)
http://developer.appcelerator.com/documentation


ドキュメントを日本語でまとめていくプロジェクト
http://code.google.com/p/titanium-mobile-doc-ja/

More Related Content

Titanium