2012年3月14日に開催された、Titanium Nagoya Chatroom vol.2 でお話した、「Titanium はじめの一歩」のスライドです。

1. First Step of
Titanium
@sngmr

2. 自己紹介

3. Shingo Mori
森 真 吾
ConnectionWorks Inc.
(株)コネクションワークス
Twitter: @sngmr
Web系エンジニア兼営業兼企画兼コンサル兼経理

4. Titanium Certified
Application Developer です
( ･´ｰ･｀)ﾄﾞﾔ

5. まずアンケート結果を
発表します

6. どうやって知りましたか？
Twitter
勉強会News等 その他
ML 9%
職場の人・知人から
6%
ML
その他 Twitter
37%
職場の人・知人から
24%
勉強会News等
24%

7. 職業は？
プログラマ
学生
デザイナ その他
企画 19%
営業
営業 2%
企画
2%
その他 デザイナ プログラマ
6%
50%
学生
22%

8. ではみなさんの
Titanium経験は！？

9. Titanium歴はどんな感じ？
全く触ったことない。名前だけ知ってる
開発環境はダウンロードした。だけどそこまで
とりあえずちょっと試した
それなりに書けると思う
アプリをリリースした 16%
その他
6% 33%
10%
17% 17%

10. ついでに
一つ質問させて下さい

11. つくりたいのはどれ？
✤ iOS系
✤ Android系
✤ どっちも

12. ここから本番

13. Titanium歴はどんな感じ？
全く触ったことない。名前だけ知ってる
開発環境はダウンロードした。だけどそこまで
とりあえずちょっと試した
それなりに書けると思う
アプリをリリースした 16%
その他
6% 33%
10%
17% 17%

14. どこからはじめればいい
んだろう・・・

15. First Step of
Titanium

16. まず！
どっちのプラットフォー
ムで作るか決めましょう

18. iOSアプリを作る場合
• 開発にはMacが必須です
• Lionの場合は必須ではありませんが、iOS Developer
Programに加入しましょう。 ります。Freeです。
• XcodeをAppStoreからダウンロード
• 最新バージョンは4.3.2
• でも4.3系はTitaniumがまだ対応してないです
• 一応動きます。ぐぐると動かし方がでてきます
• ただ・・・

19. iOSアプリを作る場合
• 無難にいきたい場合、Xcode 4.2系を使いましょう
• AppStoreからはダウンロードできません
• iOS Dev Centerからダウンロード
• iOS Developer Program への加入が必要
• Xcode4.3の場合、Command
Line Tools for Xcodeもイン
ストールしておきましょう（不要かな？）
• 実機インストールしたい場合は、さらにAppleへお布施（年
8,500円）が必要

20. Androidアプリを作る場合
• WindowsでもいいけどMacのがいい・・・かも
• Android SDK をダウンロード
• Android
SDK ManagerでターゲットバージョンのSDKをダ
ウンロード
• ごめんなさい。Androidあんまりやってないのでちょっと曖昧です

21. 分からなかったらggrま
しょう。英語日本語問わ
ずたくさん情報はありま
す。

22. Titanium Studio

23. Titanium Studio
http://www.appcelerator.com/

29. Titanium Studioは
起動できた！

31. 右クリック

33. KitchenSink ?
なにそれ流し台？

34. Kitchen Sinkってなに？
• Titanium
Mobile でできるほぼすべての部品や機能がつまっ
たサンプルとしてアプリ
• とりあえず動かさいてザッと眺めてみて、何ができるか把握
できます
• 初めてのパーツ・機能を使う場合、森もまだまだお世話に
なってます

36. 使い方
• 例えばボタンが使ってみようと思った場合
• KitchenSinkを動かして、ボタンのサンプルを見つける。た
くさんありすぎて意外と至難の業・・・
• オススメサイト
• http://ks.kanna.asia/
• 該当するページのソースをみて学ぶ
• Resources/examples以下に大量に入ってる

37. with Android
• 動かない事が多いっぽいです
• Androidシミュレータ遅いです(́・ω・`)
• ただ速くなったの出た！・・・んですよね？
• 頑張らないといけないかもしれません。

38. Attention!!
• 例えば
button.js 等、各ソースファイル内の書き方のみ参考
にした方がいい
• もちろんKitchenSinkのやり方でも動きます
• ただ本格的にアプリを作る場合、画面遷移のやり方などはマ
ネしない方がいいです
• Appceleratorも・・・

39. じゃぁどうすりゃいいん
だよ！

40. One more step!!

41. ToDo

42. ToDo みどころ
• タブの使い方・画面遷移のやり方
• TableViewの使い方
• モーダルWindowの使い方
• ローカルデータベースの使い方

43. RSS Reader

44. RSS Reader みどころ
• 独自TableViewRowの使い方
• 通信によるデータ取得の行い方
• WebViewの使い方
• 機種毎のViewファイル切り分け方

45. exportsとかrequire？
• ソース分割の方法で推奨(?)されているやり方
• KitchenSinkのような urlプロパティによる呼び出し
• Ti.includeを使った呼び出し
• requireを使った呼び出し ←Now!!
• CommonJSを調べると幸せになれるかも
• node.jsと考え方は同じです

46. いかがでしたか？
なんとなくつかめまし
た？

47. その他のリソース
• 公式ドキュメント ∼Quick Start∼
• https://wiki.appcelerator.org/display/guides/Quick
+Start
• 公式APIドキュメント
• http://developer.appcelerator.com/apidoc/mobile/
latest
• 日本語APIカタログ
• http://code.google.com/p/titanium-mobile-doc-ja/

48. その他のリソース
• Titanium BBS
• http://ti.masuidrive.jp/
• Twitter
• #TitaniumJP
• GitHub

49. あとはアイディア次第！
とりあえず勢いで作って
みましょう！

50. Code Strong

51. ご清聴
ありがとうございました。