iphoneアプリで稼げるのか

いろいろまとめてOAuthEcho

daichi — Sun, 08 Aug 2010 21:03:59 +0000

TwitPicのOAuthEcho対応 | iphoneアプリで稼げるのか
 TweetPhotoのOAuthEcho対応 | iphoneアプリで稼げるのか

１つずつ分けて書くのがとても面倒になってきたので書き散らかします。
MobyPicture、Twitgoo、Twipl、Posterous、Img.ly、yFrogです。

ここでもTwitPicでの対応をベースに書いてます。

MobyPicture

Share your adventures with your friends realtime

API Keyはこちら。Mobypicture – Share your adventures with your friends realtime
OAuth Echoについてはこちら。OAuth Echo | Mobypicture Developers
upload APIはこちら。upload | Mobypicture Developers
基本はTwitPicと同じでいけます。レスポンスの処理部分でURL含まれる要素が変わるくらい。

ポスト

^?View Code OBJECTIVE-C

- (void)uploadToTwitterByMobyPicture:(NSString *)tweet image:(UIImage *)image {
	self.lastTweet = tweet;
	NSString *url = @"https://api.mobypicture.com/2.0/upload.json";
	ASIFormDataRequest *request = [self createOAuthEchoRequest:url];
 
	NSData *imageRepresentation = UIImageJPEGRepresentation(image, 1.0);
	[request setData:imageRepresentation forKey:@"media"];
	[request setPostValue:tweet  forKey:@"message"];
	[request setPostValue:mobyPictureApiKey  forKey:@"key"];  
 
	[request setDelegate:self];
	[request setDidFinishSelector:@selector(mobyPictureRequestFinished:)];
	[request setDidFailSelector:@selector(requestFailed:)];
 
	[request startAsynchronous];
}

レスポンス

^?View Code OBJECTIVE-C

- (void)mobyPictureRequestFinished:(ASIHTTPRequest *)request
{
	// Use when fetching text data
	NSString *responseString = [request responseString];
	NSLog(@"response:%@",responseString);
 
	NSString *url = [self extractUploadURL:body key:@"mediaurl"];
 
	NSLog(@"url:%@",url);
	if (!url) {
		[self requestFailed:request];
		return;
	}
 
	[self.twitterEngine sendUpdate:[NSString stringWithFormat:@"%@ %@", self.lastTweet, url]];
}

extractUploadURLはTwitPicのOAuthEcho対応 | iphoneアプリで稼げるのかで書いたメソッドからKeyを引数に渡せるようにしたものです。

Twitgoo

Twitgoo – Share your pictures on twitter

API Keyは不要。(ただし、申請すればリンク付きアプリ名を表示させることができる)
APIについてはここからZip、PDF形式で参照できます。Twitgoo – Help and Feedback
twitgooもTwitPicと同じ要領でいけます。ただ、レスポンスはXML。

ポスト

^?View Code OBJECTIVE-C

- (void)uploadToTwitterByTwitgoo:(NSString *)tweet image:(UIImage *)image {
 
	self.lastTweet = tweet;
	NSString *url = @"http://twitgoo.com/api/upload";
	ASIFormDataRequest *request = [self createOAuthEchoRequest:url];
 
	NSData *imageRepresentation = UIImageJPEGRepresentation(image, 1.0);
	[request setData:imageRepresentation forKey:@"media"];
	[request setPostValue:tweet  forKey:@"message"];
 
	[request setDelegate:self];
	[request setDidFinishSelector:@selector(twitgooRequestFinished:)];
	[request setDidFailSelector:@selector(requestFailed:)];
 
	[request startAsynchronous];
}

レスポンス

^?View Code OBJECTIVE-C

- (void)twitgooRequestFinished:(ASIHTTPRequest *)request {
	NSString *responseString = [request responseString];
	NSLog(@"response:%@",responseString);
 
	NSString *url = nil;
	NSRange startRange = [responseString rangeOfString:@"" options:NSCaseInsensitiveSearch];
	if (startRange.location != NSNotFound) {
		NSRange endRange = [responseString rangeOfString:@"" options:NSCaseInsensitiveSearch];
		int location = startRange.location + startRange.length;
		int length = endRange.location - location;
		url = [responseString substringWithRange:NSMakeRange(location, length)];
	}
 
	NSLog(@"url:%@",url);
	if (!url) {
		[self requestFailed:request];
		return;
	}
 
	[self.twitterEngine sendUpdate:[NSString stringWithFormat:@"%@ %@", self.lastTweet, url]];
}

Twipl

ようこそ。ツイプルへ。

API Key→Application Registration
API→Twipl Open API

リクエストヘッダ

Twiplはリクエストヘッダにセットするキーが他のと異なるので注意。
X-OAUTH-AUTHORIZATIONとX-OAUTH-SP-URL。入れる値は同じ。

^?View Code OBJECTIVE-C

- (ASIFormDataRequest*)createOAuthEchoRequestForTwipl:(NSString*)url {
	NSString *authorizeUrl = @"https://api.twitter.com/1/account/verify_credentials.xml";
	NSString *format = @"xml";
	OAMutableURLRequest *oauthRequest = [[OAMutableURLRequest alloc] initWithURL:[NSURL URLWithString:authorizeUrl]
			consumer:self.twitterEngine.consumer
			token:self.twitterEngine.accessToken
			realm:@"http://api.twitter.com/"
			signatureProvider:nil];
 
 
	NSString *oauthHeader = [oauthRequest authorizationString];
 
	NSLog(@"OAuth header : %@\n\n", oauthHeader);
 
	ASIFormDataRequest *request = [ASIFormDataRequest requestWithURL:[NSURL URLWithString:url]];
	request.requestMethod = @"POST";
	request.shouldAttemptPersistentConnection = NO;	
 
	[request addRequestHeader:@"X-OAUTH-SP-URL" value:[NSString stringWithFormat:@"https://api.twitter.com/1/account/verify_credentials.%@", format]]; 
	[request addRequestHeader:@"X-OAUTH-AUTHORIZATION" value:oauth_header];
 
	return request;
}

ポスト

^?View Code OBJECTIVE-C

