eXtream HAGO 2011 Winter の発表資料

1. タイタニウム モバイル
TitaniumMobileで
適当にアプリ作る
2011.2.5 ホンダヨシノリ

2. 自己紹介
ホンダヨシノリ（Webディレクター）
・HTML＋CSS+Javascript
・最近の悩み：家が生臭い。
・twitter : web_holic
・http://www.web-holic.com

3. 超ゆるい勉強会
WMO（Webモアイ沖縄）
やってます。

4. 閑話休題

5. iPhoneアプリ
↓
objective-c

6. 意味くじピーマン

7. そんなあなたに

8. TitaniumMobile

9. Titanium Mobileとは
・JavascriptからiPhone,iPad,Androidアプリを作れるソフト
・一番下のプランはタダ
・ドキュメントが豊富（日本語＋公式の英語フォーラム）
・調子乗ってAptanaを買収
・最近の勢いがすごい
・ノンプログラマに優しい
Webアプリ（html5+CSS）に比べて…
・ネイティブなカメラやメディアライブラリなどの操作も可能
・アプリとしてApplestoreに置ける→課金もできる
Objective-cの開発に比べて…
・できることは限られている
・メモリリークとか気にしなくていい。

10. Titanium Mobileの仕組み
JSファイル＋リソースファイル（画像）
↓
Titanium Mobile
↓
Objective-cのプロジェクトに変換
(Android,iPad,iPhone)

11. 実際にiPhoneアプリをつくる
必要なもの
・TitaniumMobile（フリー）
・iOSのSDK（フリー）
・Macintosh
・iOSDeveloperProgram（1年1万円くらい）
DeveloperProgramは実機転送に必要。無くて
もある程度はいけるが、ここは必要投資。

12. ちょっとだけ実演。

13. 基本的なこと
//パーツをつくる
var button = Titanium.UI.createButton({
color:'#000',
title:'test',
width:'100',
height:'50'
});
//挙動を設定
button.addEventListener('click',function(){
});
//画面に追加
win1.add(button);
複数のwindowを扱うときはTabGroupを使う。
タイトルだったりが自動で出せるため。
下のナビはプロパティで消せる。

14. しかし、こんなもんでアプリできるのかよ。

15. しーさー時計
・TitaniumMobileで開発(1.4)
・開発は二週間程度（夜）。
・iOS4に対応
・115円
・売れてない
・でもアプリつくったよ！

16. ノンプログラマがアプリをつくる
1.作りたいものを考える
↓
2.TitaniumMobileのKitchenShinkを見る
↓
3.分かりにくところは
http://code.google.com/p/titanium-mobile-doc-ja/
で確認
↓
4.詰まったら公式のQ&Aで同じような例を探す

17. ノンプログラマが
アプリ？
今まで

18. これから
・TitaniumMobileで開発の敷居はぐっと低くなった。
・あとはアイディア次第でいろんなことができる（はず）
・アプリは二分化 → 高度な技術を使った物
→ アイディア勝負な物
・本業の「Web」をアプリをからめてもっと面白く！
・これから来るAndroidの波にも乗っていける？

19. 当日全部説明できなくてゴメンサナイ
リンク関連
TitaniumMobile
http://developer.appcelerator.com/
APIのドキュメント（英語）
http://developer.appcelerator.com/documentation
ドキュメントを日本語でまとめていくプロジェクト
http://code.google.com/p/titanium-mobile-doc-ja/