iOSとAnrdoidの開発環境の構築が完了していることが前提です。
※開発環境の構築はこちらで説明しています

それでは続きへどうぞ

ソースコードのインポート

サンプルアプリケーションのソースコードをTitanium Studioにインポートします。Titanium Studioでは簡単に「Kitchen Sink」のソースコードをインポートすることができます。

「Samples」のViewを開きます。インストール直後であればウインドウの左下にあります。もし表示されていなければメニューからWindow->Show View->Samplesと選択して開きます。

「Samples」のViewに「Kitchen Sink」があるので右クリックして「Import sample as project…」を選択します。

選択するとウインドウが開くのでプロジェクト名やインポート先に問題が無ければ（通常は変更する必要はないです）Finishボタンを押します。Finishボタンを押すとネットワーク上のリポジトリからダウンロードが開始されるので完了するまで待ちます。
※ネットワーク環境によっては時間がかかる場合があります。

完了するとProject Explorerで「Kitchen Sink」が追加されていることを確認しましょう。

iOSのシミュレータで起動する

iOSのシミュレータで起動してみましょう。Project ExplorerでKitchen Sinkのプロジェクト名か何かのファイルの上で右クリックをします。コンテキストメニューが開くのでRun As->iPhone Simulatorを選択します。

するとシミュレータで実行する処理が始まります。状況はコンソールに出力されます。

問題が無ければiPhoneシミュレータが起動してアプリケーションが立ち上がります。

Androidのエミュレータで起動する

次にAndroidのエミュレータで起動してみましょう。iPhoneの場合と同様に、Project ExplorerでKitchen Sinkのプロジェクト名か何かのファイルの上で右クリックをします。コンテキストメニューが開くのでRun As->Android Emulatorを選択します。

実行する準備が無事に完了すればAndroidのエミュレータが立ち上がります。iPhoneのシミュレータと異なり起動に時間がかかるので辛抱強く待ちましょう。ここで起動するエミュレータのAndroid SDKのバージョンはTitanium Studioの環境設定で指定しているDefault Android SDKのバージョンになります。
※4.x系のエミュレータは重たいので2.x系のエミュレータをお勧めします。

起動するミュレータのAndroid SDKのバージョンを変更したい場合はコンテキストメニューでRun As->Run Configurations…を選択します。

ウインドウが開くのでTitanium Andoroid Emulatorの項目を選択してAPIを選択します。

iPhoneの実機にインストールする

iPhoneの実機で動作させるにはAppleのiOS Developer Programに加入してプロビジョニング等の設定を完了させておく必要があります。今回はこの辺りは省略しています。

iPhoneをMacに接続してから、右クリックでコンテキストメニューを開きInstall to iOS Deviceを選択します。ウインドウが開くのでSDK、Certificates、Provisioningを選択します。問題が無ければFinishボタンを押します。

iPhoneの実機にインストールする準備が始まり、完了すればiTunesが立ち上がり実機にインストールされます。

Androidの実機にインストールする

AndroidをMacに接続してから、右クリックでコンテキストメニューを開きInstall to Android Deviceを選択します。Androidの場合はiOSと異なりすぐにインストールされます。

以上、iPhoneとAndroidのシミュレータ/エミュレータと実機でサンプルアプリケーションを動かす方法でした。

Titanium MobileはJavascriptで記述しますが、ネイティブの機能にアクセスできることが特徴の1つです。
例えば以下ようなのことができます。

• カメラの利用
• GoogleMapの利用
• ネットワークAPIの利用
• 端末内の動画や静止画へのアクセス

今回はMac上にTitanium Mobileの開発環境を構築する方法を説明します。

手順としては

1. Xcode（iOS SDK）のインストール
2. AndroidSDKのインストール
3. Titanium Studioのインストール

となります。もちろんiOSまたはAndroidのどちらか向けにしか開発しないよ！という方は1または2の片方だけでOKです。すでに各プラットフォームのSDKをインストールしている場合は3からお読みください。

それでは続きで説明して行きます。

1.Xcodeのインストール

XcodeはAppStoreからインストールします。
※2012/4/18現在のバージョンは4.3.2です

インストールが完了したら念のため「/Applications」を開いてXcodeがあることを確認しておきましょう。

2.Android SDKのインストール