- (void)uploadToTwitterByTwipl:(NSString *)tweet image:(UIImage *)image {
	self.lastTweet = tweet;
	NSString *url = @"http://api.twipl.net/2/upload.xml";
	ASIFormDataRequest *request = [self createOAuthEchoRequestForTwipl:url];
 
	NSData *imageRepresentation = UIImageJPEGRepresentation(image, 1.0);
	[request setData:imageRepresentation withFileName:@"file" andContentType:@"image/jpg" forKey:@"media1"];
	[request setPostValue:tweet  forKey:@"message"];
	[request setPostValue:twiplApiKey  forKey:@"key"];
 
	[request setDelegate:self];
	[request setDidFinishSelector:@selector(twitgooRequestFinished:)];
	[request setDidFailSelector:@selector(requestFailed:)];
 
	[request startAsynchronous];
}

いろいろ試してみたところ、画像データにContent-Typeを付加しないと画像データとしてTwiplが判断してくれないみたい。上のやりかたで無事ポストできた。

レスポンス

レスポンスはTwitgooのものと同じ。

Posterous

Posterous – The place to post everything. Just email us. Dead simple blog by email.

API Key→不要。
API→Twitter – Posterous API

ポスト

^?View Code OBJECTIVE-C

- (void)uploadToTwitterByPosterous:(NSString *)tweet image:(UIImage *)image {
	self.lastTweet = tweet;
	NSString *url = @"http://posterous.com/api2/upload.json";
	ASIFormDataRequest *request = [self createOAuthEchoRequest:url];
 
	NSData *imageRepresentation = UIImageJPEGRepresentation(image, 1.0);
	[request setData:imageRepresentation forKey:@"media"];
	[request setPostValue:tweet  forKey:@"message"];
	[request setPostValue:appName forKey:@"source"];
	[request setPostValue:appURL forKey:@"sourceLink"];	
 
	[request setDelegate:self];
	[request setDidFinishSelector:@selector(twitPicRequestFinished:)];
	[request setDidFailSelector:@selector(requestFailed:)];
 
	[request startAsynchronous];
}

レスポンス

TwitPicのレスポンス処理と同じ。
TwitPicのOAuthEcho対応 | iphoneアプリで稼げるのか

Img.ly

img.ly photo sharing service for twitter

Img.lyは実はまだ成功してません。ごめんなさい。
API Key→？
API→img.ly photo sharing service for twitter
　　→img.ly photo sharing service for twitter
どっちが正しいのだろう。上のリンクだとAPI Keyは不要っぽいけど、下のリンクだとAPI Keyを使っている。
こんな感じでリクエストを投げてみるもレスポンスが空っぽで何が悪いのか分からなかった。

^?View Code OBJECTIVE-C

 (void)uploadToTwitterByImgly:(NSString *)tweet image:(UIImage *)image {
 
	self.lastTweet = tweet;
	NSString *url = @"http://img.ly/api/2/upload.json";
	ASIFormDataRequest *request = [self createOAuthEchoRequest:url];
 
	NSData *imageRepresentation = UIImageJPEGRepresentation(image, 1.0);
	[request setData:imageRepresentation forKey:@"media"];
	[request setPostValue:tweet  forKey:@"message"];
 
	[request setDelegate:self];
	[request setDidFinishSelector:@selector(twitPicRequestFinished:)];
	[request setDidFailSelector:@selector(requestFailed:)];
 
	[request startAsynchronous];
}

後でImg.lyにメールで聞いてみる。

yFrog

yfrog – Share your images/videos on Twitter!

API Keyがもらえないので確認できず。
キー、ください。

おつかれさまでした。

次はFacebookへの写真アップロードやるかも。

タグ: OAuthEcho, twitter

TweetPhotoのOAuthEcho対応

daichi — Sun, 08 Aug 2010 00:03:20 +0000

TwitPicのOAuthEcho対応 | iphoneアプリで稼げるのか

Twitter OAuth対応シリーズ。第三回目はTweetPhotoのOAuthEcho対応です。

前回のTwitPicのOAuthEcho対応をベースで話を進めます。

API Keyはここで取得しておきます。
TweetPhoto | Admin Site

API

OAuth Echo

TweetPhotoのOAuth Echoについてはここに書かれています。
OAuth Echo – TweetPhoto Developers | Google グループ

基本はTwitPicの時と同じですが、X-Auth-Service-ProviderにはxmlのURLを指定します。
です。

X-Verify-Credentials-Authorization→OAuthの認証文字列のrealmに”http://api.twitter.com/”をセットしたもの
X-Auth-Service-Provider→”https://api.twitter.com/1/account/verify_credentials.xml” 固定

Basic Upload API v2.0

Basic Upload API v2.0 (Upload and UploadAndPost) – TweetPhoto Developers | Google グループ

TweetPhotoではリクエストパラメータではなく、リクエストヘッダに必要なデータをセットするようになってます。リクエストボディにはイメージデータのみ。

必須のパラメータは

TPAPIKEY→APIキー
TPMIMETYPE→MIMEタイプ
Content-Length→画像データサイズ
Content-Type→”application/x-www-form-urlencoded” 固定

今回はツイートも合わせてポストしたいので、

TPUTF8→”True”
TPMSG→ついーとをBase64エンコードしたもの

も使います。リクエストヘッダにUTF8の文字列は使えないのでBase64エンコードしたものをセットするようになってます。

その他のAPIはこちらに。
ページ – TweetPhoto Developers | Google グループ

ポスト

OAuthEcho用のリクエストヘッダ組み立てには前回用意したメソッドを使い回します。
TwitPicのOAuthEcho対応 | iphoneアプリで稼げるのか

^?View Code OBJECTIVE-C

