Pilgrims〜フリーランスプログラマの日記〜

CognitoIdentityCredentials is not authorized to perform: SNS:CreatePlatformEndpoint on resource

2016-02-17T17:28:00.001+09:00

Error Domain=com.amazonaws.AWSSNSErrorDomain Code=4 "(null)" UserInfo={Type=Sender, Message=User: arn:aws:sts::760948203691:assumed-role/Cognito_TokyoCasinoUnauth_Role/CognitoIdentityCredentials is not authorized to perform: SNS:CreatePlatformEndpoint on resource: arn:aws:sns:ap-northeast-1:760948203691:app/APNS_SANDBOX/tokyo-casino, Code=AuthorizationError, __text=( "\n ", "\n ", "\n ", "\n ")}

CognitoとSNSは同一のregionを指定。異なるregion(例:CognitoはUS、SNSはTokyo)だとエラーになり、エンドポイントは登録されない
Cognitoの「Edit identity pool」から「Unauthenticated role」と「Authenticated role」にセットされてるロールをチェック
IAMのロールから上記で確認したロールを編集する
編集内容は「インラインポリシー」でポリシーの編集から「sns:CreatePlatformEndpoint」とSNSにあったARNsを設定

こんな感じで

{
"Version": "2012-10-17",
"Statement": [
{
"Effect": "Allow",
"Action": [
"mobileanalytics:PutEvents",
"cognito-sync:*",
"sns:CreatePlatformEndpoint",
"sns:SetEndpointAttributes",
"sns:Subscribe",
"sns:Unsubscribe"
],
"Resource": [
"arn:*****************",
"arn:*****************"
]
}
]
}

参考サイト↓

AWS push notification service integration error

php-mecabをMAMPに導入する

2015-05-12T20:52:00.001+09:00

軽いノリでMAMPにphp-mecab入れようとしたらつまずいてしまった。

フツーにコマンドラインからは動かせて、mac内のPHPからもphp-mecabは動かせた。
たかがMAMPごときにphp-mecab入れられなくてもいいんだけど、たかがMAMPごときに入れることすらできないのも癪なので調べてやってみた。

ローカルでCakePHPを動かしてmecab_splitを使ってみる（mac）

上記の通りやってみるとMAMPでは動かない。
macのphpにmecabは入るが、mampには入りません。

まず
/Applications/MAMP/bin/php/php5.〜/include
というディレクトリを作る

次に自身が使用しているphpのソースをネットから落としてくる。
落としてきたフォルダ「php5.〜」を「php」にリネーム
/Applications/MAMP/bin/php/php5.〜/include/
に設置する。

設置したphpファイル内で./configureを実行
cd /Applications/MAMP/bin/php/php5.〜/includes/php
./configure --with-php-config=/Applications/MAMP/bin/php/php5.〜/bin/php-config

これで(mampのphpで)「phpize」コマンドが使用できる。

あとは上記で示したリンクの通りに、
$ wget https://github.com/downloads/rsky/php-mecab/php-mecab-0.5.0.tgz
$ tar xzvf php-mecab-0.5.0.tgz
$ cd php-mecab-0.5.0
$ /Applications/MAMP/bin/php/php5.〜/bin/phpize
$ ./configure --with-php-config=/Applications/MAMP/bin/php/php5.〜/bin/php-config --with-mecab=/usr/local/bin/mecab-config
$ make
$ make install

でオッケー。php.iniにextensionの追加も忘れずに。

unacceptable content-type: text/html

2014-09-16T18:04:00.000+09:00

unacceptable content-type: text/htmlエラーがでました。
AFNetworking 2.0を使用している時に。

以下に解決策
Request failed: unacceptable content-type: text/html using AFNetworking 2.0

AFHTTPRequestOperationManager *manager = [AFHTTPRequestOperationManager manager];
manager.responseSerializer.acceptableContentTypes = [NSSet setWithObject:@"text/html"];

許可するコンテンツタイプに"text/html"を追加してやれば良いらしいですね。

After modifying system headers, please delete the module cache at '/Users/username/Library/Developer/Xcode/DerivedData/ModuleCache/〜'

2014-09-16T12:29:00.001+09:00

表題のエラーが出た。

該当ディレクトリのキャッシュを消せとのことで、

Xcodeに"After modifying system headers, please delete the module cache at ..." と言われたときの対応

上記ブログではcacheディレクトリ配下全てのキャッシュを消していた。

ディレクトリ配下はちょっと…でもどう見ても指定されている意味不明なアルファベットの羅列のディレクトリがなかったのでとりあえずプロジェクトをクリーン=>治りました。

ExpandableListViewが開かない問題

2014-07-09T18:31:00.003+09:00

BaseExpandableListAdapterを継承した独自のExpandableListViewを使用していて、GroupViewは表示されるのだが、ChildViewが一切表示されない。

getChildViewどころかgetChild、getChildrenCountすら呼ばれない、、

はて困った、、のだがこの記事（stackoverflow http://stackoverflow.com/questions/7754753/expandablelistview-does-not-append-the-childs）の一番下に、

For the records, the problem was the ImageButton in the group layout. I dont know why, but removing it i solved the problem.

とのこと。たしかに僕もGroupViewないにbutton入れてた。
外したらきちんと開けました。。

これは確かに I dont know why. だわ。

Uncaught TypeError: Object [object Object] has no method '〜'エラー

2014-04-10T21:03:00.000+09:00

久しぶりにやったらwebviewからjsの関数の戻り値を取れなくて、

表題のエラーがでてくる。ずっとごにょごにょやってたんだけど、ググったら一発でしたわ。あれこれ悩むよりまえにググったほうがええな。

stackoverflowにいっぱい記事があった。

From the Android 4.2 documentation:

Caution: If you've set your targetSdkVersion to 17 or higher, you must add the @JavascriptInterface annotation to any method that you want available your web page code (the method must also be public). If you do not provide the annotation, then the method will not accessible by your web page when running on Android 4.2 or higher.

sdkのターゲットが17以上の場合は@JavascriptInterfaceアノテーションをつけないとだめらしい。きちんと別ファイルにJavascriptInterface用のクラス作成して、アノテーションを付けて、メソッドはパブリックに指定してやる。

それでいけました。

import android.webkit.JavascriptInterface;

public class CustomJavascriptInterface {

@JavascriptInterface

public void getReturnString(String returnValue) {

Log.d("jsの戻り値 => ", returnValue);

}

}

2014-04-08T17:41:00.001+09:00

webアプリを作っている時に、
uinavigation contrllerの中にwebview突っ込んで、
もどるボタンでwebviewのもどるを実装したいとき多々あります。

もどるボタンをキャッチする方法、いろいろあるみたいだけど、
http://stackoverflow.com/questions/5217992/back-button-callback-in-navigationcontroller-in-ios

ベーシックなやり方がなんだかんだ安心するわ

- (void)viewDidLoad

{

[super viewDidLoad];

UIBarButtonItem *backButton = [[UIBarButtonItem alloc] initWithTitle:@"戻る"

style:UIBarButtonItemStyleBordered

target:self

action:@selector(handleBack:)];

self.navigationItem.leftBarButtonItem = backButton;

_webview.delegate = self;

NSURL *url = [NSURL URLWithString:_url];

NSURLRequest *req = [NSURLRequest requestWithURL:url];

[_webview loadRequest:req];

}

- (void) handleBack:(id)sender

