Titanium Mobile で Android, iOS 両対応のアプリを開発する際の注意点｜技術ブログ｜北海道札幌市・宮城県仙台市のVR・ゲーム・システム開発 インフィニットループ
Titanium Mobile で Android, iOS 両対応のアプリを開発する際の注意点 大学生活にも慣れてきました。 18 歳の夏を満喫している take です。こんにちは！ 会社では、 JavaScript を書くお仕事をしています。楽しいです！ さて、 前回 は Titanium Mobile で Android アプリを書く際にハマるポイントをいくつか紹介しました。 最近、Titanium Mobile なのだから、1つのコードで Android, iOS 両対応するアプリを書こう！ということで、コードを書きながら、予め知っておくと開発が捗るポイントを何点か見つけましたので、ここで紹介したいと思います。 ※これから紹介する方法 (コード) は私個人が勝手に考えて実践しているものなので、ベストプラクティスであると保証することはできません。間違っている点や、さらに良い方法があれ
Titanium Mobile + Jasmine + Jenkins でiPhoneアプリの自動テスト組んでみたよ - ikeike443のブログ
Jenkins Advent Calendar jp 2011の3日目です。 Titanium Mobile + Jasmine + Jenkins でiPhoneアプリの自動テスト組んでみた、っちゅう話をします。 本当はプラグインを作りたかったんですが、そこまで行かなかったので（言い訳だよ！）、せめて自動テストをどう組んだかの話をしますね。 Titaniumの自動テストを組みたい 最近Titanium Mobileを使ってiPhoneアプリなど作ってます。 Titanium Mobileについてはもう説明もいらないと思いますが、Javascriptを使ってスマートフォンアプリ（特にiPhoneとandroid）を開発することができるプラットフォームですね。 で、Jenkins野郎な私としては、Titaniumでも自動テストを組みたいんですよね。 Javascriptでテストってどう書くん
Titanium SDKのバージョンをCUIで管理·tsm MOONGIFT
tsmはTitanium SDKのバージョンマネージャです。 JavaScriptを使ってiOS/Androidアプリが開発できるTitanium。利用者も多いとは思いますが、SDKの更新頻度が早く追従しきれない人も多いのではないでしょうか。そんな方に使ってみてほしいのがtsmです。 インストールしました。npmコマンドで簡単にインストールできます。 リモートにあるSDKのバージョン一覧です。 今はインストールされているSDKはありません。 “install バージョン”で任意のバージョンのSDKがインストールできます。 tsmでは古いバージョンから最新の2.0まで任意のSDKをインストールできます。それだけでなくベースの生成を行ったり、ビルドまでtsmから行えます。古いコードを最新版でビルドしてみる、またはその逆など色々な使い方がありそうです。 tsmはnode.js/JavaScrip
Titanium Mobile 2.0 対応など - naoyaのはてなダイアリー
Titanium Mobile がメジャーバージョンアップして SDK が 1.8 から 2.0.1 になりました。HBFav を SDK 2.0.1 に対応させる作業をひとまず終えたので、以下雑感など。 Titanium Mobile 2.0.1 で何が変わったか Release Notes http://docs.appcelerator.com/titanium/release-notes/?version=2.0.1.GA 大きな変更点はレイアウトシステムの更新です。加えていろいろとバグフィックス。ほかにも Appcelerator Cloud Services (ACS) という BaaS 連携が発表されていますが、純粋に SDK のアップデートというとレイアウトシステムとバグ修正が主なところ。Andorid位置情報対応の強化、Module API のアップデートもありますが、こ
Titaniumアプリでソーシャルサービスの認証を使うならぜひ参考に·TiPlatformConnect MOONGIFT
TiPlatformConnectはFacebookやTwitterをはじめ多数のソーシャルサービスの認証を行うTitaniumアプリです。 TiPlatformConnectはTitaniumを使って各種ソーシャルサービスで認証を行い、画像をアップロードできるモックアプリです。 app.jsのコードです。見ての通り、各WebサービスごとにAPIキーを設定するようになっています。 デモアプリです。任意のサービスで認証を行います。 Facebook認証を行います。 認証しました。 写真を選択します。 位置情報もつけられるようです。 対応しているWebサービスはFacebook、Twitter、mixi、Foursquare、Tumblr、Flickr、GitHub、LinkedIn、Googleとなっています。これらのサービスの認証を使ったアプリを作りたいと思っているならばぜひ参考にしてほし
シングルコンテキストかつCommonJSなTiサンプルを読む(draft) - JP::HSJ::Junknews::HatenaSide
ひとまず草稿/推敲不足版です。 ツッコミがあればこそこそ直して行きます(^^; Titanium Mobile 2.0からAPIデモアプリであるKitchenSinkがついにというか、ようやくCommonJSアプリになり、公的なサンプルとしてTitanium 0.9からの伝統のマルチコンテキストモデルがなくなるという事態となりました。 拙著をものした時期というのがCommonJS化が加速する直前のTitanium Mobile 1.6.xのころで、今となっては目も当てられない状態になってしまっているのですが、それはさておき。 シングルコンテキストかつCommonJS時代を迎えたTiの初期ソースはどうなるのかを見てきたいと思います。 https://github.com/appcelerator-developer-relations/Template.SingleWindow ファイル構成
変化に強い、コードの見通しが良いTitaniumアプリを開発する·Titanium MVC MOONGIFT
Titanium MVCはTitaniumをMVCに沿って開発できるフレームワークです。 Titaniumアプリはちょっとしたアプリを作るのに適していますが、大型なものになるとコードが見通し悪くなってしまうイメージがありました。だからこそベースになるTitanium MVCを使って頻繁な更新にも耐えられるしっかりとした作りにしましょう。 デモアプリです。ログイン画面が表示されます。 OKな場合のダイアログ。 入力エラーの場合のダイアログ。 app.jsの内容です。 MVC.jsの内容です。Controller、Viewを読み込んでいるのが分かります。 StartupControllerの内容です。initを実行して、ログイン画面を返しています。 ログイン画面のビューです。ここでは画面のデザインのみを行っています。 ログイン処理のコントローラーです。見やすいです。 Titanium MVCで
Titaniumを使った電子書籍作成のサンプル·Titanium-Booker MOONGIFT
Titanium-BookerはTitaniumにLakerを組み合わせて電子書籍を作成するモックアップアプリです。 Titaniumで電子書籍アプリを作る、それを実現しているモックアップがTitanium-Bookerです。基盤としてLakerを用いています。 タップやスワイプで操作する電子書籍です。 大きな画像が表示されています。 左右のスワイプでページを切り替えます。 上下のスワイプでページ内を移動します。 タップでコンテンツを反転したり、音楽を鳴らしたりもできます。 スライドショーも埋め込めます。 元コンテンツです。HTML、JavaScript、CSSで作られています。 TitaniumはJavaScriptで作られていますし、LakerもHTML5コンテンツなので相性はいいかも知れません。単なるHTMLベースの電子書籍を越えてカメラやGPSを使ったりするようなTitaniumの
Titaniumで作られたATNDイベント参加チェックアプリ·ATNDチェックイン MOONGIFT
ATNDチェックインはATNDのイベント出欠席をチェックしたり、懇親会への参加を確認するのに使えるiPadアプリです。 ATNDチェックインはATNDのイベントで参加希望者の実際の参加と懇親会への参加をチェックするのに便利なiPad用アプリです。 まず最初にATNDのアカウントを設定します。 設定画面で登録します。 そうするとアカウントに紐づいたイベントが一覧されます。 そこからイベントを選ぶと参加者が一覧されます。 一回タップすると出席になります。 二回タップすると懇親会参加になります。 三回目のタップで一旦リセットになります。サマリーの数字も出るので、結果的に何人参加して何人が懇親会を希望しているかと言った統計をとるのも簡単です。 ATNDチェックインはiPad用、Titanium製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。 MOONGIFT
テキストエディタ派に。Titaniumアプリをコンソール上でコンパイル·MakeTi MOONGIFT
MakeTiはコンソール上でTitaniumアプリをコンパイル、実行するソフトウェアです。 Titaniumで作ったiOS/Androidアプリを実行する場合、Titanium StudioやTiDev Communityを使うのが一般的です。ですがこれではテキストエディタで開発している時に切り替えるのが不便です。そこで使ってみたいのがMakeTi、コンソールベースのTitaniumアプリ実行ソフトウェアです。 ファイルの内容です。 ヘルプです。プラットフォームやバージョンを指定して実行することもできます。 実行しました。無事起動します。 そのままログも受け取れます。 プラットフォームを指定して実行もできます。 MakeTiはTextmate用のプラグインも用意されており、Textmateで編集してそのまま実行もできるようになっています。iOSデバイスであればdeployオプションで実機イ
Titanium Mobile Best Practices - JP::HSJ::Junknews::HatenaSide
この記事はAppcelerator公式Wikiのドキュメント(2011/10/20更新版)に基づき、和訳±αしたものです。 訳質は良くないので眉に唾を付けて読んでくださいね(^^; https://wiki.appcelerator.org/display/guides/Mobile+Best+Practices （補足：Titanium Mobile SDK 1.7.x以前とは状況が異なる部分もありますので、1.8.x前提ということでご覧ください） このガイドラインの目的 Titanium Mobileは比較的歴史浅く、継続的に変化をしているプラットフォームです。 このベストプラクティスは変更される可能性も否めませんし、Titaniumのアプリケーションを構築するのに必要な知識のすべてを網羅する事も出来ません。 そのため、現在Titanium Mobileアプリケーション開発（もしくは一
Pathの華麗なメニュー表示をTitaniumアプリにも取り込む·pathmenu.js MOONGIFT
pathmenu.jsはPath（iPhoneアプリ）で実装されているメニュー表示をTitaniumで行うモックアプリ。 PathというiPhoneアプリに実装されているメニュー表示、選択機能が人気です。Objective-Cで実現するのはQuadCurveMenuですが、さらにTitaniumで実装したプロジェクトが登場しました。それがpathmenu.jsです。 初期表示です。右下にアイコンがあるのでタップします。 メニューが開きます。もちろんアニメーション付きです。 項目をタップすると拡大されます。 デモ動画です。Path風に動いているのが分かります。 pathmenu.jsが面白いのはモジュールを使うのではなく、JavaScriptだけで実装したということではないでしょうか。うまくすればWebベースでさえ使える可能性がありそうです。 pathmenu.jsはTitanium用、Ja
Titanium Developerを求めるプログラマーはこちらを·TiDev Community MOONGIFT
TiDev CommunityはTitanium Developerのコミュニティエディションです。 Appceleratorの開発するTitaniumはAptanaを買収したこともあって現在はTitainum StudioというIDEのみを提供しています。しかし既に開発用エディタが決まっている人はかつてのTitanium Developerが恋しいことでしょう。そこで使いたいのがコミュニティベースで開発が継続されているTiDev Communityです。 Titanium Developerのコミュニティエディションです。 簡易コードエディタを内蔵しています。 エミュレータ、実機実行はもちろんアプリ化もできます。 SDKのアップデートにも対応しています。 TiDev Communityは元々Titanium Developerという名称で知られていたソフトウェアをフォークして開発されてい
プログラマの実態: Titanium と CoffeeScript でAndroidアプリ開発
2011/12/15 Titanium と CoffeeScript でAndroidアプリ開発 自分好みなAndroid用のRedmineクライアントが欲しいなぁってことで、久しぶりにAndroidアプリを作成しようと思いたったわけですが、フリーランスの私にがっつりJavaで開発するだけの時間が取れそうにもなかったので、Titaniumで開発を行うことにしました。ついでにメイン開発機のMBAではTitaniumStudioを立ち上げて、Androidエミュレータを立ち上げてとなると、CPU的にも辛いので、どうにかvimでできないものかと探していたらありました。GuardでTitanium+CoffeeScriptの開発を快適にこれで非力なMBAちゃんでもなんとか開発できそうです。ここから少し手を加えて、下記のようなシェルスクリプトを用意しました。前提としては、プロジェクトのファイルは ~
【Titanium Advent Calendar 2011：六日目】Titaniumでも便利なJSテクニック
About Mobile App Engineer Ryutaro Miyashita (a.k.a. ryugoo) Titanium Certified Developer / Titanium Certified Expert 保有。一番好きな言語は Python 。サーバサイドアプリケーションからモバイルアプリケーションまで手がけるデベロッパ。主に Appcelerator Titanium™ 関連のコミュニティで活動している。 Recent 5 2014.12.31 » 2014 年の振り返り 2014.12.30 » 2014 年に買って良かった物 2014.07.06 » 第2回 かわいい Kotlin 勉強会に行ってきた #jkug 2014.05.26 » シリコンバレーに持って行って良かったもの 2014.02.02 » Topping TP20-Mark2 を買ってみ
データをダウンロードして詳細、地図表示という流れを習得できるTitaniumモックアプリ·Single-Context MOONGIFT
iPhone/iPadアプリでネットワークは必須とさえ言えます。インターネット上からデータをダウンロードして表示する、そんなアプリを作る際に参考になりそうなのがSingle-Contextです。 起動します。Titanium Developerを使っています。 起動すると位置情報の確認が入ります。 まず認証を行います。一度エラーになると分かりますが、IDはtest、パスワードはtest12345です。 認証を通るとデータが一覧で表示されます。 行をタップすると詳細が表示されます。 マップ上にマーカーも立つようです（今は立っていませんが）。 同じホテルを撮った別な写真も一覧されます。 設定画面です。デバッグ関係のオン/オフが出ます。 検索も使えます。 Single-ContextはAmazon S3上にあるJSONファイルを使って認証し、さらにデータをダウンロードして一覧表示するようになって
Titanium Application : TiDev Community
Appcelerator Titanium is an open source platform for building rich cloud connected desktop apps. Our platform is licensed under the Apache2 license, so you can freely create and distribute your apps without any restrictions. Titanium is also highly extensible, and it enjoys the support of a strong and growing community of developers across the globe. Cloud connected desktop apps combine the power
WebViweに表示されているHTMLからTitaniumの処理を実行する - ひげろぐ
Objective-CではUIWebViewDelegateを使うとHTML内のリンクをクリックした時にアプリ内のネイティブな処理を実行する事ができた。 Titaniumでも同じ事ができる。 しかもかなり簡単に。 このおかげでHTMLでUIを作ることができるため、ウェブの経験が長い人間にとっては手軽にちょっとリッチなUIを作れるようになる。 手順 カスタムイベントを定義する Ti.Appにカスタムイベントを追加する。 Ti.App.addEventListener("sample_custom_event", callback); HTML内でイベントを発火させる 定義したカスタムイベントをTi.App.fireEventで発火させる。 <a href=\"#\" onClick=\"Ti.App.fireEvent('sample_custom_event', {}); return f
CoffeeScriptでTitanium 一ヶ月目くらいの感想 - ひげろぐ
CoffeeScriptについて ここんところしばらくCoffeeScriptとTitaniumの組み合わせで開発しているわけだけど、CoffeeScriptに関して言えば特に大きなハマりどころもなく快適に使えている。 強いて言えばこの間の@だけど、あれはどっちかというとJavaScriptのハマりどころだったわけで。 文法を覚えるコストがゼロとは言わないが、Rubyのバックグランドを持っていたせいかそんなに苦労はしなかった。 書き方を覚えてしまえばJavaScriptよりもさくさく書けて、かなり生産性に寄与してくれているのではないかと思う。 個人的には後置のifとforが特にお気に入り。 Titaniumとの組み合わせについて Titaniumとの組み合わせもまったく問題なし。 逆にCoffeeScriptなしでの開発が今となっては考えられないくらい。 Resources以下で以下のコー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Appcelerator Developer Center - API for (version 1.6.2)