- (void)uploadToTwitterByTweetPhoto:(NSString *)tweet image:(UIImage *)image {
	self.lastTweet = tweet;
	NSString *url = @"http://tweetphotoapi.com/api/tpapi.svc/upload2";
	ASIFormDataRequest *request = 	[self createOAuthEchoRequest:url format:@"xml"];
 
	NSData *imageRepresentation = UIImageJPEGRepresentation(image, 1.0);
	[request setPostBody:imageRepresentation];
	[request addRequestHeader:@"TPAPIKEY" value:tweetPhotoApiKey];
	[request addRequestHeader:@"TPMIMETYPE" value:@"image/jpeg"];
	[request addRequestHeader:@"Content-Length" value:[NSString stringWithFormat:@"%d", [imageRepresentation length]]];
	[request addRequestHeader:@"Content-Type" value:@"application/x-www-form-urlencoded"];
	[request addRequestHeader:@"TPUTF8" value:@"true"];	
 
	NSString *base64Message = [self base64Encode:tweet];
	[request addRequestHeader:@"TPMSG" value:base64Message];
 
	[request setDelegate:self];
	[request setDidFinishSelector:@selector(tweetPhotoRequestFinished:)];
	[request setDidFailSelector:@selector(requestFailed:)];
 
	[request startAsynchronous];
}

setPostBodyで画像データをセット。
他のパラメータはaddRequestHeaderでリクエストヘッダにセットします。
ついーと文字列はBase64エンコードしたものをセット。
Base64の文字列はこんな感じで組み立ててます。

^?View Code OBJECTIVE-C

- (NSString*)base64Encode:(NSString*)text {
	NSString *tmp = [text copy];
	char encodeArray[512];
	memset(encodeArray,'\0', sizeof(encodeArray));	
	NSData *encodeData = [tmp dataUsingEncoding:NSUTF8StringEncoding];
	encode([encodeData length], (char *)[encodeData bytes], sizeof(encodeArray), encodeArray);
	NSString *base64Message = [NSString stringWithCString:encodeArray encoding:NSUTF8StringEncoding];
	[tmp release];
	return base64Message;
}
 
static char base64[] = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"
"abcdefghijklmnopqrstuvwxyz"
"0123456789"
"+/";
 