まずhttp://developer.android.com/intl/ja/sdk/index.htmlからSDKをダウンロードします。2012/4/19現在ではバージョンr18なのでandroid-sdk_r18-macosx.zipをダウンロードします。

ダウンロードが完了したらZIPファイルを解凍して適当な場所（ユーザフォルダ以下やアプリケーションフォルダなど）に配置します。

このZIPファイルだけではSDKのインストールは完了していません。さらに、ダウンロードしてくる必要があります。

解凍したファイル群を配置したら、toolsフォルダの中の「android」をコマンドラインから実行します。Android SDK Managerが立ち上がるのでチェックを付けてインストールを開始します。

Toolsには全てのチェックを入れて、SDKは必要なバージョンにチェックを入れます。Titanium SDKのバージョンによって利用可能なAndroid SDKのバージョンは異なります。

3.Titanium Studioのインストール

まずappcelerator社のホームページでDeveloperのアカウント登録（無料）をします。

https://my.appcelerator.com/auth/signup

メールアドレス、パスワード、名前、名字、住んでいる国、県を入力してSingUpボタンを押すと、appcelerator社から確認のメールが届きます。そのメールに書かれているURLを開けば登録完了です。

登録が完了したらhttps://my.appcelerator.com/resourcesからTitanium Studioをダウンロードします。

Titanium Downloadsの「OS X」をクリックするとTitanium_Studio.dmgがダウンロードされます。このイメージファイルをマウントして、中身をアプリケーションフォルダにコピーしたらインストール完了です。

Titanium Studioの設定

インストールが完了したら起動してみましょう。

TitaniumStudioを起動します。起動するとワークスペース（作成したソースコードを保存する場所）の場所を指定するようダイアログが出るので任意の場所を指定します。

その後、SingUpを求められるので先ほどデベロッパー登録したメールアドレスとパスワードを入力します。

Titanium Studioが立ち上がったらメニューの環境設定->Aptana Studio->Titaniumを開きます。ここでインストールしたAndroid SDKのフォルダを「Android SDK Home」に設定します。「Default Android SDK」は2.2以上(Titanium Mobile SDKのバージョンによって対応しているSDKのバージョンが異なります)を設定します。

以上でTitanium Mobileの開発環境の構築が終わりました。

次は「Titanium Mobileのサンプルアプリケーションをシミュレータと実機で動かす」へどうぞ。

以下の3つのポイントで説明します。

• アプリケーションで回転を有効にする方法
• 回転のタイミングで何か処理をする方法
• 現在の画面の向きを確認する方法

それでは続きへどうぞ。

アプリケーションで回転を有効にする方法

アプリケーションで回転をサポートするにはUIViewControllerのshouldAutorotateToInterfaceOrientationメソッドをオーバーライドします。

引数で画面の向きが渡ってくるのでその方向への回転を許可する場合にYESを返すように実装します。

画面の向きを表す定数

• UIInterfaceOrientationPortrait
• UIInterfaceOrientationPortraitUpsideDown
• UIInterfaceOrientationLandscapeLeft
• UIInterfaceOrientationLandscapeRight

全ての方向への回転を許可する場合は以下のように単にYESを返せばOKです。

- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation {
  // 全ての向きの回転を許可する
  return YES;
}

縦方向（ポートレート）のみ許可したい場合は以下のようにします。

- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation {
  // 縦方向のみ回転を許可する
  if ((interfaceOrientation == UIInterfaceOrientationPortrait) ||
      (interfaceOrientation == UIInterfaceOrientationPortraitUpsideDown)) {
    return YES;
  } else {
    return NO;
  }
}

回転のタイミングで何か処理をする方法

横方向と縦方向でレイアウトを変える場合など、回転するタイミングをハンドリングしたい場合は、UIViewControllerのwillAnimateRotationToInterfaceOrientation:duration:メソッドをオーバーライドします。willAnimateRotationToInterfaceOrientation:duration:メソッドは名前の通り回転する時に呼び出されます。

サンプルコードでは回転方向をNSLogで出力するようにしています。

■ViewController.m

// 画面が回転しようとする時に呼ばれる
-(void)willAnimateRotationToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation
                                        duration:(NSTimeInterval)duration {

  [self printOrientation:interfaceOrientation];
}

