読了: 約 3 分
JavaScriptで何かやろうかなーと思ってて、会社の人がtitaniumの記事を書いていたので、
見習って自分みたいなコーダーがtitanium mobileにいきついたので、導入とかできることとかその辺を纏めておこうと思います。
概要
はじめてのtitanium
ほんとうに初心者なので、なんたるやから初めておこうと思ったのですが、
やはり効率化が必要かなと思うのでざっくりメモです。
2012/6/27時点の記事で、ネイティブが30%超え、titaniumが30％弱、Phonegapが10%と
結構使われているんですねーネイティブが圧倒的に多いイメージでしたが。
titaniumで何が創れるか。(導入編)
・JavaScriptでiPhone,androidアプリが作れちゃう優れもの
Titanium Mobile初心者が、スマートフォンアプリ開発で最初におさえておきたいメソッド
初心者でも２週間でiPhoneアプリが作れちゃうTitanium Mobileがすごい件
OS Xで作成する事を前提とした記事
Titanium Mobileで作る！ iPhone／Androidアプリ
androidしか作れないですが、シミュレーターで見ながら作れます。
Titanium Mobile 開発環境構築 on Windows XP
ボタンを表示する
var self = Ti.UI.createView();
var button = Ti.UI.createButton({
title: 'touch button',
height: 32,
width: 120,
top: 120
});
self.add(button);
KitchenSink
UIのコンポーネントとか入ってるやつ。
簡単なものは割とさくっと作れてしまうみたい。
重要なメソッドなどは下記サイトにまとめられているので
そちらを参考にしてみてはいかがでしょうか。
リストの作成、ボタン、イメージの作成など基本的なところは書いてあるので
これをアレンジしてAPIを使用したアプリを作っていきたいと思います。
Facebookとかtwitterの連携もmoduleに含まれているようなので簡単に実装できそう。
ajaxっぽいコトをやるサンプル
既に結構情報あるんですね。
無知すぎて、titanium jqueryとか検索してしまった私ですが、
domとかdocumentとかないし、ajax,アニメーションとかやらないんですね。
アニメーション系アプリ(ゲーム)とかには向いてなく、ツール系アプリを
作るのに向いていると。
下記の記事では、titanium-fighter.jsというもので、titanium上でjQueryライクな記述が可能になったという
もの。個人的には結構いいなと思いました。
Titanium Mobile でjQuery的な、それTiFighter!!!!!!!
titaniumでjQuery風にajaxをやっている記事を見つけたので実験してみました。
TitaniumでjQuery風にAjax
んじゃ何で書くのっていう話ですが、
基本はunderscore.js,coffee scriptとかを使って作るそう。
んーでも基本的にはHTML,CSS,JavaScriptでつくるんですね。
Titanium について理解する
Web 技術を利用してモバイル・アプリケーションやデスクトップ・アプリケーションを作成する
上記をみてみると、がっつりjQuery使ってるやなかい笑
Web Viewの使い方(実践編)
Titanium の WebView で jQuery 読み込み時の遅延
Web Viewを使用する時の実用的な使い方として
jQueryを使った場合の処理が書かれていましたので、上記を参考に。
おそらく直近で作るものとしてはwebviewになりそうなので、
取り急ぎこんな感じで進めたいなーと思っている次第です。
titaniumのマッシュアップでのWebアプリケーション開発について
参考になりました笑
titanium mobileの暗黒ノウハウを公開します。
参考書籍
これが良く見るやつですねー。