int encode(unsigned s_len, char *src, unsigned d_len, char *dst)
{
	unsigned triad;
 
	for (triad = 0; triad < s_len; triad += 3)
	{
		unsigned long int sr;
		unsigned byte;
 
		for (byte = 0; (byte<3)&&(triad+byteView Code OBJECTIVE-C
- (void)tweetPhotoRequestFinished:(ASIHTTPRequest *)request {
	NSString *responseString = [request responseString];
	NSLog(@"response:%@",responseString);
 
	NSString *url = nil;
	NSRange startRange = [responseString rangeOfString:@"" options:NSCaseInsensitiveSearch];
	if (startRange.location != NSNotFound) {
		NSRange endRange = [responseString rangeOfString:@"" options:NSCaseInsensitiveSearch];
		int location = startRange.location + startRange.length;
		int length = endRange.location - location;
		url = [responseString substringWithRange:NSMakeRange(location, length)];
	}
 
	NSLog(@"url:%@",url);
	if (!url) {
		[self requestFailed:request];
		return;
	}
 
	[self.twitterEngine sendUpdate:[NSString stringWithFormat:@"%@ %@", self.lastTweet, url]];
}
 
- (void)requestFailed:(ASIHTTPRequest *)request {
	NSError *error = [request error];
	NSLog(@"Error:%@",[error localizedDescription]);
}





ポスト時にxmlをフォーマットに指定したのでレスポンスはXMLでかえってきます。

ここではmediaurl要素にポストした画像を見れるURLがあるので、それをぶっこ抜きます。

でもって、それをTwitterへポスト。

これで完了です。



おまけ
古い方のUpload APIでもOAuth Echoが使える。

Multipart/Form-data Upload – TweetPhoto Developers | Google グループ



こっちではTwitPicライクにポストできる。




^?View Code OBJECTIVE-C
- (void)uploadToTwitterByTweetPhoto:(NSString *)tweet image:(UIImage *)image {
	self.lastTweet = tweet;
	NSString *url = @"http://tweetphotoapi.com/api/upload.aspx";
	ASIFormDataRequest *request = 	[self createOAuthEchoRequest:url format:@"xml"];
 
	NSData *imageRepresentation = UIImageJPEGRepresentation(image, 1.0);
	[request setData:imageRepresentation forKey:@"media"];
	[request setPostValue:tweet  forKey:@"message"];
	[request setPostValue:tweetPhotoApiKey  forKey:@"api_key"];
 
	[request setDelegate:self];
	[request setDidFinishSelector:@selector(tweetPhotoRequestFinished:)];
	[request setDidFailSelector:@selector(requestFailed:)];
 
	[request startAsynchronous];
}







次回は手抜きでその他画像サービスをまとめて書く予定。

	タグ: API, AR, iphone, OAuthEcho, photo, twitter, アプリ

	関連する投稿
	
	【OS3.0】エリカ様のように非公式APIをリストアップする方法 
	【iPhone】【Objective-C】Twitterにつぶやきをポストする 
	【iPhone】Push Notificationの実装方法 
	【iPhone】coverflowを簡単に実装できるライブラリ 
	【iPhone】3GSのここがイイ！５つのポイント＆アプリネタ 





TwitPicのOAuthEcho対応
daichi — Wed, 04 Aug 2010 23:32:25 +0000





まだ間に合うiPhoneアプリのXAuth対応 | iphoneアプリで稼げるのか



前回に続いてTwitterのOAuth関連対応を。

今回はTwitterとの画像共有サービスTwitPicのOAuth対応をします。

こっちは純粋なOAuthではなくOAuth Echoになりますが、そのあたりは他のサイトを参考にしてください。良記事がたくさんあることでしょう。



とりわけこちらではOAuth Echoの実装について書きます。



ベースに前回同様XAuthTwitterEngineを使います。

また、画像ファイルをmulti-partでポストするのを自力実装するのがしんどいので、ASIHttpRequestを使います。



使い方はTomuteさんの以下の記事が詳しいです。

ASIHTTPRequestを使って簡単非同期通信 – Tomute’s Notes



TwitPicへポストするためにAPI keyが必要なので、以下から予め取得してます。

TwitPic Developers – Register an Application



TwitPicのOAuth Echo API
TwitPic Developers – API Documentation – API v2 » upload

ここに必要な情報が書かれてます。



リクエストするURLはhttp://api.twitpic.com/2/upload.xmlかhttp://api.twitpic.com/2/upload.json。

受け取りたいレスポンスにより使い分けます。



HTTPメソッドはPOST。



リクエストヘッダには以下の２つをセット。


	 X-Verify-Credentials-Authorization→OAuthの認証文字列のrealmに”http://api.twitter.com/”をセットしたもの
	 X-Auth-Service-Provider→”https://api.twitter.com/1/account/verify_credentials.json”固定

リクエストパラメータは以下３つが必須


	 key→TwitPicから発行されるAPI Key
	 message→画像に付与するメッセージ
	 media→画像ファイル



OAuthConsumerの拡張
XAuthTwitterEngineは中でOAuthConsumerを使っていますが、OAuthConsumerがOAuth認証文字列を組み立てています。具体的にはOAMutableURLRequestクラスです。ですが、認証文字列にアクセスするプロパティやメソッドがないのでカテゴリを使って認証文字列を引っ張り出せるメソッドを追加します。以下の２つのファイルを作成します。

OAMutableURLRequest+Addisions.h




^?View Code OBJECTIVE-C
#import 
#import "OAMutableURLRequest.h"
@interface OAMutableURLRequest (DC)
- (NSString*)authorizationString;
@end



OAMutableURLRequest+Addisions.m




^?View Code OBJECTIVE-C
#import "OAMutableURLRequest+Addisions.h"
@implementation OAMutableURLRequest (DC)
- (NSString*)authorizationString {
	NSString *string = [self valueForHTTPHeaderField:@"Authorization"];
	if (!string) {
		[self prepare];
		string = [self valueForHTTPHeaderField:@"Authorization"];
	}
	return string;
}
@end



これで楽ができます。ふふふ。

リクエストヘッダを組み立てる
APIの要件に合うようにリクエストを作ります。




^?View Code OBJECTIVE-C
- (ASIFormDataRequest*)createOAuthEchoRequest:(NSString*)url format:(NSString*)format {
	NSString *authorizeUrl = [NSString stringWithFormat:@"https://api.twitter.com/1/account/verify_credentials.%@", format];
	OAMutableURLRequest *oauthRequest = [[[OAMutableURLRequest alloc] initWithURL:[NSURL URLWithString:authorizeUrl]
			consumer:self.twitterEngine.consumer
			token:self.twitterEngine.accessToken   
			realm:@"http://api.twitter.com/"
			signatureProvider:nil] autorelease];
 
 
	NSString *oauthHeader = [oauthRequest authorizationString];
 
	NSLog(@"OAuth header : %@\n\n", oauthHeader);
 
	ASIFormDataRequest *request = [ASIFormDataRequest requestWithURL:[NSURL URLWithString:url]];
	request.requestMethod = @"POST";
	request.shouldAttemptPersistentConnection = NO;	
 
	[request addRequestHeader:@"X-Auth-Service-Provider" value:authorizeUrl]; 
	[request addRequestHeader:@"X-Verify-Credentials-Authorization" value:oauthHeader];
 
	return request;
}



引数にAPI接続URLとformatを渡すとOAuthEcho用のリクエストヘッダを付加したASIFormDataRequestを返すメソッドです。

途中に出てくるOAMutableURLRequestは単にOAuth用認証文字列を生成するためだけに利用させてもらってます。実際にはリクエストはしません。先ほど追加したauthorizationStringメソッドで認証文字列をもらっています。



ポストする
ヘッダさえできてしまえば後は通常のHTTPリクエストと変わりません。必要なパラメータを渡してポストします。




^?View Code OBJECTIVE-C
- (void)uploadToTwitterByTwitPic:(NSString*)tweet image:(UIImage*)image {
	lastTweet = tweet;
	NSString *url = @"http://api.twitpic.com/2/upload.json";
	ASIFormDataRequest *request = [self createOAuthEchoRequest:url format:@"json"];
 
	NSData *imageRepresentation = UIImageJPEGRepresentation(image, 1.0);
	[request setData:imageRepresentation forKey:@"media"];
	[request setPostValue:tweet  forKey:@"message"];
	[request setPostValue:twitPicApiKey  forKey:@"key"];
 
	[request setDelegate:self];
	[request setDidFinishSelector:@selector(twitPicRequestFinished:)];
	[request setDidFailSelector:@selector(requestFailed:)];	
	[request startAsynchronous];
}



ASIFormDataRequestのsetDataで画像データをパラメータとしてセットしてます。

setDidFinishSelectorで成功時のデリゲートメソッドを、setDidFailSelectorで失敗時のデリゲートメソッドを指定。最後にstartAsynchronousで非同期通信を開始します。



レスポンスの処理
雑ですがとりあえずこんな感じでTwitPicに投稿されたURLを抜き出して、それを改めてTwitterへポストします。




^?View Code OBJECTIVE-C
- (NSString *)extractUploadURL:(NSString *)body
        NSString *key = @"url";
	NSArray					*array = [body componentsSeparatedByString: @","];
	if (array.count < 1) return nil;
 
	for (NSString *keyValue in array) {
		NSArray *keyValueArray = [keyValue componentsSeparatedByString: @"\":"];
 
		if (keyValueArray.count == 2) {
			NSString				*aKey = [keyValueArray objectAtIndex: 0];
			NSString				*value = [keyValueArray objectAtIndex: 1];
 
			aKey = [aKey substringWithRange:NSMakeRange(1, aKey.length - 1)];
			value = [value substringWithRange:NSMakeRange(1, value.length - 2)];		   
			NSLog(@"key:%@, value:%@",aKey, value);
			if ([aKey isEqualToString:key]) {
				value = [value stringByReplacingOccurrencesOfString:@"\\" withString:@""];
				value = [value stringByReplacingOccurrencesOfString:@"}" withString:@""];
				value = [value stringByReplacingOccurrencesOfString:@"\"" withString:@""];
				return value;
			}
		}
	}
       return nil;
}







以下はASIHTTPRequestのデリゲートメソッドです。成功時にはXAuthTwitterEngineでTwitterへのポストしてます。




^?View Code OBJECTIVE-C
- (void)twitPicRequestFinished:(ASIHTTPRequest *)request
{
	NSString *responseString = [request responseString];
	NSLog(@"response:%@",responseString);
 
	NSString *url = [self extractUploadURLFromTwitPicResponse:responseString];
 
	NSLog(@"url:%@",url);
	if (!url) {
		[self requestFailed:request];
		return;
	}
 
	[self.twitterEngine sendUpdate:[NSString stringWithFormat:@"%@ %@", lastTweet, url]];
}
- (void)requestFailed:(ASIHTTPRequest *)request
{
	NSError *error = [request error];
	NSLog(@"Error:%@",[error localizedDescription]);
}



twitterEngineのデリゲートでは好きなようにやってください。

おつかれさまでした。



次回はTweetPhotoのOAuthEcho予定。

	タグ: OAuthEcho, twitter, XAuth

	関連する投稿
	
	まだ間に合うiPhoneアプリのXAuth対応 
	いろいろまとめてOAuthEcho 
	TweetPhotoのOAuthEcho対応 
	【アプリ】いたづら系カメラアプリFakeCamera開発中 
	【NSString】文字列から表示サイズを取得する方法 





まだ間に合うiPhoneアプリのXAuth対応
daichi — Tue, 03 Aug 2010 23:29:56 +0000





ワールドカップのおかげで8/16まで延長された(実質8月末)Basic認証廃止ですが、そろそろOAuth対応を始めなければならないですね。



Twitterブログ: Twitter APIデベロッパー・コミュニティへのお知らせ (OAuthへの移行に関しての期限延長)



もっとも簡単にXAuthに対応するにはXAuthTwitterEngineを利用する方法でしょう。XAuthに必要な処理な手続きがまとめられているので、簡単に導入できます。ライセンスはMITです。

aral’s XAuthTwitterEngine at master – GitHub



今回はXAuthTwitterEngineを使ってTwitterへポストする所までをまとめます。


	 XAuth利用申請をTwitterに出す
	 XAuthTwitterEngineをプロジェクトに組み込む
	 ポストする



XAuth利用申請をTwitterに出す
TwitterでXAuthを利用するにはTwitterからの承認が必要になります。

（Twitterへのアプリ登録は済んでいる前提。登録はここからTwitter / アプリケーション）



申請はメールで出します。宛先はapi@twitter.com。

Twitter API Wiki / Twitter REST API Method: oauth access_token for xAuth



内容はこんな形で送りました。



Hello.



I’m a developer of ‘iTaskTimer’,'iPachi’,'iSlot Pro’,'FakeCamera’, the twitter client application for iPhone.

My account is @daichi1128.

Please apply this app to use xAuth.



Application: iTaskTimer, iPachi, iSlot Pro, FakeCamera.



Best regards.

———————————————–

@daichi1128

http://iphone.longearth.net





アプリ名は読み替えてください。これで1,2日後にOKメールがくるのでそうすればXAuth準備はOKです。

ただし、公開前や開発中のアプリで、どのようなアプリケーションか分からない場合、スクリーンショットやアプリサイト、動画を求められることがあるので、予めそうしたものを合わせて送付するのがよいと思います。



XAuthTwitterEngineをプロジェクトに組み込む
XAuthTwitterEngineをダウンロードします。




^?View Code SHELL
git clone http://github.com/aral/XAuthTwitterEngine.git



中にあるXAuthTwitterEngineDemo.xcodeprojを開いて、左のグループの中から”Libraries & Headers”を自分のプロジェクトへドラッグ&ドロップします。







検索ヘッダパスに

$SDKROOT/usr/include/libxml2

を追加。





lybxml2.dylibをフレームワークに追加





ビルドするとYAJL関連のファイルがエラーをはく。使わないので削除する。





これでプロジェクトへの組み込みは完了！



ポストする
XAuthTwitterEngineの使い方はデモアプリのソースがそのまま使える感じなので軽く必要な要素だけを上げておきます。

初期化



^?View Code OBJECTIVE-C
	self.twitterEngine = [[XAuthTwitterEngine alloc] initXAuthWithDelegate:self];
	self.twitterEngine.consumerKey = kOAuthConsumerKey;
	self.twitterEngine.consumerSecret = kOAuthConsumerSecret;



TwitterからもらったConsumerKeyとConsumerSecretをXAuthTwitterEngineへセットします。



認証チェック



^?View Code OBJECTIVE-C
	if ([self.twitterEngine isAuthorized])
	{
		UIAlertViewQuick(@"Cached xAuth token found!", @"This app was previously authorized for a Twitter account so you can press the second button to send a tweet now.", @"OK");
		self.sendTweetButton.enabled = YES;
	}





isAuthorizedで認証済みかどうかチェックします。ただし、内部ではデリゲートのcachedTwitterXAuthAccessTokenStringForUsernameメソッドを呼びトークンがあるかをチェックしているので、このメソッドを実装します。




^?View Code OBJECTIVE-C
- (NSString *) cachedTwitterXAuthAccessTokenStringForUsername: (NSString *)username;
{
	NSString *accessTokenString = [[NSUserDefaults standardUserDefaults] objectForKey:kCachedXAuthAccessTokenStringKey];	
	NSLog(@"About to return access token string: %@", accessTokenString);	
	return accessTokenString;
}



これでkCachedXAuthAccessTokenStringKeyをキーとしてNSUserDefaultの値が保存されていればそれを返すようになりました。あとはトークンを取得するタイミングでNSUserDefaultへ保存すればキャッシュがきくようになりますね。



トークン取得



^?View Code OBJECTIVE-C
	NSString *username = @"daichi1128";
	NSString *password = @"chomechome"
	[self.twitterEngine exchangeAccessTokenForUsername:username password:password];



これだけで勝手に非同期にアクセストークンを取得しに行ってくれます。トークン取得が成功するとstoreCachedTwitterXAuthAccessTokenStringが、失敗するとtwitterXAuthConnectionDidFailWithErrorが呼ばれるので実装します。




^?View Code OBJECTIVE-C
- (void) storeCachedTwitterXAuthAccessTokenString: (NSString *)tokenString forUsername:(NSString *)username
{
	[[NSUserDefaults standardUserDefaults] setObject:tokenString forKey:kCachedXAuthAccessTokenStringKey];
}
- (void) twitterXAuthConnectionDidFailWithError: (NSError *)error;
{
	NSLog(@"Error: %@", error);
}



成功時にNSUserDefaultに値を保存しています。これで二度目以降はisAuthorize時にキャッシュが有効になります。

ポスト



^?View Code OBJECTIVE-C
        NSString *tweetText = @"ちょめちょめ";
	[self.twitterEngine sendUpdate:tweetText];



これだけでポスト完了です！素晴らしい！

ポスト成功時はrequestSucceededが、失敗時はrequestFailedがコールされるのでやりたいようにやっちゃってください。



XAuthTwitterEngineの使い方は以上。



次回はみなさんの大好きなTwitPicへのOAuthEcho対応書きます。





	タグ: twitter, XAuth

	関連する投稿
	
	TwitPicのOAuthEcho対応 
	いろいろまとめてOAuthEcho 
	【アプリ】いたづら系カメラアプリFakeCamera開発中 
	【NSString】文字列から表示サイズを取得する方法 
	【iPhone】公開前にアプリネタを晒すことの意義 





デザインができないエンジニアのためのPhotoshop入門
daichi — Thu, 01 Jul 2010 15:18:36 +0000

お久しぶりです。

長いこと更新をさぼってしまいました。

気負わずゆるく更新していこうと思います。



さて。今回は他でもありません。

デザインど素人な僕がついにフォトショップに手を出すことにしました。



というのも、稚拙アプリiSlot ProでOS3.2以降、左の画像のように小数点ありキーボードが出るべきところで、右の画像のように小数点が表示されず、整数しか打ち込めない不具合が発覚。





左のキーボードのように小数点ありキーボードが出るべきところで、右のように小数点が表示されず、整数しか打ち込めない不具合が発覚。



というのも、これまではUITextFieldが持つUIKeyboardクラスを引っ張り出し、そのビューに小数点ボタンを置くことで小数点キーボードを作っていたのですが、OS3.2からUIKeyboardなんてクラスはなくなってしまったようで、貼付けることができなくなってしまいました。あえてクラス名は書きませんがUIKeyboardの代わりに用意されたクラスに小数点ボタンを貼付けようとしたところ、これがうまくいかず。

OS3.2からキーボードをカスタマイズできるようになったことがきっかけのようです。

undocumentedなAPIを使っていたことが悪いので何も文句は言えません。素直に用意されたものを使えということですね。



なので、UITextFieldクラスのinputViewメソッドを実装することでカスタムキーボードを表示する方針で修正することに。



ですが、そのキーボード画像はどこにあるの？

え？自分で作るの？



という流れでキーボード画像を作ることになったわけなのです。

せっかくなので、フォトショップを買おうと、いやCS5を買おうと。そういうわけなのです。



【デザイン】iPhoneアプリ用アイコンを外注してみた | iphoneアプリで稼げるのか

タブバーとかツールバー用のアイコン買ってみた | iphoneアプリで稼げるのか



これまでデザインができないことをカバーしようといろいろ試してきた僕ですが、いい加減手を出しますよ。どうなっても知りませんよ。僕のアプリが。



しかし、結構大きな問題があるのですが、僕はデザインのセンスなんてかけらもないのです。フォトショップも使ったことがないのです。



そんなデザインど素人な僕ですが、なんとかキーボードを作ることができたので、その再現手順を紹介しようと思います。

ようは、既にある画像をマネする、複製する方法です。

はじめから独創性豊かなデザインなんてできるわけもないので、まずは手堅くマネからいかせてください。



今回使うフォトショップはCS5 Extended体験版です。



マネをする準備
まずはフォトショップを起動して、マネをする画像を開く。画像のRGBやピクセル数を把握するため。念のためだが、画像の開き方は「メニュー→ファイル→開く」だ。

キーボード画像を開いてみた。







次にピクセル、色情報を確認するために「情報」タブを表示する。

メニュー→ウィンドウ→情報

と進むと情報タブが表示されるので、それをグイッと右にドラッグして、レイヤータブなどがあるところに置いておこう。







これで複製する準備は整った。

ファイルを作成する
まずはキーボードのサイズを測ろう。新しくpsdファイルを作成する時に幅、高さを指定する必要があるからだ。







マネする画像ウィンドウの左下に表示倍率を指定する所があるので、これを500%など、ピクセルレベルで確認できる大きさまで拡大しよう。



その後は左側にあるツールバーから長方形選択ツールを選ぶ。ツールバーのアイコンを右クリックすると長方形選択ツールが選べる。

(下の画像は何とも見にくいが、クリックして拡大してほしい)





次は慎重にピクセル単位でキーボードの左上にカーソルを合わせて、左クリック。そのままドラッグして、キーボード全体を選択する。







この時、情報タブのW、Hの数値をチェック。Wはwidth、Hはheight。このサイズにあ合わせて新しいファイルを作成するのだ。今回は216×320だった。







Retinaディスプレイ用にするなら、幅、高さをそれぞれ倍でファイルを作成しよう。



メニュー→ファイル→新規で



432×640としてファイルを作成。背景は透明がいい。



見やすいようにファイルを左右に並べておこう。



上の画像の所を選択してほしい。



ボーダーを描く
いよいよ書いていこう。元画像の上から順に描いていこう。その方が分かりやすい。



拡大してみるとキーボードの上には黒い線がある。さきほどと同じ要領で選択して、サイズを測ろう。1pxのようだ。幅は画面一杯なので、320pxだ。Retina用では2倍にするので、新ファイルには2pxで線を描こう。



次に色を調べよう。色を調べるにはスポイトツールを使う。左メニューの上から６番目のアイコンを右クリック→スポイトツール





元画像の方でクリックしながらマウスを動かすと色のついた円が表示されるはずだ。





動かしてみると上側の色が変わるのが分かる。それが今カーソルが指しているポイントの色だ。円の色に合わせて右上のカラータブの色も変わっている。





黒い線の上でマウスを止めて、カラータブの情報を見てみよう。R:0, G:0, B:0で真っ黒だ。お目当ての色のところでクリックを離すと、それがそのまま描画色となる。単色の場合は使い勝手がよい。



ということで、640×2のサイズを黒で塗りつぶそう。



その前にレイヤーに名前をつけておく。ここではborderとした。





borderレイヤー上で情報タブのX、Y、W、Hを見ながら慎重に選択する。





次に左のツールバーから塗りつぶしツールを選ぼう。バケツのマークだ。





選択範囲上でクリック。





間違えた場合は、あわてず

メニュー→編集→一段階戻る





この要領で、他のボーダーも描くとこんな感じに。





ボタンを描く
次に、ボタンを描こう。

まずはボタン用のレイヤーを作る。ここではbackgroundとしよう。

ボーダーと違い、ボタンはグラデーションがかかっているので少し手順が変わるが基本は同じだ。ボタンの幅、高さを調べ、グラデーションの開始色、終了色を調べよう。

ツールバーのバケツマークを右クリックし、グラデーションツールを選ぶ。





backgroundレイヤーが選択されていることを確認して、選択範囲を上から下へShiftを押しながらドラッグ。Shiftを押すことでガイドラインが真っすぐになる。





上から下まできっちりドラッグできたらクリックを離そう。





この要領で、各ボタンを塗っていくとこんな感じに。





もう完全にキーボードやないか！



数字を描く
次は数字だ。

左メニューからテキストツールを選ぶ。





テキストツールを選んだ状態で、下画像一番右のよくわからないアイコンをクリックするとフォントやフォントサイズを指定できるウィンドウが出る。





調べてみるとiPhone数字フォントはHelveticaのようなので、これを選択。

フォントサイズを元画像から調べるいい方法が見つからなかった。目視で元画像と比較して60ptのBoldに落ち着いた。いい方法があれば教えてくださいm(_ _)m



という要領で、数字をのせるとこんな感じに。





上の画像はなんとなく、数字にドロップシャドウをつけている。

テキストレイヤーを選択し、右クリック→レイヤー効果

として、左メニューのドロップシャドウにチェック。



角度を90度として、真下に、距離、サイズを2pxにしてみた。



楕円ツールで、小数点マークを描き、ドロップシャドウ。

多角形選択ツールで矢印状に選択範囲を作り、塗りつぶし、ドロップシャドウ。

中に「x」文字を描き、ドロップシャドウ。



で、完成！





終盤は大人の事情でだいぶ駆け足になってしまいましたが、どうでしょう。

全てをご覧になったみなさんはお分かりの通り、一切デザイン的要素を交えず、機械的に操作をしていくだけでそれなりの画像ができてしまいます！

デザインに苦手意識を持っていた人には朗報ではないでしょうか。

ただ、フォトショップの使い方を覚えるだけです。



幸い、参考になるサイトやアプリはたくさんあります。

iPhone アプリと Web デザイン Part.5 – soundscape out

複製ができてしまえば、こういったカッコイイアプリ達を参考に、いい感じのものが作れそうです。



もちろん、ゼロからプロのデザイナーさんが作るようなものは作れないです。作れたら逆にスゴいです。

でも、そういうものはデザイナーさんに任せればよいと思います。

我々の本職はエンジニアなのですから。

ただ、たしなみ程度にフォトショップを使えれば、自分である程度のリソースを調達できるようになって小回りがきくようになるのでいいですよね。という話です。



センスなど全くなくても作れるので是非お試しを。

ただ、できあがると気持ちいいのですが、細かい作業で正直しんどかったです。



	タグ: デザイン

	関連する投稿
	
	タブバーとかツールバー用のアイコン買ってみた 
	【デザイン】Lancersで依頼したアイコン納品してもらった 
	【デザイン】iPhoneアプリ用アイコンを外注してみた 
	【UITableView】UITableViewを使って詳細画面を作る-1【UITableViewDataSource】 
	【iTaskTimer】デザインをクールにバージョン1.2提出 





01/25〜01/31のAppダウンロード数
daichi — Mon, 01 Feb 2010 13:26:47 +0000

2010/01/25〜2010/01/31の週次Appダウンロードレポート。




	タグ: App Store, iphone, ダウンロード, 売上, 週次

	関連する投稿
	
	11/09〜11/15のAppダウンロード数 
	11/02〜11/08のAppダウンロード数 
	10/26〜11/01のAppダウンロード数 
	10/19〜10/25のAppダウンロード数 
	09/21〜09/27のAppダウンロード数 





iPhoneアプリ１年間の売上報告
daichi — Mon, 01 Feb 2010 00:00:37 +0000





気づけばこのブログを書き始めて１年経ってました。



ブログタイトルの通り、iphoneアプリでどんだけ稼げるのかを検証するのがこのブログの目的であり、使命であります。



今回はこれまでにリリースしたアプリ達のダウンロード数と売上を惜しみなく完全公開します！

対象期間は始めてアプリをリリースした2009/02/13から2010/01/23までです。















表にするとこんな感じです。





アプリ名 DL数 売上(30%カット済)

iPachi 14,986 -
iSlot Pro 1,698 372,799
iTaskTimer 1,067 138,799
iTaskTimer Lite 830 -
FakeCamera 5,827 6,886



総DL数は24,409ダウンロード。

総売上は518,484円でした。

(2000万なんて無理…)



ちなみにアプリ販売にかかったコストは、iMac、iPhone3G、iPhone3GS、iPod Touch、Macbook Air、アイコン・翻訳その他もろもろで



515000円！！！



開発コストはプライスレス換算です。



つまり一年間の利益は…



3434円！！！



やったぜとうちゃん！…orz



ちなみにちょうど先週から黒字のチャンスタイム突入中です。



無料アプリに有料アプリリンクをつけてからは売上が３倍くらいに増えたので、売上のうち40%は12月と1月のもの。



1月は13万くらいの売上でフィニッシュしそうです。














この投稿にタグはありません。
	関連する投稿
	
	関連する投稿はありません。
	




Androidアプリで稼げるのかはじめました
daichi — Sun, 31 Jan 2010 00:00:51 +0000

Androidアプリを作ろうと考えてたんですが、Androidアプリ開発のことをこのブログで書くのはどうかなぁと思ったので「Androidアプリで稼げるのか」を別ブログとしてはじめました。



Androidアプリで稼げるのか



こちらのブログの更新も滞っているのでちょっとどこまでかけるか分かりませんが、やれるところまでやってみようと思います。



一個一個の記事をもっと雑にしてもよいかな。

	タグ: Android

	関連する投稿
	
	関連する投稿はありません。
	




iPadをどう使うべきか？
daichi — Thu, 28 Jan 2010 15:18:10 +0000

昨日ついにiPad発表されましたね。







前評判通りでがっかりだったとか、予想と外れたとか、iPhoneあるのにわざわざ買う必要あるの？とか、iPadアプリ開発するためにiMac27インチ買うかなとか、iPodと紛らわしいよねとか、いろいろ意見が飛び交ってますが、PCとモバイルの隙間を埋めるデバイスだと言われるiPadはどのようなシーンで使えるのか、幸せなiPad生活を妄想してみようと思います。



デジタルフォトフレーム
これが僕の大本命な使い方。デジタルフォトフレームは前から欲しかったんです。お好みの写真がふわふわ変わってくiPadのあるお部屋。おしゃれな感じでよさそう。ただ、写真はやっぱりiPhoneから転送できたり、iPhoneをリモコンとして写真選択とかもしたい。そんなアプリを期待。出なければ作る。飾る写真は特にないけど。



時計
次は時計です。僕のイメージでは主に使うのは夜寝るとき。LCD Clockの高解像度版のようなイメージで美しい時計を横目にまどろみたい。夜なのでアラーム機能は欲しいな。もちろんアラーム時間設定はiPhoneから設定できるように。



電子ブックリーダー
あとはやっぱiBooksですね。普段はデジタルフォトフレームとして使っていて、じゃちょっと本でも読もうかなという時にさっとiPadを手に取り椅子に座りながらなめらかぬるぬる読書。うーん妄想しただけでもうたまらない。iPadのおかげでKindleの影がだいぶ薄くなってしまった。何かKindleも打ち出してきて欲しい。



家庭内伝言板・コルクボード
これはファミリー向け。一家に一台iPadを的発想で、コルクボードにメッセージを書いたり、写真を飾ったり、忙しいおかんが子供への伝言板として「冷凍庫に晩ご飯あるから解凍してね」みたいな使い方。そんなの今時メールで十分かなと思ったのですが、小さい子供だったり、反抗期でメールを不快に思うようなお年頃のお子様相手には、逆にこの伝言板が家庭の潤滑油になってくれそうな気もしている。



麻雀台
iPadを麻雀代に見立てて４人で画面をタッチしてじゃらじゃら混ぜてゲーム開始。手配は手元のiPhone/iPod touchで確認。iPadには山と捨て牌を表示。手元のiPhoneで鳴きを指示。あがりはもちろんiPhoneを前へ倒してロン。捨て牌の強打だけは注意。



ノート
やっぱiPadのサイズはノートに最適。手書きメモアプリをiPad用に用意して手書きでメモメモ。学校の授業、ミーティングなどいろいろ使えそう。ページめくりはもちろんスワイプで。音声録音なんかもつけたら音声で議事録とりながら、重要所だけメモとかもできそう。どうせならTwitterへポスト機能もつけてしまえ。うっかり社外秘ポストだけは要注意。



アンケート用紙
このサイズ、紙の代替になんでもマッチしてしまう気がする。なかなか答えてもらえない街角アンケートもiPadなら回答率アップなんてこともあるかも。１ページに収まらなくても指ですーっとスクロールさせるだけでOK。



会社の受付に
会社の受付で担当者をiPadで探してつないでくれるとか想像しただけで憧れる。



デスクの横に
普通にデスクの横にiPad置いて、RSSやTwitter垂れ流しも悪くない。もちろんiCalで予定を表示しておくのもOK。付箋を貼れるアプリでメモも充実。MTGの時はさっそうと手にとりスマートに会議室へ向かおう。



寝室に
iPadは同棲や結婚している二人のコミュニケーションにも最適。恥ずかしがりやでどうしても自分から夜の営みを言い出せない、そんなあなたにiPadを。操作は簡単、タップでハートマークを出すだけ。これがOKサインだ！アプリ名は「i♥u」。完璧すぎる。







などなど。

まだまだいくらでもバリエーションはありそうです。

５万弱でこれだけのことができる端末だと考えるととてもお買い得感があります。

今時ケータイでも６万くらいしますよ。

それがiPadなら少し余分なお金を払うだけでありとあらゆる機能を追加できると。



男は黙って購入です。







	タグ: iPad

	関連する投稿
	
	関連する投稿はありません。
	




AppStoreリンクの小ネタ
daichi — Mon, 18 Jan 2010 00:00:06 +0000

AppStoreへの簡単なリンクの作り方が以下に載ってます。

Technical Q&A QA1633: Creating easy-to-read links to the App Store for your applications and company


	アプリ名でリンク
http://itunes.com/apps/アプリ名

	会社名でリンク
http://itunes.com/apps/会社名

	アプリ名と会社名でリンク
http://itunes.com/apps/会社名/アプリ名
リンクにする時は


	大文字は小文字に
	スペースは取り除く
	“&”は”and”に
	“!¡”#$%’()*+,\-./:;<=>¿?@[\]^_`{|}~”は取り除く
	アクセント文字(ü, åなど)は元の文字(u, aなど)に置き換える
	“©”や”™”や”®”を取り除く

でOK。



iTaskTimer Liteを例にするなら


	アプリ名リンク
http://itunes.com/apps/itasktimerlite

	会社名リンク
http://itunes.com/apps/daichicho

	会社名＋アプリ名リンク
http://itunes.com/apps/daichicho/itasktimerlite


でいける。



こういう情報が流れてくる以下のRSSはとりあえずフィード登録して損なしです。

http://developer.apple.com/rss/iphonedevnews.rss

	タグ: App Store, iphone, ネタ

	関連する投稿
	
	【iPhone】アプリネタを考えるメモ 
	総合売上 
	アプリをiPhone OS 3.0へ対応させる時がきました 
	【ニコニコ】iPhoneアプリ販促用デモ動画を作成してみた 
	【デザイン】Lancersで依頼したアイコン納品してもらった