- (void)printOrientation:(UIInterfaceOrientation)orientation {
  if (orientation == UIInterfaceOrientationPortrait) {
    NSLog(@"%s ポートレート（縦）：ホームボタン下", __PRETTY_FUNCTION__);
	}	else if(orientation == UIInterfaceOrientationPortraitUpsideDown) {
    NSLog(@"%s ポートレート（縦）：ホームボタン上", __PRETTY_FUNCTION__);
	}	else if(orientation == UIInterfaceOrientationLandscapeLeft) {
    NSLog(@"%s ランドスケープ（横）：ホームボタン左", __PRETTY_FUNCTION__);
	}	else if(orientation == UIInterfaceOrientationLandscapeRight) {
    NSLog(@"%s ランドスケープ（横）：ホームボタン右", __PRETTY_FUNCTION__);
	}
}

現在の画面の向きを確認する方法

最後に、現在の画面の向きを確認する方法です。

UIViewControllerのinterfaceOrientationプロパティで取得できます。

サンプルコードではボタンを押した時に現在の画面の向きをNSLogで出力するようにしています。

■ViewController.m

- (IBAction)handleButton:(id)sender {
  UIInterfaceOrientation orientation = self.interfaceOrientation;
  [self printOrientation:orientation];
}

サンプルコード

今回使ったサンプルコードはGithubで公開しています。ダウンロードはこちらからどうぞ。

この場合はトップページや、会社概要を固定ページで作成し、ニュースなどを投稿（記事）を使って更新することが多いでしょう。そして、トップページに新着情報の一覧を表示したいケースがよくあると思います。

今回は固定ページに、特定のカテゴリの新着一覧を表示する方法を説明します。

それでは続きへどうぞ。

ポイント

今回のポイントは2つです。

• 固定ページでPHPの実行をできるようにする
• 固定ページ内でPHPを実行して新着一覧を取得する

page.phpに記述する場合は「固定ページでPHPの実行をできるようにする」必要がなくなりますが、複数の固定ページを使っている場合はpage.php内で条件分岐を行う必要がでてきます。

一長一短ですが今回は特定の固定ページ内にPHPを記述する方法をとります。

固定ページでPHPの実行をできるようにする

プラグインを導入することで固定ページ（と投稿）でPHPのコードを記述して実行することができるようになります。

今回は「WP exec PHP」を取り上げますが、他にも同様のプラグインとして「PHP Execution」「Exec-PHP」などあります。「WP exec PHP」を選んだ理由は「PHP Execution」「Exec-PHP」はソースコードを表示するためのプラグインである「Syntax Highlighter」との相性が悪いからです。

それでは「WP exec PHP」をインストールします。他のプラグイン同様に管理画面からプラグインの検索->インストールが便利です。

「WP exec PHP」をインストールしたら有効にします。そうすると固定ページや投稿内でPHPを記述し、それらを[exec][/exec]で囲むと実行されるようになります。

新着一覧を取得して表示する

プラグインを導入してPHPを実行できるようにしたら固定ページに記事の新着一覧を表示するPHPのコードを記述します。

サンプルのソースコードを記載します。

query_posts($query_string . 'showposts=10&cat=0');
if (have_posts()): 
    while (have_posts()) :
        the_post();
        echo('<ul>');
            echo('<li>');
            the_time('Y年m月d日');
            echo('<a href="');
            the_permalink();
            echo('">');
            the_title();
            echo('</a>');
            echo('</li>');
        echo('</ul>');
    endwhile;
endif;
wp_reset_query();

while文の条件にhave_posts()関数を使い、ループの中で以下の処理をしています。

7行目：the_time()関数で公開日時を表示

9行目：the_permalink()関数でaタグにパーマリンクを指定

11行目：the_title()関数でタイトルを表示

今回のポイントは1行目のquery_posts()関数です。query_posts()関数はWordPress ループで表示される投稿を変更する時に使います。

引数で表示する投稿の条件を指定します。上記のサンプルコードでは「新着10件まで」という条件と「カテゴリーIDが0」6という条件を指定しています。10件までという指定で、現在6件の記事があるので6番目の記事から順番に表示されています。

ここで

query_posts($query_string . ‘showposts=5&cat=0′);

とソースコードを修正した場合は以下のような表示に変わります。5件までと指定しているので最新の6番目から2番までの記事が表示されます。

カテゴリを複数指定する場合は

