titanium nagoya chatroom vol.2 はじめの一歩

First Step of Titanium

@sngmr

自己紹介

ConnectionWorks Inc.(株)コネクションワークス

Twitter: @sngmr

Web系エンジニア兼営業兼企画兼コンサル兼経理

Shingo Mori森　真 吾

Titanium Certified Application Developer です

( ･´ｰ･｀)ﾄﾞﾔ

まずアンケート結果を

発表します

どうやって知りましたか？

Twitter37%

勉強会News等24%

職場の人・知人から24%

ML6%

その他9%

Twitter勉強会News等職場の人・知人からMLその他

職業は？

プログラマ50%

学生22%

デザイナ6%

企画2%

営業2%

その他19%

プログラマ学生デザイナ企画営業その他

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

Titanium歴はどんな感じ？

33%

17%17%

10%

6%

16%

全く触ったことない。名前だけ知ってる開発環境はダウンロードした。だけどそこまでとりあえずちょっと試したそれなりに書けると思うアプリをリリースしたその他

ついでに

一つ質問させて下さい

✤ iOS系

✤ Android系

✤ どっちも

つくりたいのはどれ？

ここから本番

Titanium歴はどんな感じ？

33%

17%17%

10%

6%

16%

全く触ったことない。名前だけ知ってる開発環境はダウンロードした。だけどそこまでとりあえずちょっと試したそれなりに書けると思うアプリをリリースしたその他

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

First Step of Titanium

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

•開発にはMacが必須です

•Lionの場合は必須ではありませんが、iOS Developer Programに加入しましょう。捗ります。Freeです。

•XcodeをAppStoreからダウンロード•最新バージョンは4.3.2

•でも4.3系はTitaniumがまだ対応してないです

•一応動きます。ぐぐると動かし方がでてきます

•ただ・・・

iOSアプリを作る場合

•無難にいきたい場合、Xcode 4.2系を使いましょう

•AppStoreからはダウンロードできません

• iOS Dev Centerからダウンロード

• iOS Developer Program への加入が必要

•Xcode4.3の場合、Command Line Tools for Xcodeもインストールしておきましょう（不要かな？）

•実機インストールしたい場合は、さらにAppleへお布施（年8,500円）が必要

iOSアプリを作る場合

Androidアプリを作る場合

•WindowsでもいいけどMacのがいい・・・かも

•Android SDK をダウンロード

•Android SDK ManagerでターゲットバージョンのSDKをダウンロード

• ごめんなさい。Androidあんまりやってないのでちょっと曖昧です

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

Titanium Studio

Titanium Studiohttp://www.appcelerator.com/

Titanium Studioは

起動できた！

右クリック

KitchenSink ?

なにそれ流し台？

•Titanium Mobile でできるほぼすべての部品や機能がつまったサンプルとしてアプリ

•とりあえず動かさいてザッと眺めてみて、何ができるか把握できます

•初めてのパーツ・機能を使う場合、森もまだまだお世話になってます

Kitchen Sinkってなに？

•例えばボタンが使ってみようと思った場合

•KitchenSinkを動かして、ボタンのサンプルを見つける。たくさんありすぎて意外と至難の業・・・

•オススメサイト

•http://ks.kanna.asia/

•該当するページのソースをみて学ぶ

•Resources/examples以下に大量に入ってる

使い方

•動かない事が多いっぽいです

•Androidシミュレータ遅いです(́・ω・`)

•ただ速くなったの出た！・・・んですよね？

•頑張らないといけないかもしれません。

with Android

•例えば button.js 等、各ソースファイル内の書き方のみ参考にした方がいい

•もちろんKitchenSinkのやり方でも動きます

•ただ本格的にアプリを作る場合、画面遷移のやり方などはマネしない方がいいです

•Appceleratorも・・・

Attention!!

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

One more step!!

ToDo

•タブの使い方・画面遷移のやり方

•TableViewの使い方

•モーダルWindowの使い方

•ローカルデータベースの使い方

ToDo みどころ

RSS Reader

•独自TableViewRowの使い方

•通信によるデータ取得の行い方

•WebViewの使い方

•機種毎のViewファイル切り分け方

RSS Reader みどころ

•ソース分割の方法で推奨(?)されているやり方

•KitchenSinkのような urlプロパティによる呼び出し

•Ti.includeを使った呼び出し

•requireを使った呼び出し　←Now!!

•CommonJSを調べると幸せになれるかも

•node.jsと考え方は同じです

exportsとかrequire？

いかがでしたか？

なんとなくつかめました？

•公式ドキュメント　～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/

その他のリソース

•Titanium BBS•http://ti.masuidrive.jp/

•Twitter•#TitaniumJP

•GitHub

その他のリソース

あとはアイディア次第！

とりあえず勢いで作ってみましょう！

Code Strong

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