Titanium

4,181 views

Published on

eXtream HAGO 2011 Winter の発表資料

Titanium

  1. 1. タイタニウム         モバイルTitaniumMobileで 適当にアプリ作る 2011.2.5 ホンダヨシノリ
  2. 2. 自己紹介ホンダヨシノリ(Webディレクター) ・HTML+CSS+Javascript・最近の悩み:家が生臭い。・twitter : web_holic・http://www.web-holic.com
  3. 3. 超ゆるい勉強会WMO(Webモアイ沖縄) やってます。
  4. 4. 閑話休題
  5. 5. iPhoneアプリ ↓ objective-c
  6. 6. 意味くじピーマン
  7. 7. そんなあなたに
  8. 8. TitaniumMobile
  9. 9. Titanium Mobileとは・JavascriptからiPhone,iPad,Androidアプリを作れるソフト・一番下のプランはタダ・ドキュメントが豊富(日本語+公式の英語フォーラム)・調子乗ってAptanaを買収・最近の勢いがすごい・ノンプログラマに優しいWebアプリ(html5+CSS)に比べて…・ネイティブなカメラやメディアライブラリなどの操作も可能・アプリとしてApplestoreに置ける→課金もできるObjective-cの開発に比べて…・できることは限られている・メモリリークとか気にしなくていい。
  10. 10. Titanium Mobileの仕組みJSファイル+リソースファイル(画像) ↓ Titanium Mobile ↓ Objective-cのプロジェクトに変換 (Android,iPad,iPhone)
  11. 11. 実際にiPhoneアプリをつくる必要なもの・TitaniumMobile(フリー)・iOSのSDK(フリー)・Macintosh・iOSDeveloperProgram(1年1万円くらい)DeveloperProgramは実機転送に必要。無くてもある程度はいけるが、ここは必要投資。
  12. 12. ちょっとだけ実演。
  13. 13. 基本的なこと //パーツをつくる var button = Titanium.UI.createButton({ color:#000, title:test, width:100, height:50 }); //挙動を設定 button.addEventListener(click,function(){ }); //画面に追加 win1.add(button); 複数のwindowを扱うときはTabGroupを使う。 タイトルだったりが自動で出せるため。 下のナビはプロパティで消せる。
  14. 14. しかし、こんなもんでアプリできるのかよ。
  15. 15. しーさー時計・TitaniumMobileで開発(1.4)・開発は二週間程度(夜)。・iOS4に対応・115円・売れてない・でもアプリつくったよ!
  16. 16. ノンプログラマがアプリをつくる 1.作りたいものを考える ↓2.TitaniumMobileのKitchenShinkを見る ↓ 3.分かりにくところは http://code.google.com/p/titanium-mobile-doc-ja/ で確認 ↓4.詰まったら公式のQ&Aで同じような例を探す
  17. 17. ノンプログラマが アプリ?今まで
  18. 18. これから・TitaniumMobileで開発の敷居はぐっと低くなった。・あとはアイディア次第でいろんなことができる(はず)・アプリは二分化 → 高度な技術を使った物         → アイディア勝負な物・本業の「Web」をアプリをからめてもっと面白く!・これから来るAndroidの波にも乗っていける?
  19. 19. 当日全部説明できなくてゴメンサナイリンク関連TitaniumMobilehttp://developer.appcelerator.com/APIのドキュメント(英語)http://developer.appcelerator.com/documentationドキュメントを日本語でまとめていくプロジェクトhttp://code.google.com/p/titanium-mobile-doc-ja/

×