query_posts($query_string . ‘showposts=10&cat=0,3,5′);

のように カンマで区切って指定します。

最後に忘れてはいけないことは、query_posts()関数を呼び出した後は、wp_reset_query()関数で指定をクリアということです。

クリアしなければこれより後に記述しているWordPressループでも条件が指定されたままになり思わぬ結果になってしまうことがありので気をつけましょう。

今回はMFMailComposeViewControllerクラスを使って画像を添付してメールを送る方法を説明します。

メールを送信する大まかな流れは以下の通りです。

事前準備

• プロジェクトにMessageUI.frameworkを追加する
• 使うクラスでMessageUI/MessageUI.hとMessageUI/MFMailComposeViewController.hをimportする
• 使うクラスでMFMailComposeViewControllerDelegateを実装する

MFMailComposeViewControllerの利用手順

1. canSendMailメソッドでメールの送信が可能か確認する
2. MFMailComposeViewControllerクラスのインスタンスを生成
3. delegate（CMFMailComposeViewControllerDelegate）を設定
4. 必要に応じてメールの件名/宛先(TO,CC,BCC)/添付ファイル/本文を設定する
5. モーダルでビューを表示する

それでは続きで説明して行きます。

プロジェクトにフレームワークを追加する

MessageUI.frameworkをプロジェクトに追加します。

ヘッダファイルをimportする

MessageUI/MessageUI.hとMessageUI/MFMailComposeViewController.hをimportします。サンプルではViewControllerでボタンが押された時にメール作成画面を表示させるため、ViewController.hに記述します。

MFMailComposeViewControllerDelegateの実装も今回はこのクラスで行います。

MFMailComposeViewControllerを使う

アプリからメールを送信する場合はMFMailComposeViewControllerクラスを使います。このクラスのインスタンスを生成して、宛先やタイトルを設定して、Viewを表示するだけで簡単にメールを送信することができます。

まずはメソッドの一覧を見てみましょう。

MFMailComposeViewControllerクラスのメソッド

サンプルコードではボタンが押された場合にhandleMailButtonメソッドが呼ばれ、その中でMFMailComposeViewControllerクラスのインスランスの生成、設定、表示を行っています。

■ViewController.m

- (IBAction)handleMailButton:(id)sender {
  // メールを送信することができるか確認
  if ([MFMailComposeViewController canSendMail] == NO) {
    NSLog(@"%s can't send mail", __PRETTY_FUNCTION__);
    return;
  }

  // MFMailComposeViewControllerのインスタンスを生成して初期化する
  MFMailComposeViewController *mailViewController = [[MFMailComposeViewController alloc] init];

  // デリゲートの通知先のオブジェクトを設定する
  mailViewController.mailComposeDelegate = self;

  // 件名を設定する
  [mailViewController setSubject:@"Subject!"];

  // 宛先（TO）を設定する
  NSArray *toRecipients = [NSArray arrayWithObject:@"hoge@hoge.jp"];
  [mailViewController setToRecipients:toRecipients];

  // 宛先（CC）を設定する。最後はnilを忘れずに
  NSArray *ccRecipients = [NSArray arrayWithObjects:@"hoge1@hoge.com", @"hoge2@hoge.jp", nil];
  [mailViewController setCcRecipients:ccRecipients];  

  // 宛先（BCC）を設定する。最後はnilを忘れずに
  NSArray *bccRecipients = [NSArray arrayWithObject:@"hogege@foo.jp"];
  [mailViewController setBccRecipients:bccRecipients]; 

  // 本文を設定する
  NSString *messageBody = @"No Cat, No Life";
  [mailViewController setMessageBody:messageBody isHTML:NO];

  // 添付ファイルを設定する
  NSString *path = [[NSBundle mainBundle] pathForResource:@"cat" ofType:@"png"];
  UIImage *image= [[UIImage alloc] initWithContentsOfFile:path];
  NSData *data  = [[[NSData alloc] initWithData:UIImagePNGRepresentation(image)] autorelease];
  [mailViewController addAttachmentData:data mimeType:@"image/png" fileName:@"cat.png"];

  // モーダルで表示させる
  [self presentModalViewController:mailViewController animated:YES];

  [mailViewController release];
}

