Warning: reset() expects parameter 1 to be array, boolean given in /home/users/2/mods.jp-makoto-tanaka/web/wordpress/wp-content/themes/xeory_base/lib/functions/head.php on line 143
このエントリーをはてなブックマークに追加

読了: 約 3 分

JavaScriptで何かやろうかなーと思ってて、会社の人がtitaniumの記事を書いていたので、
見習って自分みたいなコーダーがtitanium mobileにいきついたので、導入とかできることとかその辺を纏めておこうと思います。

はじめてのtitanium

ほんとうに初心者なので、なんたるやから初めておこうと思ったのですが、
やはり効率化が必要かなと思うのでざっくりメモです。

2012/6/27時点の記事で、ネイティブが30%超え、titaniumが30%弱、Phonegapが10%と
結構使われているんですねーネイティブが圧倒的に多いイメージでしたが。

titaniumで何が創れるか。(導入編)

・JavaScriptでiPhone,androidアプリが作れちゃう優れもの

Titanium Mobile初心者が、スマートフォンアプリ開発で最初におさえておきたいメソッド

初心者でも2週間でiPhoneアプリが作れちゃうTitanium Mobileがすごい件

OS Xで作成する事を前提とした記事
Titanium Mobileで作る! iPhone/Androidアプリ

titaniumダウンロード

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のコンポーネントとか入ってるやつ。
簡単なものは割とさくっと作れてしまうみたい。

KitchenSinkのダウンロード

重要なメソッドなどは下記サイトにまとめられているので
そちらを参考にしてみてはいかがでしょうか。

重要なメソッド

リストの作成、ボタン、イメージの作成など基本的なところは書いてあるので
これをアレンジして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の暗黒ノウハウを公開します。

参考書籍

これが良く見るやつですねー。

SNSでもご購読できます。

運営メディア

男性向けお役立ちメディア Coolhomme
就職・転職、エンジニア転職向け求人サイト Rplay
'