Titanium Mobile @kitasuke 北裕介
アジェンダ <ul><li>Titanium Mobile とは </li></ul><ul><li>Titanium Mobile の環境構築、使い方 </li></ul><ul><li>サンプルコード KitchenSink を使いながら実...
Titanium Mobile <ul><li>Javascript で iPhone/Android ネイティブアプリを開発可能 </li></ul><ul><li>Appcelerator が開発し、有償サポートあり http://www....
Xcode
Interface Builder
Eclipse
Titanium Mobile
環境設定 <ul><li>Titanium Mobile SDK(IDE: 統合開発環境は無い ) </li></ul><ul><li>Titanium Studio(IDE) </li></ul><ul><li>iPhone SDK </li...
アプリ開発の仕方 <ul><li>プロジェクトを作る (Project type は mobile) </li></ul><ul><li>Resources/app.jp を編集 </li></ul><ul><li>シミュレータで実行 </li...
部品の名前と役割 <ul><li>Window :すべての UI 部品や View を格納する親オブジェクト </li></ul><ul><li>View :コンテンツ表示部の総称 </li></ul><ul><li>StatusBar :デバ...
サンプルコード <ul><li>TabGroup </li></ul><ul><li>Tab </li></ul><ul><li>Window </li></ul><ul><li>Label </li></ul><ul><li>注意: win1...
実装の仕方 <ul><li>Titanium.UI.createWindow,   Ti.UI.crateButton </li></ul><ul><li>addEventListener() </li></ul><ul><li>button1...
参考 <ul><li>Titanium Mobile に関するドキュメントを日本語でまとめていくプロジェクト http://code.google.com/p/titanium-mobile-doc-ja/ </li></ul><ul><li>...
Let’s Kitchen Sink!
Upcoming SlideShare
Loading in …5
×

Titanium勉強会

4,201 views

Published on

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

No Downloads
Views
Total views
4,201
On SlideShare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
28
Comments
0
Likes
5
Embeds 0
No embeds

No notes for slide

Titanium勉強会

  1. 1. Titanium Mobile @kitasuke 北裕介
  2. 2. アジェンダ <ul><li>Titanium Mobile とは </li></ul><ul><li>Titanium Mobile の環境構築、使い方 </li></ul><ul><li>サンプルコード KitchenSink を使いながら実装 </li></ul>
  3. 3. Titanium Mobile <ul><li>Javascript で iPhone/Android ネイティブアプリを開発可能 </li></ul><ul><li>Appcelerator が開発し、有償サポートあり http://www.appcelerator.com/ </li></ul><ul><li>Mac/Windows 対応( Windows では iOS シミュレータ実行不可) </li></ul><ul><li>ラベル・テキスト入力・ボタン・スライダーなどの豊富なプラットフォームネイティブなユーザイン タフェイス </li></ul><ul><li>画 像・動画の再生・録音・撮影・録画 </li></ul><ul><li>地図表示 </li></ul><ul><li>ファイルシステムへのアクセス </li></ul><ul><li>HTTP ベースの 非同期ネットワーク通信 </li></ul><ul><li>ハードウェアデバイス ( カメラ・ GPS ・電子コンパス・加速度センサ ) の利用 </li></ul><ul><li>デバイス内 データベース ( 連絡先など ) の操作 ( 予定 ) </li></ul><ul><li>SQLite データベースの I/O </li></ul>
  4. 4. Xcode
  5. 5. Interface Builder
  6. 6. Eclipse
  7. 7. Titanium Mobile
  8. 8. 環境設定 <ul><li>Titanium Mobile SDK(IDE: 統合開発環境は無い ) </li></ul><ul><li>Titanium Studio(IDE) </li></ul><ul><li>iPhone SDK </li></ul><ul><li>Android SDK(platform-tools から tools へ adb.exe をコピーする ) </li></ul>
  9. 9. アプリ開発の仕方 <ul><li>プロジェクトを作る (Project type は mobile) </li></ul><ul><li>Resources/app.jp を編集 </li></ul><ul><li>シミュレータで実行 </li></ul>
  10. 10. 部品の名前と役割 <ul><li>Window :すべての UI 部品や View を格納する親オブジェクト </li></ul><ul><li>View :コンテンツ表示部の総称 </li></ul><ul><li>StatusBar :デバイスの表示部最上方い n ある表示領域 </li></ul><ul><li>NavBar : Status Bar の直下にある表示領域 </li></ul><ul><li>ToolBar :画面下部に配置される表示領域 </li></ul><ul><li>TabGroup :最下部に配置される特殊な表示領域 </li></ul>http://code.google.com/p/titanium-mobile-doc-ja/
  11. 11. サンプルコード <ul><li>TabGroup </li></ul><ul><li>Tab </li></ul><ul><li>Window </li></ul><ul><li>Label </li></ul><ul><li>注意: win1.hideTabBar(); </li></ul>
  12. 12. 実装の仕方 <ul><li>Titanium.UI.createWindow, Ti.UI.crateButton </li></ul><ul><li>addEventListener() </li></ul><ul><li>button1.addEventLister(‘click’,function(){ </li></ul><ul><li>}) </li></ul>
  13. 13. 参考 <ul><li>Titanium Mobile に関するドキュメントを日本語でまとめていくプロジェクト http://code.google.com/p/titanium-mobile-doc-ja/ </li></ul><ul><li>Appcelerator 公式の Titanium API Reference http://developer.appcelerator.com/apidoc/mobile/latest </li></ul>
  14. 14. Let’s Kitchen Sink!

×