9,11行目：インスタンスの生成とdelegateの設定。
15行目：タイトルの設定。
18,19行目：宛先（TO）の設定。
21〜27行目：宛先（CC,BCC）の設定。それぞれ複数のアドレスが設定可能なのでNSArray（要素はNSString）で指定する。最後はnilを忘れないように注意。
30,31行目：本文を設定。HTMLの場合はisHTMLをYESにする。今回はプレーンテキストなのでNOを指定している。
34〜37行目：addAttachmentData:mimeType:fileName:メソッドで添付ファイルを設定。NSDataで添付するデータを指定する。MIMETypeは適切な値を指定する必要がある。

以上がメールを送信するためのビュー（画面）を表示するための処理です。もちろん、宛先や本文はユーザーが後から追加、変更することができます。

今回は全ての設定をビューの表示前に行っていますが、例えばsetToRecipientsで設定しないようにすると、宛先（TO）が空欄のままメール作成の画面が表示されます。

MFMailComposeViewControllerDelegate

MFMailComposeViewControllerのViewが表示され、ユーザーが送信またはキャンセルを選択すると、MFMailComposeViewControllerDelegateのmailComposeController:didFinishWithResult:error:メソッドが呼ばれます。

サンプルコードではresultコードを見てログの出力を行い、モーダルで表示していたMFMailComposeViewControllerのViewを閉じる処理を行っています。

- (void)mailComposeController:(MFMailComposeViewController*)controller
          didFinishWithResult:(MFMailComposeResult)result
                        error:(NSError*)error {    

  // resultに結果が入ってくる
  switch (result) {
    case MFMailComposeResultCancelled:
      NSLog(@"%s Cancelled", __PRETTY_FUNCTION__);
      break;
    case MFMailComposeResultSaved:
      NSLog(@"%s Saved", __PRETTY_FUNCTION__);
      break;
    case MFMailComposeResultSent:
      NSLog(@"%s Sent", __PRETTY_FUNCTION__);
      break;
    case MFMailComposeResultFailed:
      NSLog(@"%s Failed", __PRETTY_FUNCTION__);
      break;
    default:
      break;
  }

  // モーダルビューを閉じる
  [self dismissModalViewControllerAnimated:YES];
}

サンプルコード

今回使用したサンプルコードはGithubで公開しています。

この便利なNSLog／NSAssertですが、リリース時には処理速度、モジュールサイズを小さくしたいなどの理由で無効にしておきたいものです。

今回はリリースビルド時にNSLogとNSAssertを無効にする方法を説明します。

それでは続きへどうぞ。

NSAssert

指定した条件が間違っていれば、コンソールにメッセージを出力します。あり得ない値が入ったときにメッセージを出力したいときに使います。

例えば100以下の値しか入ってこないはずのvalueに100より大きい値が入っているときの分かるようにしたい、など。

ex) NSAssert(value <=100, @”over 100″);

NSLog

コンソールにメッセージを出力します。いわゆるprintfデバッグです。

ex) NSLog(@”hogehoge”);

NSAssertを無効にする

Appleのドキュメントには

Assertions are disabled if the preprocessor macro NS_BLOCK_ASSERTIONS is defined.

と記述されているのでreleaseでビルドしたときにNS_BLOCK_ASSERTIONSが定義されているようにすればOKです。

Xcode4ではプロジェクトを作成したときの初期設定で既に定義されている状態になっています。Xcode3以前で作られたプロジェクトファイルでは定義されていないので、自分で追記する必要があります。

この設定でリリースビルド時にNS_BLOCK_ASSERTIONSが定義がされ、NSAssertが無効になります。

NSLogを無効にする

リリースビルドの時にNSLogマクロを空で定義するという方法で無効化します。

今回はリリース時の判断方法として上で説明した NS_BLOCK_ASSERTIONS を使います。もちろん別の判断用のマクロを用意しても問題ありません。

#ifdef NS_BLOCK_ASSERTIONS

#ifndef NSLog
// NSLogを無効にする
#define NSLog( m, args... )
#endif

#else

#ifndef NSLog
#define NSLog( m, args... ) NSLog( m, ##args )
#endif

#endif

この記述を全てのファイルに適応させる簡単な方法はプロジェクト名_Prefix.pchに記述することです。

ジオコーディングとは地名、住所などから緯度/経度に変換することです。逆ジオコーディングはその逆で、緯度/経度から地名、住所に変換することです。