{

if([_webview canGoBack]){

[_webview goBack];

}else{

[self.navigationController popToRootViewControllerAnimated:YES];

}

storyboard 接続できない

2014-04-08T16:27:00.001+09:00

xcodeでiOSの開発をしていて、storyboardでボタンから次のviewcontrollerに紐付け付ができなくなりました。

ctrlキー+ドラッグでビョーンと伸ばしても、ひも付きがなされない。

=>xcode再起動でなおりました。

traktor s4購入しました

2013-12-17T19:16:00.000+09:00

でで〜ん！！！！

か、かっこいい、、

大金はたいて買ってしまいました！S4！

パソコンの中の音源を使ってDJできるPCDJってやつね。

SL1200とかレコードも考えたんだけど、レコードはでかいし買うの大変そうだしで、集める前に挫折したらいやだったのでこっちにしました。（S4もでかいけど、ターンテーブルは更にでかいしね。。）

もともとダンスやってるんですけど、ダンスの歴史とか少しずつ調べてたらクラブカルチャーにも興味が湧いて来て、そもそもクラブにもちょいちょい行くし、もっと真剣に音楽に向き合わなくちゃな〜と考えた結果がこれです。

少しいじってみたけど凄い楽しい。

今は年末の忙しい時期で全然触れてないんだけど、仕事が落ち着いたらいじり倒したいところ☆

レアジョブ反省日記 13/9/19

2013-09-20T01:23:00.000+09:00

本日の教材
Daily news article [Palestinian Man Got Stuck in an Airport]

わからなかった単語
・refugee
亡命者

・monotonous
くっそ退屈ってこと。形容詞

・fix
固定するって意味の動詞しか知らんかった。
苦境とか困難って意味もあったんやな。。

・asylum
亡命とか保護施設って意味らしい。アサイラムってなんか聞いたことあったな、アームズだったかな？？

・Palestinian
パレスチナ人。パレスチニアン。

映画ターミナルみたいな境遇の人の話だった。トム・ハンクスが出てるやつ。
自分だったらどうするみたいなことを聞かれて、「環境は関係なくて、幸せかどうかはその人が決める」みたいなことを説明したかったのだが苦戦した。

depending on how you look at it
depending on the perspective ［point of view］ of

この辺りをつかえばよかったか。
Situation is not problem. Whether you feel happy or not depending on how you look at it.

デザインパターンのお勉強【Strategyパターン】

2013-08-28T12:39:00.001+09:00

今まで一切触れたこともなかったので、そろそろデザインパターンの勉強しよう。すぐに忘れてしまいそうであるので頭を整理するためにもブログに記載しようと思う。

まずはStrategyパターン。

アルゴリズムを実行時に選択できるようにするデザインパターン。このパターンは第一級関数言語だと関数自体を第一級オブジェクトとして扱えるので（アルゴリズムは選びたい放題や！）、暗黙のまま使用されていることになる。Pythonとかjsとか。

Strategy パターンを示す図（引用：Wikipedia）

上記はオブジェクト指向言語の場合のStrategyｐを表す図。

ContextがStrategy Classをインスタンスに持っていて（合成）

class Context {
    Strategy strategy;
 
    // Constructor
    public Context(IStrategy strategy) {
      this.strategy = strategy;
    }
 
    public void execute() {
      strategy.execute();
    }
  }

StrategyはInterfaceで実装はConcreateStrategyAやConcreateStrategyBに記載する。

interface Strategy {
    void execute();
  }
 
  // strategyインターフェイスを用いたアルゴリズムの実装
  class ConcreteStrategyA implements Strategy {
    public void execute() {
      System.out.println( "Called ConcreteStrategyA.execute()" );
    }
  }
 
  class ConcreteStrategyB implements Strategy  {
    public void execute() {
      System.out.println( "Called ConcreteStrategyB.execute()" );
    }
  }
 
  class ConcreteStrategyC implements Strategy {
    public void execute() {
      System.out.println( "Called ConcreteStrategyC.execute()" );
    }
  }

使用する際にはContextのオブジェクトを生成するときにどの実装を採用するか選択する（上記の例だとConcreateStrategyAとかConcreateStrategyB）

context = new Context(new ConcreteStrategyA());
    context.execute();
 
    context = new Context(new ConcreteStrategyB());
    context.execute();
 
    context = new Context(new ConcreteStrategyC());
    context.execute();

このStrategyパターンの利点としては、継承を利用するよりも変更に強い（らしい）
例えば生き物クラスを継承して、人間クラス、鳥クラス、犬クラスetcを作成してそれぞれに「つかむ」メソッドを実装したいとする。

「つかむ」メソッドには「手でつかむ」「くちばしでつかむ」「前足でつかむ」など色々な方法があり、これを各生き物のサブクラスごとに実装する必要がある。

「手でつかむ」ことができるサブクラスには全てそのメソッドを記述する必要があり（重複）、変更が存在したときにはまたそのすべてを修正しなければならない（変更が面倒）。

しかしStrategyパターンを用いれば、各つかみ方を動的に変更してやればよい。

grabBehavior = new grabByHand();

しかも「手でつかむ」メソッドに変更が生じても、そのメソッド内を変更するだけで、各生き物サブクラスの実装の内部を変更する必要がない。生き物のサブクラスが例えば何十個もあるような場合は非常にメンテナンスに差がつくことになる。

UIWebViewのshouldStartLoadWithRequestにて、iframeと画面遷移の違いを把握する

2013-08-13T10:14:00.000+09:00

ブラウザとネイティブの連携なんかをやっていると、UIWebviewなんかでshouldStartLoadWithRequestが何度も呼ばれて困ったりします。

iframeとかが入っていると数回呼ばれてしまうらしいのですが、これを場合分けする方法。

(BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType
{
BOOL isFrame = ![[[request URL] absoluteString] isEqualToString:[[request mainDocumentURL] absoluteString]];
}

これでいけます。
まんまこれのパクリですが、、

How to tell the difference between an iframe loading vs. entire page loading in a UIWebView?

海外の英語学習サイト

2013-07-22T00:58:00.003+09:00

rarejobの先生から英語学習関連のURLを大量にもらったので、ここにメモしておく。

まだ中身は見てないんだけど、やってみたらちょいちょいコメント追加します。

INTERMEDIATE VOCABULARY
http://www.oup.com/elt/global/products/englishfile/upperint/b_vocabulary/
http://www.englishdaily626.com/slang.php?012
http://www.vocaboly.com/vocabulary-test/
http://www.autoenglish.org/vocab.htm
http://elc.polyu.edu.hk/cill/eap/wordlists.htm
http://esl.about.com/od/vocabularyintermediate/Vocabulary_for_Intermediate_Level_English_Learners.htm
http://www.esl-classroom.com/vocabulary/vindex.html
http://www.eslgold.com/vocabulary/high_intermediate.html

INTERMEDIATE GRAMMAR
http://www.englishmedialab.com/intermediatequiz.html
http://www.eslgold.com/grammar/low_intermediate.html
http://www.nonstopenglish.com/allexercises/
http://englishonline.sites.uol.com.br/english/intermediate.htm
http://www.learnenglish.be/
http://web2.uvcs.uvic.ca/courses/elc/studyzone/
http://free-english-study.com/home/grammar-index.html
http://www.eslgold.com/grammar/high_intermediate.html

INTERMEDIATE PRONUNCIATION
http://www.oup.com/elt/global/products/englishfile/upperint/c_pronunciation/
http://elc.polyu.edu.hk/cill/pronunci.htm
http://www.bbc.co.uk/worldservice/learningenglish/grammar/pron/
http://www.learnersdictionary.com/pronex/pronex.htm
http://www.speak-read-write.com/minimalpairs.html
http://esl.about.com/od/speakingenglish/a/a_stressinto.htm
http://www.englishelearning.com/
http://www.autoenglish.org/pronunciation.htm

INTERMEDIATE LISTENING
http://www.ompersonal.com.ar/omaudio/contenidotematico.htm
http://www.ezslang.com/
http://www.dictationsonline.com/
http://www.5minuteenglish.com/listening.htm
http://esl.about.com/od/intermediatelistenin1/Listening_Skills_for_Intermediate_Level_English_Learners.htm
http://esl.about.com/od/podcasts/Podcasts_for_English_Learning_and_Teaching.htm
http://www.esl-lab.com/ http://blabbinit.com/category/podcast/podcast

htmlからbodyタグの中身だけ取得する正規表現【php】

2013-07-08T21:59:00.001+09:00

if (preg_match('~]*>(.*?)~si', $text, $body))
{
echo $body[1];
}

参考サイトはこちら

paperclip エラーメッセージ

2013-07-08T00:47:00.002+09:00

大した話ではないのだが、railsでpaperclipを使って画像をアップする際に、どのようにエラーメッセージを設定すればいいのか調べたのでメモ。

てかこのstackoverflowの記事を見ただけなんだけどね。

  def avatar_is_a_image
    if self.avatar?
      if !self.avatar.content_type.match(/image/)
        errors.add(:avatar, "Avatar must be an image")
      end
    end
  end

  def avatar_is_less_than_two_megabytes
    if self.avatar?
      if self.avatar.size > 5.megabytes
        errors.add(:avatar, "Avatar must be less than 5 megabytes in size")
      end
    end
  end

こんなかんじでメソッドを作成してやればOK

Subject and Verb Agreement Rules（主語と動詞の関係）

2013-06-08T23:25:00.005+09:00

レアジョブでここ最近毎日スカイプで英会話をしているのだが、主語と動詞の関係でややこしいところがあったので忘備録としてここにまとめておきます。

1. ２つの主語が接続詞“and”でつながっている場合、動詞は複数形（例：Their application form and resume are〜）

2. ２つの主語が接続詞“and”でつながっていても、同じ対象を指している場合は動

詞は単数形（例：Coat and tie is〜）

3. “each” “every” “no”が主語の前にくるときには、動詞は単数形（例：Every man and woman is〜）

4. 2つの主語が共に単数形で、接続詞で結ばれている場合、動詞も単数形。この時使われる接続詞の例としては、or,nor,either/or,neither/nor,そして not only/but also

など（例：Neither Erica nor Helen goes〜）

5. 2つの主語が共に複数形で、接続詞で結ばれている場合、動詞も複数形（例：Either the supervisors or their subordinates gather〜）

6. or、nor、neither/nor、either/or、そして not only/but also などで接続された

単数形の主語と複数形の主語が、文の中に共にある場合、動詞はより動詞に

近い位置にある主語の数に一致（例：The chocolate chips or the egg is〜）

7. and で接続された 2 つの不定詞は、動詞の複数形と結びつく（例： To love and to laugh are〜）

8. パーセントや比率などの割合を示す名詞と代名詞の後には、前置詞句が来ることがあ

る。この場合、前置詞の目的語が動詞の形式を決定する。このような名詞や代名

詞の例としては、some、all、half、one third、none など

（例）

・Most of the applicants were〜

・Half of the report was 〜

9. 時間の長さやその他の単位を表す表現には、動詞の単数形が必要（例：Three dollars is〜）

10. each、each one、either、neither、everyone、everybody、anybody、anyone、

nobody、somebody、someone、そして no one などの言葉は単数扱いで、動詞

の単数形と結びつく（例：Everybody has〜）

11. Both、few、many、others、several は複数形の代名詞で、動詞の複数形と結

びつく（例：Both girls are〜）

your app contains non-public API usage.

2013-06-05T16:18:00.000+09:00

your app contains non-public API usage. Please review the errors, correct them, and resubmit your application.

Apps are not permitted to access the UDID and must not use the uniqueIdentifier method of UIDevice.
Please update your apps and servers to associate users with the Vendor or Advertising identifiers introduced in iOS 6.

if you think this message was sent in error and that you have only used Appli-published APIs in accordance with the guidelines, send the app's
nine-degit Apple ID, along with detaild information about why you believe the above APIs were incorrectly flagged, to appreview@apple.com.
For further information, visit the Technical Support Information page at http://developer.apple.com/support/technical/.

既存のiPhoneアプリを最近更新しようとしたらvalidationで上記のエラー。

どうやら2013/5/1に規約が変更になったらしい。
UIDeviceのuniqueIdentifierメソッドを使用していると申請が通らないらしい。

しかしアプリ内を検索してもどこにもuniqueIdentifierメソッドなんぞ使用していない様子。

困っていたところでこの記事を見つけた
Apps are not permitted to access the UDID and must not use the uniqueIdentifier method of UIDevice (stackoverflow)

ターミナルでgrepしてみるとどうやら外部ライブラリのバイナリデータ内で使用されていた様子だ。

ちなみにコマンドはこれ
find . | grep -v .svn | grep "\.a" | grep -v "\.app" | xargs grep uniqueIdentifier

これは気づかなんだわ。

二台目のmacへの移行アシスタンスでeclipseがエラー

2012-04-20T09:38:00.001+09:00

二台目のMacへ以前のPCの内容を引き継ごうと、移行アシスタンスを使いました。
そしたら、xcodeは大丈夫だったのですが（実機テストのための証明書やprovisiningの問題は発生しましたが）、eclispseに至っては起動すらできませんでした。

初めはアクセス権のエラーメッセージがでていたので、修正してみたのですが、また別のメッセージが出て来てしまう。
↓こんなの
java.lang.IllegalStateException: Unable to acquire application service. Ensure that the org.eclipse.core.runtime bundle is resolved and started (see config.ini).

早速エラーメッセージでググってみたら同じことで悩んだ人がいました。

Mac買い替えユーザーのための移行アシスタントで出来ないEclipseの引っ越し方

これの通りで私もできました。

以前のmacのeclipseをフォルダごとdropboxにぶっ込んで、新しいmacでそのフォルダをアプリケーションフォルダに入れたら起動できました。

よかったよかった。

開発そのものよりも開発環境の構築とかの方が神経使いますね…

XMLパーサーの実装編〜iPhoneバーコードリーダーアプリ制作第５回〜

2011-08-07T17:00:00.001+09:00

本日ノボットの買収をニュースで見てテンション上がりまくりです。
やはりきちんと実力のあるベンチャーが評価されるべきですよね。最近流行に便乗しただけのようなベンチャーが大量に資金を集めてたりするのはなんか違うな〜って思います。まあ日本のベンチャーを育てようってのはいい傾向なんですけどね。

んでバーコードバトラーアプリの制作過程の第５回目です。
最近Androidアプリの開発ばっかやってるんで、ちょっとObjective-C忘れ気味ですがいきましょう！

本日は楽天から取得したXMLをパースして、商品画像と商品タイトルを取得するとこまでやります。

1 XMLパーサー（SAX）
まずはXMLパーサーについて少し解説します。パーサーってのはXML文章をプログラムで扱うための方法で、XMLから要素を取得したり、値を挿入したりすることができます。
パーサーには大きく分けて二つの種類があります。
DOMとSAXです。

■DOM
DOMってのは簡単に説明すると、XMLの要素を全部読み込んで、要素のツリーを構築します。このツリー内を自由に行き来できて、要素を削除したり追加したりできるというメリットがあります。しかし一方で、XMLを全部一気に読み込むのでメモリの消費が大きいらしいです。

■SAX
SAXはXML文章を先頭から最後まで順番に読み込んでいき、タグを見つけるたびにメソッドが呼ばれる方式です。

例えば以下のようなXMLがあった場合

＜itemName＞PHP逆引きレシピ＜/itemName＞
＜catchcopy＞【送料無料】＜/catchcopy＞
＜itemCode＞book:13217617＜/itemCode＞
＜itemPrice＞2730＜/itemPrice＞

こんな感じになります

〜SAXのイメージ〜

パーススタート
↓
＜itemName＞　→　開始タグ発見メソッドが呼ばれる
↓
PHP逆引きレシピ　→　要素発見メソッドが呼ばれる
↓
＜/itemName＞　→　終了タグ発見メソッドが呼ばれる
↓
＜catchcopy＞　→　開始タグ発見メソッドが呼ばれる
↓
【送料無料】　→　要素発見メソッドが呼ばれる
↓
＜/catchcopy＞　→　終了タグ発見メソッドが呼ばれる
↓
＜itemCode＞　→　開始タグ発見メソッドが呼ばれる
↓
book:13217617　→　要素発見メソッドが呼ばれる
↓
＜/itemCode＞　→　終了タグ発見メソッドが呼ばれる
↓
＜itemPrice＞　→　開始タグ発見メソッドが呼ばれる
↓
2730　→　要素発見メソッドが呼ばれる
↓
＜/itemPrice＞　→　終了タグ発見メソッドが呼ばれる
↓
パース終了

とこんな感じで、XMLを先頭から最後まで一つひとつ見ていき、「タグ発見メソッド」「要素発見メソッド」「終了タグ発見メソッド」がアホほど呼ばれるのがSAXパーサーです。

これはメモリの消費も少なく、高速らしいので、限られたリソース内で稼働させるアプリに関しては、SAXパーサーを使うのが良さそうです。

２ SAXのフォーマット
それでは実装をする前にフォーマットを見てみましょう。

まずはこんな感じでリクエストを作成します。NSString型の「requestUrl」がURLになります。以下のコードでリクエストを送信します。（今回はバーコード読み取り直後）

//リクエストの送信方法
//----------------------------------------------------------------------------
NSString *requestUrl = @"http〜〜〜〜〜〜〜〜〜";
NSURL *url = [NSURL URLWithString:requestUrl];
NSMutableURLRequest *req = [NSMutableURLRequest requestWithURL:url];
[req addValue:@"text/xml; charset=utf-8" forHTTPHeaderField:@"Content-Type"];
[req addValue:0 forHTTPHeaderField:@"Content-Length"];
[req setHTTPMethod:@"GET"];
conn = [[NSURLConnection alloc] initWithRequest:req delegate:self];

if (conn)
{
webData = [[NSMutableData data] retain];
}
//----------------------------------------------------------------------------

そしたら以下の三つのメソッドを実装しましょう。それぞれ
「レスポンスを受信したとき」
「データを受け取ったとき」
「データの転送中にエラーがあったとき」
に呼ばれます。

//レスポンスを受信したとき呼ばれるメソッド

//----------------------------------------------------------------------------

-(void) connection:(NSURLConnection *) connection
didReceiveResponse:(NSURLResponse *) response
{
[webData setLength: 0];
}

//データを受け取ったとき呼ばれるメソッド

//----------------------------------------------------------------------------

-(void) connection:(NSURLConnection *) connection
didReceiveData:(NSData *) data
{
[webData appendData:data];
}

//データの転送中にエラーがあったとき

//----------------------------------------------------------------------------

-(void) connection:(NSURLConnection *) connection
didFailWithError:(NSError *) error
{
[webData release];
[connection release];
}

そしてデータの受信がすべて完了したときに呼ばれるメソッドが以下の「connectionDidFinishLoading]です。
ここでXMLパーサーの実装をします。

//データ受信終了後に呼ばれる（パースをここで開始する
//----------------------------------------------------------------------------
-(void) connectionDidFinishLoading:(NSURLConnection *) connection
{
[[NSURLCache sharedURLCache] setMemoryCapacity:0];
[[NSURLCache sharedURLCache] setDiskCapacity:0];
xmlParser = [[NSXMLParser alloc] initWithData: webData];
[xmlParser setDelegate: self];
[xmlParser setShouldResolveExternalEntities:YES];
[xmlParser parse];
[xmlParser release];
////////////////////////////
//ここにパース終了後の記述（D）
////////////////////////////
}

//パーサーがスタートタグを見つけたら呼び出される（A）
//----------------------------------------------------------------------------
-(void) parser:(NSXMLParser *) parser
didStartElement:(NSString *) elementName
namespaceURI:(NSString *) namespaceURI
qualifiedName:(NSString *) qName
attributes:(NSDictionary *) attributeDict
{

}

//パーサーが要素のテキストを検出すると呼び出される（B）
//----------------------------------------------------------------------------
-(void)parser:(NSXMLParser *) parser foundCharacters:(NSString *)string
{

}

//パーサーがエンドタグを見つけたら呼び出される（C）
//----------------------------------------------------------------------------
-(void)parser:(NSXMLParser *)parser
didEndElement:(NSString *)elementName
namespaceURI:(NSString *)namespaceURI
qualifiedName:(NSString *)qName
{
}

上記のABC三つのメソッドはタグ、要素を見つけるたびに何度も呼ばれるメソッドです。
このABC内に取得したい情報を入手する内容を記述して、最後に(D)の部分でパース終了後の内容を記述します。全体的な流れはこんな感じです。

２楽天APIからのXMLをパース
いざ実装開始です。前回まで使用してきたコードに書き加えます。
まずは、
今回使用するXMLパーサー　xmlParser
パースの最中にフラグの役割を果たす　elementkey
そのデリゲート　NSXMLParserDelegate
取得した情報を一時的に保管する　soapResultArray
最終的に取得した商品タイトルと商品画像URLを格納する　itemName、imageUrl
を宣言します。こんな感じ。

//MonsterShowViewController.h

//----------------------------------------------------------------------------

@interface MonsterShowViewController : UIViewController ＜NSXMLParserDelegate＞
{

IBOutlet UIImageView *imageView;
IBOutlet UILabel *itemNameLabel;
NSString *jancode;

NSMutableData *webData;
NSURLConnection *conn;

NSXMLParser *xmlParser;
int elementkey;
NSMutableArray *soapResultArray;
NSString *itemName;
NSString *imageUrl;

}
@property(nonatomic,retain)UIImageView *imageView;
@property(nonatomic,retain)NSString *jancode;
@property(nonatomic,retain)UILabel *itemNameLabel;

-(void) parseTag:(NSString*)requestUrl;
@end

//----------------------------------------------------------------------------

これで宣言はオーケー

次に実装です。先ほど示したフォーマットに、楽天のXMLから商品名と画像URLを取得するコードを書いていきます。

まずは楽天へのリクエストURLをブラウザで直接見てみましょう。

itemNameタグの中に商品タイトルが、

mediumImageUrlタグの中に、サムネイル画像へのリンクURLが

それぞれ入っていることがわかります。

ここで注意点があります。要素を発見した際に呼ばれる「foundCharacters」メソッドですが、発見した要素によっては、数回にわかれて呼ばれることがあります。

どういうことかと言いますと。例えば書籍タイトルが「PHP逆引きレシピ」だった場合には、「PHP」と「逆引きレシピ」にわかれて「foundCharacters」が呼ばれます。これを知らないと、なぜか取得したタイトルが「逆引きレシピ」だけになってしまうという自体に陥ります。僕はずっとこの謎が解けずに悩んでいた時期がありました。

取得したタイトルを配列に保存することで、この問題は解決します。

よって実装は以下のようにします。

始めに楽天にリクエストを投げる部分の処理は前回を見て下さい。

//MonsterShowViewController.h

//----------------------------------------------------------------------------

-(void) connectionDidFinishLoading:(NSURLConnection *) connection

{

[[NSURLCache sharedURLCache] setMemoryCapacity:0];

[[NSURLCache sharedURLCache] setDiskCapacity:0];

//パーサー生成

xmlParser = [[NSXMLParser alloc] initWithData: webData];

[xmlParser setDelegate: self];

[xmlParser setShouldResolveExternalEntities:YES];

soapResultArray = [[NSMutableArray alloc]init];

imageUrl = [[NSString alloc]init];

itemName = [[NSString alloc]init];

//パース開始

[xmlParser parse];

[xmlParser release];

//ここにパース終了後の記述（D）

//ラベルと画像を描画

itemNameLabel.text = itemName;

imageView.image = [self getImage:imageUrl];

}

//パーサーがスタートタグを見つけたら呼び出される（A）

//----------------------------------------------------------------------------

-(void) parser:(NSXMLParser *) parser

didStartElement:(NSString *) elementName

namespaceURI:(NSString *) namespaceURI

qualifiedName:(NSString *) qName

attributes:(NSDictionary *) attributeDict

{

//パーサーが開始タグ「itemName」「mediumImageUrl」を見つけたらフラグ「mediumImageUrl」を1に

if([elementName isEqualToString:@"itemName"] | [elementName isEqualToString:@"mediumImageUrl"])

{

elementkey = 1;

[soapResultArray removeAllObjects];

printf("発見\n");

}

//パーサーが要素のテキストを検出すると呼び出される（B）

//----------------------------------------------------------------------------

-(void)parser:(NSXMLParser *) parser foundCharacters:(NSString *)string

{

if (elementkey == 1) {

//開始タグを見つけた直後に要素を発見した場合、文字列を保管

//要素によっては、このメソッドが数回呼ばれることがあるので、

//配列に保管する。こうしないとタイトルが切れて保存されることも…

[soapResultArray addObject:string];

}

//パーサーがエンドタグを見つけたら呼び出される（C）

//----------------------------------------------------------------------------

-(void)parser:(NSXMLParser *)parser

didEndElement:(NSString *)elementName

namespaceURI:(NSString *)namespaceURI

qualifiedName:(NSString *)qName

{

//エンドタグ「itemName」を見つけ、文字列をitemNameに格納

if ([elementName isEqualToString:@"itemName"]) {

NSString *str = @"";

for (int i = 0; i<[soapResultArray count]; i++) {

//配列に入ってる要素を文字列に直す処理

str = [NSString stringWithFormat:@"%@%@",str, [soapResultArray objectAtIndex:i]];

}

NSLog(@"取得した要素%@",str);

itemName = str;

}else if ([elementName isEqualToString:@"mediumImageUrl"]){

//上記と同様。画像URlを取得

NSString *str = @"";

for (int i = 0; i<[soapResultArray count]; i++) {

NSLog(@"%d",[soapResultArray count]);

str = [NSString stringWithFormat:@"%@%@",str, [soapResultArray objectAtIndex:i]];

}

NSLog(@"取得した要素%@",str);

imageUrl = str;

}

elementkey = 0;

}

//NADataから画像を取得するメソッド

- (UIImage *)getImage:(NSString *)url {

return [UIImage imageWithData:[self getData:url]];

}

//画像URLからNSDataを取得するメソッド

- (NSData *)getData:(NSString *)url {

NSURLRequest *request = [NSURLRequest requestWithURL:

[NSURL URLWithString:[url stringByAddingPercentEscapesUsingEncoding:NSUTF8StringEncoding]]

cachePolicy:NSURLRequestUseProtocolCachePolicy timeoutInterval:30.0];

NSURLResponse *response;

NSError *error;

NSData *result = [NSURLConnection sendSynchronousRequest:request

returningResponse:&response error:&error];

if (result == nil) {

NSLog(@"NSURLConnection error %@", error);

}

return result;

}

@end

これでバーコド画像を撮影した後に、商品タイトルと画像が表示されるようになったと思います。

バーコードバトラーiPhoneアプリ制作過程〜第4回楽天APIの利用、XMLパーサーとか〜

2011-07-17T16:36:00.003+09:00

バーコードバトラーアプリ制作過程の第四回目です。（第三回はこちら）

１　楽天デベロッパーIDの取得

２　戦士情報画面の表示

３　リクエストURLの生成→XMLの取得

４　XMLパーサーの実装

５　結果（画像とテキスト）の表示

前回はバーコードリーダを実装して、バーコードからJANコードを取得するところまでやりました。今回はJANコードから商品情報を取得する部分まで実装します。

どうやってJANコードから商品情報を取得するのか？
※JANコードってバーコードの下に書いてある数字のことね

それはショッピングサイトのAPIを利用します。
楽天、ヤフー、アマゾン何でもいいのですが、ECサイトが提供している商品検索APIをもちいてJANコード検索を行います。

では楽天、ヤフー、アマゾンどれを使うのが一番いいのでしょうか？
アマゾンは書籍がメインで、しかも商品マスタを持っており、ほぼすべての商品がJANコードを持っています。普通に考えたらアマゾンでしょう。

が、しかしアマゾンAPIはアプリには利用できません。
規約により、アマゾンAPIのモバイル端末での利用は、書面での許可なしでは利用してはいけないことになっています。アマゾンに顧客を誘導するなどメリットを与えるなら別ですが、バーコードバトラーアプリでは全くもって論外ですね。

ちなみにこの規約によって話題のアプリが消え去ったケースもあります。
Amazonが、同社のデータを使うモバイルアプリを抹殺しようとしている

じゃあヤフーか楽天ですね。
「jan」で検索して見ましょう
ヤフー：約1,268,298件
楽天　：全 5,243,555件

楽天のが多そうですね。とりあえず楽天のAPIを利用することにしましょう。一番いいのは、楽天で検索したあとに商品が見つからなかった場合のみ、再度ヤフー検索を実施するのがいいとは思うのですが、今回は楽天のみに絞ります。

１　楽天デベロッパーIDの取得
楽天のAPIの利用方法についてはここを参照して下さい。
楽天商品検索APIとは

デベロッパーIDが必要のようです。ここはなんの問題もないと思います。
楽天に登録すればメールでデベロッパーIDを送信してくれます。

早速リクエストURLを生成してみましょう。
以下のURLの赤文字部分を自分自身のユーザーIDにして、ウェブブラウザで見てみましょう！

http://api.rakuten.co.jp/rws/3.0/rest?developerId=[あなたのdeveloperID]&operation=ItemSearch&version=2010-09-15&keyword=9784344016897

こんな感じでXMLが表示されればオーケーです。

このXMLのなかからタグ＜itemName＞と＜smallImageUrl＞の要素を取得します。
本来検索キーワードを使用する場合、日本語をエンコードしたりしなければならないのですが、JANコードは半角数字なので、そのまま検索可能です！！これはらくちんでありがたいですな。

２　戦士情報画面の表示
取得した商品（戦士）情報を表示するために、商品（戦士）表示画面を実装します。
編集画面とかで下からニュ〜って出てくるあの画面のことです。

全体的な流れは以下の通り。

商品（戦士）表示画面にJANコードを渡す

↓

リクエストURLの生成

↓

xmlのパース

↓

商品情報表示

↓

戦闘力の算出（次回）

↓

戦士の端末への登録処理（次回以降）

商品情報表示までを今回やります。
ではでは早速、商品（戦士）表示画面の実装を始めます。

適当にUIViewControllerのサブクラスを作成して下さい。クラス名は適当にMonsterShowViewControllerとでもしましょうか。

前回の「４つのtabに対するビューコントローラーを作成する」と全く一緒です。今回は折角ですのでXibファイルも一緒につくりましょう。

File→New→New File→UIViewController subclassを選択→NEXTをクリック→UIViewControllerを選択してWith Xib〜チェックボックスにチェック→名前をMonsterShowViewControllerにして保存

こんな感じになればオーケー。

次にMonsterShowViewController.xibファイルを編集します。
まあこんな感じで、商品名表示用のlabelと、画像表示用のUIImageViewを貼付ければオーケー

MonsterShowViewController.xib

次にMonsterShowViewController.hで使用する変数やらを宣言します。

MonsterShowViewController.h
---------------------------------------------------------------

@interface MonsterShowViewController : UIViewController {

IBOutlet UIImageView *imageView;
IBOutlet UILabel *itemName;
NSString *requestUrl;
}
@property(nonatomic,retain)UIImageView *imageView;
@property(nonatomic,retain)NSString *jancode;
@property(nonatomic,retain)UILabel *itemName;

@end
---------------------------------------------------------------

リクエスト用のURLも一緒に宣言しておきます。ちなみにIBOutletはInterfaceBuilderで使用してまっせという意味です。

.mファイル側の@synthesizeも忘れずに。まあ注意出るから言わんでもわかると思うけど。

MonsterShowViewController.h

---------------------------------------------------------------

#import "MonsterShowViewController.h"

@implementation MonsterShowViewController
@synthesize imageView;
@synthesize itemName;
@synthesize jancode;

- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
{
self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
if (self) {
// Custom initialization
}
return self;
}
---------------------------------------------------------------

そしたら次にIB(InterfaceBuilder)を使用して、nibファイルとつなぎます。
MonsterShowViewController.xibを開いて、File's Ownerを右クリック。
imageViewとImage View
itemNameとLavel
の二つを接続。

↓

これでオーケー！！

次にこのモンスター表示画面（戦士とか呼ぶよりモンスターのがしっくりきたので）をバーコード撮影後に呼び出します。

まず呼び出し側（BarcodeScanViewController）で呼び出される側（MonsterShowViewController）のクラスをインポートします。

そしたらBarcodeScanViewControllerの撮影完了後に呼び出されるメソッド内で、MonsterShowViewControllerを呼び出してみましょう。

以下のようにします。

BarcodeScanViewController.m （didFinishPickingMediaWithInfoメソッド内）

---------------------------------------------------------------

- (void)imagePickerController:(UIImagePickerController *)reader

didFinishPickingMediaWithInfo:(NSDictionary *)info

{

id results = [info objectForKey:ZBarReaderControllerResults];

ZBarSymbol *symbol = nil;

for (symbol in results)

break;

[reader dismissModalViewControllerAnimated:YES];

NSLog(@"%@",symbol.data);

MonsterShowViewController *monsterShow = [[MonsterShowViewController alloc]initWithNibName:@"MonsterShowViewController" bundle:nil];

[self.view addSubview:monsterShow.view];

[monsterShow release];

}

---------------------------------------------------------------

これでバーコード撮影後に商品（モンスター）表示画面が表示されると思います。一応テストしてみて下さい。

３　リクエストURLの生成→XMLの取得

リクエストURLを作成して、楽天からxmlを取得してみましょう。

まず、モンスター表示クラス（MonsterShowViewController）に取得したJANコードを渡します。BarcodeScanViewController.m のdidFinishPickingMediaWithInfoメソッド内に以下のコードを付け足します。

BarcodeScanViewController.m （didFinishPickingMediaWithInfoメソッド内）

---------------------------------------------------------------

- (void)imagePickerController:(UIImagePickerController *)reader

didFinishPickingMediaWithInfo:(NSDictionary *)info

{

id results = [info objectForKey:ZBarReaderControllerResults];

ZBarSymbol *symbol = nil;

for (symbol in results)

break;

[reader dismissModalViewControllerAnimated:YES];

NSLog(@"%@",symbol.data);

MonsterShowViewController *monsterShow = [[MonsterShowViewController alloc]initWithNibName:@"MonsterShowViewController" bundle:nil];

monsterShow.jancode = symbol.data;

[self.view addSubview:monsterShow.view];

[monsterShow release];

}

---------------------------------------------------------------

これでオーケー。

次に、取得したJANコードからURLを生成するメソッドを追加します。

http://api.rakuten.co.jp/rws/3.0/rest?developerId=[あなたのdeveloperID]&operation=ItemSearch&version=2010-09-15&keyword=

の末尾にjanコードをつけ足せばいいだけですね。以下のようにします。

MonsterShowViewController.m　viewDidLoadメソッド

---------------------------------------------------------------

- (void)viewDidLoad

{

[super viewDidLoad];

NSLog(@"monsterShowに渡されたjancode %@",jancode);

NSString *requestUrl;

requestUrl = [@"http://api.rakuten.co.jp/rws/3.0/rest?developerId=[あなたのdeveloperID]&operation=ItemSearch&version=2010-09-15&keyword="stringByAppendingString:jancode];

}

---------------------------------------------------------------

こんなんでオーケーなんですな。

それではリクエストを投げてみましょう。ここからは面倒ですぜ兄さん。

まず、ヘッダーファイル（MonsterShowViewController.h）で色々宣言しましょう。

MonsterShowViewController.h

---------------------------------------------------------------

@interface MonsterShowViewController : UIViewController {

IBOutlet UIImageView *imageView;

IBOutlet UILabel *itemNameLabel;

NSString *jancode;

NSMutableData *webData;

NSURLConnection *conn;

}

@property(nonatomic,retain)UIImageView *imageView;

@property(nonatomic,retain)NSString *jancode;

@property(nonatomic,retain)UILabel *itemNameLabel;

-(void) parseTag:(NSString*)requestUrl;

@end

---------------------------------------------------------------

あたらしく二つのインスタンス変数と、一つのメソッドが宣言されました。

次に実装です。以下のコードをぐばっとコピー＆ペーストしちゃって下さい。

MonsterShowViewController.m

---------------------------------------------------------------

-(void) parseTag:(NSString*)requestUrl;

{

NSURL *url = [NSURL URLWithString:requestUrl];

NSMutableURLRequest *req = [NSMutableURLRequest requestWithURL:url];

[req addValue:@"text/xml; charset=utf-8" forHTTPHeaderField:@"Content-Type"];

[req addValue:0 forHTTPHeaderField:@"Content-Length"];

[req setHTTPMethod:@"GET"];

conn = [[NSURLConnection alloc] initWithRequest:req delegate:self];

if (conn)

{

webData = [[NSMutableData data] retain];

}

-(void) connection:(NSURLConnection *) connection

didReceiveResponse:(NSURLResponse *) response

{

[webData setLength: 0];

}

-(void) connection:(NSURLConnection *) connection

didReceiveData:(NSData *) data

{

[webData appendData:data];

}

-(void) connection:(NSURLConnection *) connection

didFailWithError:(NSError *) error

{

//伝送中にエラーが生じた場合

[webData release];

[connection release];

}

-(void) connectionDidFinishLoading:(NSURLConnection *) connection

{

//接続が終了し、レスポンスのダウンロードに成功すると、次のconnectionDidFinishLoading:メソッドが呼び出される。

NSString *theXML = [[NSString alloc] initWithBytes: [webData mutableBytes]

length:[webData length]

encoding:NSUTF8StringEncoding];

//---shows the XML---

NSLog(@"%@",theXML);

[theXML release];

}

---------------------------------------------------------------

んで、呼び出しはこんな感じ。

MonsterShowViewController.m　viewDidLoadメソッド

---------------------------------------------------------------

- (void)viewDidLoad

{

[super viewDidLoad];

NSLog(@"monsterShowに渡されたjancode %@",jancode);

NSString *requestUrl;

requestUrl = [@"http://api.rakuten.co.jp/rws/3.0/rest?developerId=[あなたのdeveloperID]&operation=ItemSearch&version=2010-09-15&keyword="stringByAppendingString:jancode];

　[self parseTag:requestUrl];

}

---------------------------------------------------------------

これで完了です。（あれ意外と一瞬で終わってもうたぞ）

早速実行してみましょう。

カメラでの撮影が終了すると、コンソール上にxmlの内容が大量に表示されるはずです。

コンソールってどこー？？って人は、xcodeの右上にある

の真ん中をクリックしてみて下さい。

これでXML情報を取得するところまでは実装できました。

当初の予定ではXML内容を解析するところまでやる予定だったのですが、字数がやたら多くなってしまったので、XMLの解析は次回にまわします。

ではでは。

バーコードバトラーアプリ制作過程〜バーコードリーダー実装〜

2011-07-11T00:16:00.004+09:00

バーコードバトラーアプリ制作過程三回目です。（第二回はこちら）
今回はバーコードリーダーを実装したいと思います。

バーコードリーダーの実装にはZbar bar code readerを使用します。
以下のサイトを参考にしました。
「ZBar SDK」を使ってみる　ーI Lib Keep

ではでは始めましょう。全体的な流れは以下の通りです。
１　ZBarSDKダウンロード
２　ダウンロードしたSDKフォルダのプロジェクトへの追加
３　その他Frameworkのプロジェクトへの追加
４　スキャン処理の実装
５　シミュレータによるテスト

１　ZBarSDKダウンロード
まずはZbar 公式サイトの「Download the ZBar iPhone SDK 1.1」よりZbarSDKをダウンロードします。以上！

２　ダウンロードしたSDKフォルダのプロジェクトへの追加
ダウンロードしたZBarSDK-1.1.dmgファイルを選択すると以下のウィンドウが表示されると思います。

そしたら指示取りにZBarSDKフォルダをXcodeのプロジェクトにドラッグします。

ここにぶち込みます

そうすると以下のように聞かれますので、

グループフォルダにコピーをチェック

グループを作成にチェック

ダーゲットにCodeFighterを設定

してFinishを選択します。どーん！

３　その他Frameworkのプロジェクトへの追加

つぎに必要なFrameworkを追加します。

■AVFoundation.framework (weak)

■CoreMedia.framework (weak)

■CoreVideo.framework (weak)

■QuartzCore.framework

■libiconv.dylib

この５つですね。Read this Firstにもこいつら入れろって書いてありますね。

左のグループ内、一番上の青いアイコンCodeFighterをクリックします
次にTARGETS内のCodeFighterをクリックします。
んでBuilds Phasesを選択
Link Binary With Librariesを選択
ここでフレームワーク追加できます。

ここにある＋をクリックすると追加できるフレームワークの一覧が表示されます。

ここで先ほどの５つ

■AVFoundation.framework (weak)

■CoreMedia.framework (weak)

■CoreVideo.framework (weak)

■QuartzCore.framework

■libiconv.dylib

をバンバンaddしちゃってください。

これでZbarを使用する準備が整いました。

４　スキャン処理の実装
まずはBarcodeScanViewControllerにスキャン用のボタンを設置します。
前回ラベルを作成した部分、viewDidLoadメソッドにボタン設置のコードを書きます。

BarcodeScanViewController.m
--------------------------------------------------------------

- (void)viewDidLoad
{
[super viewDidLoad];
UILabel *namelabel = [[UILabel alloc] init];
namelabel.frame = CGRectMake(80, 10, 200, 50);
namelabel.text = @"僕はbarcodeScanViewControllerだよ";
namelabel.textColor = [UIColor blueColor];
namelabel.font = [UIFont fontWithName:@"AppleGothic" size:12];
[self.view addSubview:namelabel];
}

--------------------------------------------------------------

こうなっている部分を以下のように書き換えます。
前回記述したラベルの表示部分は消してしまいましょう。

BarcodeScanViewController.m

--------------------------------------------------------------

- (void)viewDidLoad
{
[super viewDidLoad];
UIButton *btn = [UIButton buttonWithType:UIButtonTypeRoundedRect];
btn.frame = CGRectMake(10, 200, 300, 30);
[btn setTitle:@"バーコードスキャン" forState:UIControlStateNormal];
// ボタンがタッチダウンされた時にscanButtonTappedメソッドを呼び出す
[btn addTarget:self action:@selector(scanButtonTapped:)forControlEvents:UIControlEventTouchDown];
[self.view addSubview:btn];
}
--------------------------------------------------------------

これでボタンを押したときに、scanButtonTappedメソッドが呼ばれることになります。
scanButtonTappedは自身で記述する必要があります。
記述する場所はどこでもかまわないのですが、viewDidLoadメソッドの真下にでも書いちゃいましょう。

スキャンボタンが押されたときのアクションを以下のように記述します。

BarcodeScanViewController.m

--------------------------------------------------------------

-(void)scanButtonTapped:(UIButton*)button
{
UIAlertView *alert =[[UIAlertView alloc] initWithTitle:@"確認"
message:@"スキャンボタンがタップされました"
delegate:self
cancelButtonTitle:@"確認"
otherButtonTitles:nil];
[alert show];
}

--------------------------------------------------------------

これでボタンが押されたときに、アラートが表示されるようになっていると思います。

これでボタンが実装できました。

それではいよいよ本題であるバーコード読み取り部分を実装してみましょう。

なにをするのか？？

「ZBar SDK」を使ってみる　ーI Lib Keep

に記載のあるコードをそのまま使っちゃいましょう！！

必殺コピペです！！

先ほどボタンがタップされたときに呼ばれるメソッド、scanButtonTappedでアラートが表示されるようにしましたが、ここを書き換えます。（そんなすぐ書き換えるなら始めからやれよって？？まあそうなんですけど…）

BarcodeScanViewController.m

--------------------------------------------------------------

-(void)scanButtonTapped:(UIButton*)button

{

ZBarReaderViewController *reader = [[ZBarReaderViewController alloc] init];

reader.readerDelegate = self;

ZBarImageScanner *scanner = reader.scanner;

[scanner setSymbology:ZBAR_I25

config:ZBAR_CFG_ENABLE

to:0];

[self presentModalViewController:reader

animated:YES];

[reader release];

}

--------------------------------------------------------------

このように書き換えます。

コピー＆ペースト素晴らしいですね！

しかしこいつを貼付けた直後に大量にエラーが表示されたと思います。

なぜ？？

これはZbarを使えるようにimportしてないからなんですね。

そういうわけで、ZBarSDK.hをインポートします。

わざわざ説明するまでもないですが、こんな感じで。

BarcodeScanViewController.h

--------------------------------------------------------------

#import

#import "ZBarSDK.h"

@interface BarcodeScanViewController : UIViewController

{

}

@end

--------------------------------------------------------------
※UIKitのインポートがなぜか消える…

すると赤いエラーがつらつら消えます。気持ちいいですね。
と思いきやまだ
reader.readerDelegate = self;
あたりに黄色くエラーが出とります。
デリゲートがなんちゃら言うとりますね。

BarcodeScanViewController.h
--------------------------------------------------------------
#importarSDK.h"

@interface BarcodeScanViewController : UIViewController

＜ZBarReaderDelegate＞

{

}

@end

#import "ZB

--------------------------------------------------------------

※UIKitのインポートがなぜか消える…
※＜＞が大文字になっています。コピペの際はご注意を

これで解決です。
これでカメラが起動してバーコードを勝手に取ってくれるカメラ機能の実装が完了しました。
次に、撮影が完了したあとのメソッドを実装します。
これも
「ZBar SDK」を使ってみる　ーI Lib Keep
のコードをコピペしちゃいましょう。
結果表示の部分は先ほど使用したアラート表示を使用しています。

またまた適当なところ（scanButtonTappedメソッドの真下あたりにでも）以下のコードをコピペします。

BarcodeScanViewController.m

--------------------------------------------------------------

- (void)imagePickerController:(UIImagePickerController *)reader
didFinishPickingMediaWithInfo:(NSDictionary *)info
{
id results = [info objectForKey:ZBarReaderControllerResults];
ZBarSymbol *symbol = nil;

for (symbol in results)
break;

UIAlertView *alert =[[UIAlertView alloc] initWithTitle:@"スキャン完了"
message:symbol.data
delegate:self
cancelButtonTitle:@"確認"
otherButtonTitles:nil];
[alert show];

[reader dismissModalViewControllerAnimated:YES];
}
--------------------------------------------------------------

スキャンの結果のJANコードがsymbol.dataで取れていることがわかりますね。
早速シミュレーターを起動してみましょう。

５　シミュレータによるテスト
スキャンボタンを押してみると…

げげっなんじゃこりゃあ！！
となったと思います。

大丈夫ミスってはおりませぬ。

この画面になったらaltキーを押しながら画面を長押しして見て下さい。

つぎのようにカメラロールから画像を選択する画面に切り替わったと思います。
もちろんシミュレータのカメラロールに画像なんて入っていませんね。

次の画像をデスクトップにでも保存して起動中のシミュレーターにドラック＆ドロップして下さい。

そしたらブラウザが立ち上がりますので、画像を長押ししてください。保存するかどうか聞かれますので、ここで保存。これでシミュレーターに画像が保存されました。（一回でなぜか保存されない場合があるので、そのときは何度か挑戦してみてください）

そしたら再度CodeFighterアプリを起動して、スキャンボタンをタップして、alt+左クリック長押しでカメラロールを起動。保存したバーコードを選択してみてください。

つぎのように表示されればオーケーです。
これでバーコードからJANコードを取得するところまで実装できました。

感無量ですな。

JANコードが取れるとそれだけで色々できることがあるので、いろいろと活用していただけたらと思います。

すこしつかれたお。

続き「バーコードバトラーアプリ制作過程〜第4回楽天APIの利用、XMLパーサーとか〜」

バーコードバトラーアプリ制作過程〜下地〜

2011-07-10T01:45:00.003+09:00

第二回目です。（一回目はこちら）

早速初めましょう。
今回はプロジェクトを作成し、tabによって４つの画面を切り替えられるようにするところまでを開発します。

※プログラム歴4ヶ月目の素人が書いてますので、用語の使用方法とが間違っていることも多いと思いますので、間違いに気づいた方はコメントしていただけると嬉しいです。

Xcode4をインストールとかは適当にググって調べて下さい。
iPhoneのデベロッパープログラムは入ってない人は、AppStoreで600円で買わなきゃ行けないみたいですね…

１　プロジェクトを作成
xcodeの新規プロジェクトでApplicationのViewBasedApplicationを選択します。

Pruductの名前は適当にCodeFighterと設定します。保存場所も好きなところに。

２　どんなデザインにするか？

んでどんな全体像にするか書いてませんでしたね。

今回はTabBarを使います。tabによって４つのビューを切り替えます

tab1…バーコードスキャン画面、スキャンボタンがあり、押すとカメラが起動します

tab2…登録戦士View画面、Tabelビューで登録戦士の閲覧削除ができます

tab3…戦闘画面、戦士を選択し、Bumpのように相手と乾杯の動作で戦闘開始

tab4…戦績や使い方などの「その他」を表示します

こんな感じで。

↑tabバーってのはこんな感じで画面下のタブで画面を切り替えるヤツ

２　InterfaceBuilderファイルについて

僕はInterfaceBuilderは使ったり使わなかったりします。

一画面にやたらボタンやらテキストビューやらごちゃごちゃする場合には使います。

そうじゃないなら使いません。

今回はあんまりつかう必要はなさそうですな。

3　４つのtabに対するビューコントローラーを作成する。

まず、自動生成されている

CodeFighterViewController.h

CodeFighterViewController.m

CodeFighterViewController.xib

の三つを削除しちゃいましょう。

右クリック→削除。

んで４つのTabに対応するクラスを作成します。

File→New→New File...

を選択。

ここでUIViewController subclassを選択。

Nextを選択すると、次の画面で何のサブクラスにするか聞かれますので、とりあえずここではデフォルトのままのUIViewControllerを選択します。

またここでXIBファイルを使用するかどうかをチェックボックスで選択できますので、チェックを外しておきましょう。

ファイル名はBarcodeScanViewControllerとします。すると

BarcodeScanViewController.h

BarcodeScanViewController.m

の宣言ファイルと実装ファイルが自動生成されます。これはTab1のバーコードスキャンする画面に相当します。

全く同じ手順で他のTab2〜3のViewControllerも作成しましょう。

それぞれのファイル名は

tab2→ListViewController

tab3→BattleViewController

tab4→OtherViewController

としました。最終的に次の画像のようになっているとおもいます。

４　作成した４つのビューをタブによって切り替えられるようにする

こっから直接コードいじり始めます。まずはCodeFighterAppDelegate.hから。

開いてみると以下のようになっていると思います。

CodeFighterAppDelegate.h

--------------------------------------------------------------------

#import

@class CodeFighterViewController;

@interface CodeFighterAppDelegate : NSObject {

}

@property (nonatomic, retain) IBOutlet UIWindow *window;

@property (nonatomic, retain) IBOutlet CodeFighterViewController *viewController;

@end

--------------------------------------------------------------------

これを以下のように書き換えます。

CodeFighterAppDelegate.h

--------------------------------------------------------------------

#import

@interface CodeFighterAppDelegate : NSObject {

}

@property (nonatomic, retain) IBOutlet UIWindow *window;

@property (nonatomic, retain) IBOutlet UITabBarController *tabBarController;

@end

--------------------------------------------------------------------

次にCodeFighterAppDelegate.m

最初はこんな感じになっていると思います。

CodeFighterAppDelegate.m

--------------------------------------------------------------------

#import "CodeFighterAppDelegate.h"

#import "CodeFighterViewController.h"

@implementation CodeFighterAppDelegate

@synthesize window=_window;

@synthesize viewController=_viewController;

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions

{

// Override point for customization after application launch.

self.window.rootViewController = self.viewController;

[self.window makeKeyAndVisible];

return YES;

}

--------------------------------------------------------------------

こんな感じに書き換えます

CodeFighterAppDelegate.m

--------------------------------------------------------------------

#import "CodeFighterAppDelegate.h"

#import "BarcodeScanViewController.h"

#import "ListShowViewController.h"

#import "BattleViewController.h"

#import "OtherViewController.h"

@implementation CodeFighterAppDelegate

@synthesize window=_window;

@synthesize tabBarController=_tabbarController;

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions

{

//ビュー１の設定

BarcodeScanViewController *tag1 = [[[BarcodeScanViewController alloc]init]autorelease];

tag1.tabBarItem = [[[UITabBarItem alloc] initWithTabBarSystemItem:UITabBarSystemItemSearch tag:0]autorelease];

//ビュー2の設定

ListShowViewController *tag2 = [[[ListShowViewController alloc]init]autorelease];

tag2.tabBarItem = [[[UITabBarItem alloc] initWithTabBarSystemItem:UITabBarSystemItemSearch tag:0]autorelease];

//ビュー3の設定

BattleViewController *tag3 = [[[BattleViewController alloc]init]autorelease];

tag3.tabBarItem = [[[UITabBarItem alloc] initWithTabBarSystemItem:UITabBarSystemItemSearch tag:0]autorelease];

//ビュー4の設定

OtherViewController *tag4 = [[[OtherViewController alloc]init]autorelease];

tag4.tabBarItem = [[[UITabBarItem alloc] initWithTabBarSystemItem:UITabBarSystemItemSearch tag:0]autorelease];

NSArray *controllers = [NSArray arrayWithObjects:tag1,tag2,tag3,tag4, nil];

[(UITabBarController*)self.tabBarController setViewControllers:controllers animated:NO];

self.window.rootViewController = self.tabBarController;

[self.window makeKeyAndVisible];

return YES;

}

--------------------------------------------------------------------

つぎにMainWindow.xibを変更します。

Code Fighter View Controllerを削除し、Tab Bar Controllerを追加します。

そしてCodeFighter App DelegateのOutletsのtabBarControllerを追加した

Tab Bar Controllerと繋げます。以下のようになってればオーケーです。

Tab Bar Controller追加後

Tab Bar ControllerとtabBarController接続後

ここでいったんシミュレーターを起動してみましょう。

以下のようにタブが表示されればオーケーです。

しかしこれではビューが切り替わっているのかどうかわかりませんね。

５　各ViewControllerにラベルを追加する

ビューが切り替わっていることを確認するために、各ViewControllerにラベルを追加します。

BarcodeScanViewController

ListViewController

BattleViewController

OtherViewController

の４つそれぞれの実装ファイル（.mファイル）に、コメントアウトされて緑色になっている以下のようなコードが見つかると思います。

４つのViewController.m

--------------------------------------------------------------------

// Implement viewDidLoad to do additional setup after loading the view, typically from a nib.

- (void)viewDidLoad

{

[super viewDidLoad];

}

--------------------------------------------------------------------

viewDidLoadメソッドは文字通りViewがロードされた直後に呼ばれるメソッドです。

ここで、それぞれのビューが呼ばれたことを示す文字列を表示するようにしたいと思います。

以下のように書き換えます。

４つのViewController.m

--------------------------------------------------------------------

- (void)viewDidLoad

{

[super viewDidLoad];

UILabel *namelabel = [[UILabel alloc] init];

namelabel.frame = CGRectMake(80, 10, 200, 50);

namelabel.text = @"僕はotherViewControllerだよ";

namelabel.textColor = [UIColor blueColor];

namelabel.font = [UIFont fontWithName:@"AppleGothic" size:12];

[self.view addSubview:namelabel];

}

--------------------------------------------------------------------

namelabel.text = @"僕はotherViewControllerだよ";

の「僕はotherViewControllerだよ」の部分は好きに変更して下さい。

次のようにビューが切り替わっているのが確認できると思います。

これでタブバーによる画面の切り替えができるようになりました。

次回からは各ビューの中身をいじっていきたいと思います。

ちなみに次回はバーコード読み取り部分を実装します。

〜所感〜

これだけのことを書くのに二時間近くかかりました。

結構大変なんですな。

続き「バーコードバトラーアプリ制作過程〜バーコードリーダー実装〜」

バーコドバトラーアプリ制作過程〜序章〜

2011-07-09T22:23:00.002+09:00

バーコードバトラーアプリを作ろうかと思う。

バーコードを読み取ると戦士が誕生して、スマホに登録し、相手と通信対戦を行う。
小さい頃流行ったあのおもちゃをスマホアプリでやろうと言う訳です。

実装しなければ行けない機能は以下の通り。
１　スマホのカメラ機能でバーコードを撮影し、JANコードを読み取る
２　ショッピングサイトのJANコード検索APIで商品名を取得
３　戦士のHPや攻撃力などのパラメーターを設定
４　SQLiteを使って戦士をアプリの保存、TableViewで閲覧、削除機能
５　iPhone同士の通信機能（バトル部分）

大体こんな感じ。
バーコードリーダーは、iPhone、Androidともに作ったことがあるし、TableViewとCoreDataの部分もやったことはあるからいける。

通信の所と、戦闘イベントの部分が未知数だけどまあなんとかなるでしょう。

正直スクリーンショットとって丁寧に制作過程を記録するのは、それだけでかなり面倒なんで、だいたいこんな感じでやってますくらいにしか載せられない。

さらに自分は4月から会社でアプリ制作を始めて、そのまえは全然プログラム未経験者なので相当わけがわかっていない記述も多くなると思う。

まあ怠惰な自分への戒めと、制作過程の記録としてこの連載を書こうと思う。

あんまり技術的なためにはならないとおもわれます…

連載二回め「バーコードバトラーアプリ制作過程〜下地〜 」