この連載では主にTwitter APIの利用についてしかWebへのアクセスについて解説してきませんでした。今回はTwitter API以外でのネットワークアクセスについて解説していきます。Ti.Network.HTTPClientの解説のほか、Web APIを持たない情報源からの情報の取得、つまりはhtmlでのみ提供されている情報を取得し必要な部分だけ利用する方法として、YQLの利用についても解説します。 Ti.Network.HTTPClient詳細 Ti.Network.HTTPClientについては連載第2回で解説したあと、tm_twitter_apiを経由した利用しか解説しませんでした。しかしTi.Network.HTTPClientは単体でも非常に高機能なオブジェクトです。jsonの取得だけでなく、XMLの取得や画像の取得も可能です。 XMLの取得 HTTPアクセスのレスポンスは

はじめに 毎日が夏休みのみなさんこんにちは。ダニーです。 Titanium Mobile使ってると、なんでiPhoneアプリなのにObjective-CじゃなくてJavaScriptで作れるか大変不思議ですよね。 今回はTitanium Mobileでアプリ起動から、JavaScript(app.js)を読み込んで実行しているところまでをソースコードを読んで追ってみました。 方針としては、Titanium Mobileで適当なプロジェクトを一つ作成してビルドして生成された/build/iphone/以下にあるソースコードを読んで行きます。 今回のビルドに使ったTitanium SDKのバージョンは1.7.1です。 今回、掲載してるソースコードで行番号が飛んでる部分は長いので省略しています。 ソースコード /build/iphone/main.m 25:int main(int argc,

Titanium Mobile SDK 1.7.0と統合開発環境Titanium Studioがリリースになったニュースは前回の記事でお伝えできたのですが、同時にTitanium Developer（旧開発環境）の配布が終了した点についてはお伝えすることができませんでした。いままでTitanium Developerを使っていれば自動でダイアログが出ていたSDKのアップデートも、現在のTitanium Developerでは手動でSDKをアップデートする必要があります。これからTitanium Mobileの開発を行う人にとっても、また1.7.0にアップデートしたい人にもTitanium Studioでの開発が必須になりつつあるので、今回はTitanium Studioの導入について解説します。また、1.7.0からAndroidでのデザインの指定が変更になっているのでこちらについても簡単に

今回は実際に今まで作成してきたiPhone向けのTwitterクライアントを、Androidでも動作するように変更していきます。同時にiPhoneとAndroid向けのアプリが同じコードで生成できるるようにしてみます。今回はエレガントな解法ではないのですが、OSごとに表示を分ける必要がある部分ではif文で分岐させることで対応させていきます。 TwitterAPIを対応させる では早速コードの変更を行っていきましょう。まずはTwitter APIを呼び出すコードをAndroidに対応させます。TwitterのOAuthインターフェースは最近HTMLが変更になっていて、古いHTMLを対象にしたコードでは動作しません。Androidに対応すると同時にこのHTMLの変更についても追従します。と、偉そうに書きましたが、いままでのサンプルで利用しているtm_twitter_apiを作成されている@mo

はじめに 最近Titanium Mobileで開発をはじめましたダニーです。こんにちわ。 今回はTitanium Mobile開発でよく分からないことを調べたりするのによく使ってるサイトを紹介したと思います。 Documentation Guides Appcelerator Wiki http://wiki.appcelerator.org/display/guides/Home/ 開発元のドキュメントです。ここは読んだほういいと思います。 Titanium Mobile 1.6.0 API Documents http://tidocs.com/mobile/latest/ Titanium MobileのAPIを検索できます。http://railsapi.com/みたいに検索できて使いやすいです。 Titanium MobileのAPIの実装がどうなってるかはiPhoneだとTit

最近の話題から 先日4/4にTitaniumの統合開発環境としてTitanium Studioがプレビューリリースされました。Titanium StudioはAppcelerator社が買収したAptana社のAptana Studioをベースにしている開発環境です。もともとAptana StudioはJavascriptのための開発環境で自動補完などが優秀なソフトウェアだったのですが、Titaniumに最適化されより使いやすい環境になっているようです。 iPhone落穂ひろい 前回の連載まででTwitterクライアントに必要な最低限の機能の紹介はできたと思われるので、今回はTwitterクライアントとは少し関係ないけれどiPhoneアプリを作る上で有用な機能について紹介していきます。 プロジェクトも新しく作り直しますので、Githubにて公開しているリポジトリも変更になります。ご注意くだ

データベースを使ってみる 前回の記事ではTitanium.App.Propertiesやファイル入出力を利用したデータの永続化について解説しましたが、今回はRDBMSを利用したデータの扱い方について解説します。具体的には、自分のホーム画面のタイムラインを取得保存し、前回起動時に取得した分のタイムラインも閲覧できたり、タイムラインの内容を検索できるようにしてみます。 タイムラインの取得 この実装のために今までのサンプルコードを一部改変します。最初の画面で自分の発言だけでなく、フォローしている人も含めたタイムラインが閲覧できるようにtable_view.jsのタイムライン取得部分に次のような変更を加えています。 Ti.include("lib/twitter_api.js"); Ti.include("twitter_settings.js"); Ti.include("tweet_db.js

最新のニュースから 前回の記事が掲載された直後に、Appcelerator社からTitanium 1.6.0 がリリースされました。Android版での改良が多いのですが、iPhone向けにはUIのデザインをロジックのコードがから分離できるJSSのサポートや、音声処理や位置情報取得をバックグラウンドで行う機能がサポートされるようになりました。1.5.1のリリースが昨年末でしたので相変わらず速いスピードで開発が進んでいるのが伺えます。 さて、今回もスマートフォンならではの機能ということで、加速度センサに関係するAPIをご紹介します。 ジェスチャーの取得 まずは、直接加速度センサの値をとるのではなく、ジェスチャの取得による操作を説明します。iPhoneではデバイスを持って、左右にすこし強めに振ると実行中の処理をキャンセルできるように実装されているアプリが多数あります。標準のMMSアプリなどもメ

こんにちは、亀本です。 本当は今日はアシアルの日常を書く、という名目のブログ当番なんですが、どうせエンジニアの日常なんてコード書いてますよね。 ということで、最近使ってみたTitaniumについて書いてみる事にしました。 さて、最近ちまたでTitanium Mobileがあつい！という話が出ていて、入門記事もいろんなところで上がり始めていますね。 Titaniumをご存じない方のために簡単に説明しておくと、JavaScriptを使ってiPhone/Androidアプリを作ってしまおう、という物です。 果たしてどんなもんか！と、手元で作成中だったアプリをTitaniumを使って再実装してみたのですが、世間で言われるとおり所々で凝った事をしづらいものの、想像していたよりはずっと、リッチ・簡単・高速に作れる印象でした。 早い、安い、うまいなんてぎゅうどｎ(ry その開発の際に、Objective

前回の記事でTwitterに投稿するところまで実装ができましたが、投稿したあとのwindowの遷移が起きないままになっていますので今回は画面遷移について解説していきます。また、今までのコードをgithubにて公開しましたので必要に応じて参照してみてください。各連載時のコミットにタグをつけてあるので連載にあわせてタグを選択すると便利です。 windowの遷移 windowを閉じる Twitterに投稿したあとに、メッセージを書いていたwindowを閉じるようにしてみます。 以下のコードを追加します。 postButton.addEventListener( 'click', function () { if ( textArea.value ) { tweet( textArea.value ); win.close(); //この行を追加 } } ); これで 投稿が完了すると、メッセージ

第4回目の今回は、OAuthを使ったAPI呼び出しについて解説します。Twitter APIのほとんどはOAuthによる認証が必要となっており、OAuthはTwitterクライアントを作るには欠かせない技術の一つです。 投稿画面を作ろう 実際にOAuthの認証を始める前に投稿画面を先に作ってしまいましょう。初回のイメージに上げたように、画面右上に投稿画面を出すボタンを作成し、そのボタンが押されたら投稿画面が現れるようにしましょう。 var win1 = Ti.UI.currentWindow; var messageButton = Ti.UI.createButton( { systemButton: Titanium.UI.iPhone.SystemButton.ADD } ); messageButton.addEventListener( 'click', function ()

前回の記事が公開された直後からTitaniumには大きなバージョンアップがあったので、今回はTwitterクライアントの続きを始める前に、そのお知らせから始めます。 Titanium Moble 1.5.1 リリース 前回までの記事は Titanium Mobile 1.4.2 で動作確認を行いながら執筆していたのですが、この度新バージョンの 1.5.1 がリリースされました。開発元のAppceleratorによると、この1.5系列によってAndroidでの開発はベータ版から正式版になったという扱いのようです。本連載ではまだAndroid開発について説明していませんが、Intent、Activity、Menuボタンからのメニュー表示といったAndroidらしい機能が使えるようになったので、Androidでの開発もいよいよ面白くなってきたと言えるでしょう。Android SDKのインストール

iPhone／iPadアプリ開発の規約が改訂！ 2010年9月9日、アップルは「iOS Developer Program License」を改訂しました。これにより、開発ツールに関するすべての制限が緩和されました（参考：Apple、iPhoneアプリ開発ツールの制限を緩和　アプリ審査基準も公開）。 相変わらず「コードのダウンロード（FlashやSilverlightなど、Webブラウザのプラグインで動かす）は禁止」ですが、あらかじめ内蔵されているコードであれば、中間レイヤを介して実行可能です。 Titaniumは、JavaScriptで書かれたコードをインタプリタを介して実行するため、この規約の制限を受ける可能性があり「グレー」な存在とされていました。しかし、今回の規約改定により、晴れてTitaniumがiPhone／iPadアプリケーションの開発に利用できることになったわけです。 同時

In 2022, Axway made all private source code of the Titanium SDK public in the open source Titanium SDK GitHub repository. For more information, please read the full announcement and what you need to know about  transitioning your apps. Amplify Enterprise Marketplace Today, Axway focuses on helping API development teams govern, secure, productize, and monetize APIs in a central marketplace—one you

昨日は gumiStudy#5 でした。何か Tech Talk を、ということだったので最近いじっていた Titanium Mobile について整理して、紹介してきました。 Titanium MobileView more presentations from Naoya Ito. (フォントがひどいですね・・・すみません。http://www.slideshare.net/naoya1977/titanium-mobile/download からダウンロードできます) 先日書いたエントリ (http://d.hatena.ne.jp/naoya/20101011/1286799669) のとおり、Titanium Mobile を使うと JavaScript でネイティブアプリを開発することができます。しかも iPhone/Android マルチプラットフォーム対応。最近は Blac