逆ジオコーディングは全てのiOSで行うことができますが、正ジオコーディングはiOS5以降の機能なので注意が必要です。

それでは続きでサンプルソースと共に説明します。サンプルソースはこちらです。

CLGeocoderクラスでジオコーディング行う

iOS5からCLGeocoderクラスが追加されました。CLGeocderクラスは正ジオコーディングと逆ジオコーディングの両方を行うことができます。正引きから見てみましょう。

- (void)geocorde:(NSString *)addressString {
  CLGeocoder *geocoder = [[[CLGeocoder alloc] init] autorelease];
  [geocoder geocodeAddressString:addressString
               completionHandler:^(NSArray* placemarks, NSError* error) {
                 // 住所からジオコーディングを行った結果（場所）の数
                 NSLog(@"found : %d", [placemarks count]);
                 for (CLPlacemark* placemark in placemarks) {
                   // それぞれの結果（場所）の情報
                   NSLog(@"latitude : %f", placemark.location.coordinate.latitude);
                   NSLog(@"longitude : %f", placemark.location.coordinate.longitude);
                 }
               }];
}

2行目：CLGeocorderクラスのインスタンスを生成

3〜12行目：geocodeAddressString:completionHandler:メソッドでジオコーディングを実行。それぞれ住所（地名）と完了時に呼ばれるBlockを指定

ジオコーディングの実行は非同期で行われ、完了するとcompletionHandler:に与えたBlockが実行されます。

結果はCLPlacemarkクラスがNSArrayで渡されます。NSArrayということから分かる通り、結果が必ず一カ所であるとは限りません。住所（地名）は複数指定することができ、単一の地名を指定するより、建物の名前と所在地の市の名前など複数指定した方が精度があがります。複数指定する場合は文字列をスペースやカンマで区切ります。

CLGeocoderクラスで逆ジオコーディング行う

iOS4まではMapKitフレームワークのMKReverseGeocoderクラスを利用していましたが、iOS5以降で逆ジオコーディングをこのクラスを使います。
※iOS5からMKReverseGeocoderクラスは非推奨となっています

- (void)reverseGeocordeWithLatitude:(double)latitude longitude:(double)longitude {
  CLGeocoder *geocoder = [[[CLGeocoder alloc] init] autorelease];
  CLLocation *location = [[[CLLocation alloc] initWithLatitude:latitude
                                                     longitude:longitude] autorelease];

  [geocoder reverseGeocodeLocation:location
                 completionHandler:^(NSArray* placemarks, NSError* error) {
                   // 経度、緯度から逆ジオコーディングを行った結果（場所）の数
                   NSLog(@"found : %d", [placemarks count]);

                   for (CLPlacemark *placemark in placemarks) {
                     // それぞれの結果（場所）の情報
                     NSLog(@"addressDictionary : %@", [placemark.addressDictionary description]);

                     NSLog(@"name : %@", placemark.name);
                     NSLog(@"thoroughfare : %@", placemark.thoroughfare);
                     NSLog(@"subThoroughfare : %@", placemark.subThoroughfare);
                     NSLog(@"locality : %@", placemark.locality);
                     NSLog(@"subLocality : %@", placemark.subLocality);
                     NSLog(@"administrativeArea : %@", placemark.administrativeArea);
                     NSLog(@"subAdministrativeArea : %@", placemark.subAdministrativeArea);
                     NSLog(@"postalCode : %@", placemark.postalCode);
                     NSLog(@"ISOcountryCode : %@", placemark.ISOcountryCode);
                     NSLog(@"country : %@", placemark.country);
                     NSLog(@"inlandWater : %@", placemark.inlandWater);
                     NSLog(@"ocean : %@", placemark.ocean);
                     NSLog(@"areasOfInterest : %@", placemark.areasOfInterest);
                   }
                 }];

2行目：CLGeocorderクラスのインスタンスを生成

3,4行目：逆ジオコーディングを行う緯度と経度からCLLocationクラスのインスタンスを生成

6〜29行目：reverseGeocodeLocation:completionHandler:メソッドで逆ジオコーディングを実行。それぞれ対象となる緯度、経度のCLLocationと完了時に呼ばれるBlockを指定

正引きのジオコーディングと同様に結果はCLPlacemarkクラスがNSArrayで渡されます。サンプルでは結果の場所の情報をNSLogで出力しています。CLPlacemarkクラスの詳細はリファレンスを参照してください。

今回使用したサンプルソースはこちらで公開しています。

RetinaディスプレイのiPadの登場でさらにアプリのサイズは膨らむ方向に・・・

そこで今回はオープンソースのImageOptimというMac用のアプリケーションを紹介します。このImageOptimはPNG画像、JPEG画像、GIFアニメーションファイルを最適化/圧縮することでファイルサイズを小さくするアプリケーションです。

使い方も最適化/圧縮したいファイルをドラッグ&ドロップするだけとお手軽です。それでは続きでダウンロードサイト、使い方を説明します。

ダウンロード

こちらのサイトからダウンロードします。ページの右側にダウンロードと書かれたボタンがあるので押してダウンロードします。ファイルは圧縮されているので解凍して、アプリケーションフォルダにコピーしてインストール完了です。

※2012/3/25現在の最新バージョンは1.4.0です

使い方

起動すると下のようなウインドウが表示されます。

ファイルサイズを小さくしたい画像ファイルをドラッグ&ドロップします。

ドラッグ＆ドロップすると自動で最適化が開始され、完了したら最適化された割合が表示されます。
今回使用した画像はファイルサイズが57.5%抑えられました。デフォルトの設定では最適化されたファイルは、元のファイル自体に上書きされるため注意してください。後述する設定画面で、上書きしない設定を行うことができます。

フォルダごとドラック&ドロップを行うと、フォルダ内の画像を連続して最適化してくれます。

ImageOptimの設定画面

ImageOptimの画面上部のメニューからPreferencesを選択すると設定画面が開きます。

基本的に設定は触らなくても大丈夫ですが、最適化する前のファイルを残しておきたい場合は「Backup original files before saving」にチェックを入れましょう。チェックを入れると最適化する前のファイルは拡張子の末尾に「~」が追加されて残ります。

UIGestureRecognizerクラスを使うと様々なジェスチャーを簡単に識別することができます。UIGestureRecognizerクラスのサブクラスである UILongPressGestureRecognizerクラス は任意のビュー(UIView)に登録することでロングプレス(長押し、ロングタップ)をハンドリングすることができます。

重宝するUILongPressGestureRecognizerクラスですが、UIWebViewに登録した場合に長押しをすると、文字や画像の選択になってしまい、ロングプレスがハンドリングできない場合があります。

とてももどかしい思いをするので、別の方法で ロングプレスをハンドリングしてみようと思います。

それでは続きへどうぞ。

UIWindowクラスでイベントのフックを行う

UIWebViewではUIGestureRecognizerクラスを使ってイベントハンドリングが上手く行かない場合があるので、UIWindowクラスのイベントを配送する箇所でイベントのハンドリング（フック）を行います。

長押しのイベントハンドリングするCBWindowクラスを作成しました。GitHubで公開しています。今回はこのソースを元に説明します。

UIWindowクラスのsendEventメソッド

sendEventメソッドでイベントの配送を行うため、このメソッドをオーバーライドしてロングプレスのハンドリングを行います。

作成したCBWindowではNotificationで以下のイベントを通知しています。

• ロングプレスの開始
• ロングプレス中に移動
• ロングプレスの終了
• ロングプレスのキャンセル（途中で2本目の指をタッチするなど）

Notificationの名前はCBWindow.hで以下のように定義しています。

#define kNotificationNameStartLongPress   @"StartLongPressNotification"
#define kNotificationNameMovedLongPress   @"MovedLongPressNotification"
#define kNotificationNameEndLongPress     @"EndLongPressNotification"
#define kNotificationNameCancelLongPress  @"CancelLongPressNotification"

オーバーライドしたsendEventメソッドを見てみましょう。

■CBWindow.m

- (void)sendEvent:(UIEvent *)event {
  NSSet *touches = [event touchesForWindow:self];
  [touches retain];

  [super sendEvent:event];

  UITouch *touch = [touches anyObject];
  if ([touches count] == 1) {

    switch ([touch phase]) {
      case UITouchPhaseBegan:
        [longPressTimer_ invalidate];

        CGPoint coordinate = [touch locationInView:self];
        NSDictionary *coordinateDic = [NSDictionary dictionaryWithObjectsAndKeys:
                                       [NSValue value:&coordinate withObjCType:@encode(CGPoint)],
                                       @"coordinate", nil];

        longPressTimer_ = [NSTimer scheduledTimerWithTimeInterval:kMinimumPressDuration
                                                           target:self
                                                         selector:@selector(longPressTimerHandle:)
                                                         userInfo:coordinateDic
                                                          repeats:NO];
        break;

      case UITouchPhaseMoved:
        [longPressTimer_ invalidate];
        longPressTimer_ = nil;

        if (isKeepLongpPress_) {
          [self postNotification:kNotificationNameMovedLongPress
                      coordinate:[touch locationInView:self]];
        }

        break;

      case UITouchPhaseEnded:
      case UITouchPhaseCancelled:
        [longPressTimer_ invalidate];
        longPressTimer_ = nil;

        if (isKeepLongpPress_) {
          [self postNotification:kNotificationNameEndLongPress
                      coordinate:[touch locationInView:self]];
        }
        isKeepLongpPress_ = NO;
        break;

      default:
        break;
    }
  } else {
    [longPressTimer_ invalidate];
    longPressTimer_ = nil;
    if (isKeepLongpPress_) {
      [self postNotification:kNotificationNameEndLongPress
                  coordinate:[touch locationInView:self]];
    }
    isKeepLongpPress_ = NO;
  }

  [touches release];
}

7行目：引数で渡ってくるUIEventクラスのインスタンスからUITouchを取り出す。

8行目：一本の指の時だけロングプレスを認識させるため、countを確認。2本以上の指のイベントが発生して、その時にロングプレス中であれば、キャンセルのNotification（kNotificationNameCancelLongPress）を発行。

10〜51行目：タッチイベントを元に、ロングプレスの判断を行う（後述）。

sendEventメソッドのタッチイベント

・UITouchPhaseBegan

ロングプレスのハンドリング用のタイマーを開始。発火までに他のイベントが発生しなければロングプレスと認識してNotification(kNotificationNameStartLongPress)を発行。
※タイマーは0.25秒（kMinimumPressDurationで定義）

・UITouchPhaseMoved

ロングプレスのタイマーを停止。ロングプレス中であればNotification(kNotificationNameMovedLongPress)を発行。

・UITouchPhaseEnded/UITouchPhaseCancelled

ロングプレスのタイマーを停止。ロングプレス中であればNotification(kNotificationNameEndLongPress)を発行。

Notificationの発行

postNotificationメソッドでロングプレスのNotificationを発行しています。NotificationのuserInfoで座標を伝えています。タッチの開始、移動、終了の座標を知ることができます。

■CBWindow.m

- (void)postNotification:(NSString *)notificationName coordinate:(CGPoint)coordinate {
  NSLog(@"%s %@ %@", __PRETTY_FUNCTION__, notificationName, NSStringFromCGPoint(coordinate));

  NSDictionary *coordinateDic = [NSDictionary dictionaryWithObjectsAndKeys:
                                 [NSNumber numberWithFloat:coordinate.x], @"x",
                                 [NSNumber numberWithFloat:coordinate.y], @"y", nil];
  [[NSNotificationCenter defaultCenter] postNotificationName:notificationName
                                                      object:nil
                                                    userInfo:coordinateDic];
}

このNotificationを受け取った側は以下のように座標を取り出すことができます。

- (void)handleStartLongPressNotification:(NSNotification*)notification {
  NSLog(@"%s x:%f y:%f",
        __PRETTY_FUNCTION__,
        [[[notification userInfo] objectForKey:@"x"] floatValue],
        [[[notification userInfo] objectForKey:@"y"] floatValue]);
}

CBWindowとサンプルソース

GitHubに公開しているプロジェクトはUIWebViewが表示され、ロングプレスを行うとログに座標が表示されるものです。

ダウンロードはこちらからどうぞ。

以下の手順で設定します。

1. QuartzCore.frameworkを追加
2. QuartzCore/QuartzCore.hをインポート
3. layer.cornerRadius、clipsToBoundsを設定

QuartzCore/QuartzCore.hをインポートするのを忘れるとコンパイルが通らないので注意して下さい。

・サンプルコード

UIImage image = [UIImage imageNamed:@"image.png"];
imageView.layer.cornerRadius = 5.0f;
imageView.clipsToBounds = true;