「簡単アンケート for iPad & iPhone」ご紹介 - Parse 使ってみたよ -

「簡単アンケート for iPad & iPhone」
- Parse 使ってみたよ -
ご紹介
Hatman Research©

自己紹介
名前：服部貴俊 ¦ はっとまん
名古屋市南区在住
facebook :「服部貴俊」で登録してます。よろしくどうぞ。
2
やるときはやる
しっかり者  
(*ﾉω・*)ﾃﾍﾍﾟﾛ

3
この度、リリースしました。
簡単アンケート for iPad & iPhone
https://itunes.apple.com/jp/app/id836026986?mt=8&ign-mpt=uo%3D4
アンケート。作るも、
答えるもコレ一本。
UI(洒落乙度) / UX(分かり易さ)は、まだまだ商用品質ではないけど。

4
何が出来るの？
アンケートを作成し 
アップロードします。
[主催者]
Parse.com

4
[ご回答者]
アンケートを
ダウンロード 
して頂きます
[主催者]
Parse.com

4
[ご回答者]
アンケートを
して頂きます
[主催者]
Parse.com
ご回答後、
アップロード 
して頂きます。
Parse.com

4
[ご回答者]
アンケートを
して頂きます
回答データを 
ダウンロードして
集計結果を確認できます。
[主催者]
[主催者]
Parse.com
ご回答後、
Parse.com

4
[ご回答者]
アンケートを
して頂きます
回答データを 
ダウンロードして
[主催者]
[ご回答者]
アンケートの設定次第で 
ご回答者自身も
[主催者]
Parse.com
ご回答後、
Parse.com

6
http://www.slideshare.net/takatoshihattori
毎回、 
数百人∼千人規模で、
御覧頂いております。
ここ一年近く、本勉強会のアンケートを担当していまして、
集計結果は、slideshareで公開しています。
即満足度向上とは 
いきませんが、 
ご回答頂いたものは、
せめて全員が見える形へ。
※アンケートが好きかと思われるかも知れませんが、特に好きというわけではありません。

7
質問形式はこんな感じ。
自由回答
統計 ¦ 複数回答
統計 ¦ 単一回答

8
アンケートのそもそもの目的について考えてみた

8
勉強会はみんなで作る。 
みなさんの声を聞いて、 
勉強会を実り多き方向へ。

8
まだ見ぬ初参加の方への 
メッセージ(広報用)。
ささやかながら、 
参加者のアプリ宣伝も。

8
まだ見ぬ初参加の方への 
メッセージ(広報用)。
ささやかながら、 
参加者のアプリ宣伝も。
photo credit: tec_estromberg via photopin cc

9
でもね。後処理(集計)あり。

10
集計が手間だな∼(飽きてたw)。毎月の事だし自動で出来たら。
Webなら普通にアンケートシステムとかあるよな∼
いやまてよ。 
アンケートぐらい、手軽なiPhoneでやればいいじゃん。 
そもそもアプリの勉強会なんだし。
よしっアプリ作ってみよっ。
アンケートを担当してかれこれ半年・・・ 
ある時ふと思った

11
アンケートはAppで。

12
アプリ開発舞台裏ちょっとだけ

13
ざっくりと決めた目標
スマホオンリーで
アンケートの回答は、とにかく簡単にできること。
アンケートの作成は、それなりに簡単にできること。

14
どう構成すれば成り立つか、画面遷移の絵書きました。
とっかかり

15
アンケート作成モード
主な技術的要素
ViewController + TableView 
アンケート・質問・選択肢のUIに使用
データ永続化 
オブジェクトアーカイブ
深いコピー  
アンケートを丸ごと流用する際に使用
twitter/ Facebook連携  
ほとんどおまけw
ネットワーク連携  
アンケートのアップロードと 
集計データのダウンロード
Parse使用

16
アンケート回答モード
主な技術的要素
ScrollViewで十字スクロール  
選択肢が多くても上下スクロール、 
質問の移動はスワイプか方向ボタン
データ永続化 
オブジェクトアーカイブ
twitter/ Facebook連携  
ほとんどおまけw
ネットワーク連携  
回答をアップロード 
集計データのダウンロード
Parse使用

17
そもそもParseってなんですか？
アプリでサーバー連携するためのバックエンドサービスを提供してる 
会社名、及びサービス名らしいです(現在Facebookの傘下)。 
https://parse.com 
プッシュ通知、ソーシャル連携とか、いろいろ出来るらしいですが、 
今回は、iPhone間のデータのやりとりに使いました。
アンケート 
アップロード
[主催者]
Parse.com
[ご回答者]
アンケート
ダウンロード

18
アップロードの例
PFObject *testObject = [PFObject objectWithClassName:@"TestObject"];
testObject[@"A"] = @ Hatman";
testObject[@"B"] = @"love";
[testObject saveInBackground];
Parse SDKのインストールとか、フレームワークのインポートとか、 
ありますが、数行でParseにデータをアップロード可能です。 
(Parse利用手引のQuickstartから直ぐ試せます。)
クラス名(テーブル名)：TestObject
A B
Batman like
Hatman love データが入る

19
ダウンロードの例
条件にマッチしたデータをダウンロードできます。
// PFQueryオブジェクト作成
PFQuery *query = [PFQuery queryWithClassName:@"TestObject"];
// クエリ条件に、Bのキーが love に一致する 
[query whereKey:@"B" equalTo:@ love ];
// 検索する 
[query ﬁndObjectsInBackgroundWithBlock:^(NSArray *objects, NSError *error) {
// １件以上存在する場合 
if ([objects count] != 0) {
//やりたい処理・・・
}
}];
^(仮引数){コードの断片} がブロックです。要は単純にコード断片をまとめたもので、 
メソッドや関数に値と同じように渡し、渡した先でコード断片が実行されます。 
ここでは、「データ取得後に何をしたいかをブロックで記述するメソッド
ﬁndObjectsInBackgroundWithBlock」を使うので、しょうがなくブロックで 
書いたということになります。
Parseが勝手にスレッド生成し、 
メインスレッドとは別に実行される様が 
デバッガで確認できます
メ
イ
ン
ス
レ
ッ
ド
ダウンロード完了後、遅れて実行

20
データ入手後の各種処理をGrand Central Dispatchで書いたサンプル。 
直列Queueを作ってGrand Central Dispatchで並列処理させます（動いたけど正しいか不明w）。
dispatch_queue_t queue = dispatch_queue_create("jp.hatman.gcd.MySerialDispatchQueue",
DISPATCH_QUEUE_SERIAL); 
 
// PFQueryオブジェクト作成
PFQuery *query = [PFQuery queryWithClassName:@"TestObject"];
// クエリ条件に、Bのキーが love に一致する 
[query whereKey:@"B" equalTo:@ love ];
// 検索する 
[query ﬁndObjectsInBackgroundWithBlock:^(NSArray *objects, NSError *error) {
// １件以上存在する場合 
if ([objects count] != 0) {
dispatch_async(queue, ^{
// 処理（例えば、ダウンロードしたアンケートを集計したり)
dispatch_async(queue, ^{
// 処理（例えば、メーラーを起動したり)
});
});
}
}];
直列キューに入れたので、 
集計途中で、メーラーが 
起動することはありません。

21
Parse使うには、ブロック構文と並列プログラミングに慣れが必要そうです。 
Parseのドキュメントでは、ブロック構文によるサンプルが、 
ビシバシ登場します。
メインスレッドのループ 
（UIのイベント処理担当）
データ通信など重い処理はスレッド作って分岐。 
「∼Background∼」と付くメソッドは、 
勝手にスレッド生成して、裏で処理してくれます。
長時間の処理(目安1sec以上) 
でメインスレッドを 
ブロックしてはいけません。
アップロード、 
ダウンロード、 
色々処理
App終了
App起動
とどのつまり
図はイメージです。

22
Saving data to the cloud is fun, 
アップロードは楽しい！

22
but it's even more fun to get that data out again. 
ダウンロードはもっと楽しい！！

22
By Parse
but it's even more fun to get that data out again. 
ダウンロードはもっと楽しい！！

23
参考にしたWebサイト ¦ 並列プログラミング
mixi-inc/iOSTraining 8.2 Grand Central Dispatch 
https://github.com/mixi-inc/iOSTraining/wiki/8.2-Grand-Central-Dispatch
マルチコア時代の新機軸！ Snow LeopardのGCD 
http://ascii.jp/elem/000/000/455/455786/
mixiの資料は必読です。２つ目はGCD登場の雑学など。

24
参考にしたWebサイト ¦ Parse
Parseについてのあれこれ 
http://tech.aainc.co.jp/archives/3145
ParseをObjective-Cで使用する 
http://inon29.hateblo.jp/entry/2013/12/15/153315
[Parse][iOS] PFObjectの保存・更新・削除の基本 
http://dev.classmethod.jp/smartphone/iphone/parse-ios-pfobject/
アプリ開発をよりスマートに、スピーディに ¦ ニフティクラウド mobile backend 
http://mb.cloud.nifty.com
Parse.comの使い方に特化した分かりやすい(日本語)書籍とかは多分無くて、 
以下Webサイトがとても参考になりました。

25
参考にしたApple公式ドキュメント
iOS Scroll View プログラミングガイド 
十字スクロールについての説明あり。
!
Objective-Cによるプログラミング 
ブロック構文の章、初歩的な説明が分かりやすい。 
10回ぐらい読めばOK。
!
iTunes Connect デベロッパガイド 
リリースの際に、ネット上に散在する情報と照らして読むと、 
わかりやすい。
https://developer.apple.com/jp/devcenter/ios/library/japanese.html

26
おすすめ書籍
とっても参考になりました。
・TableView 
・データの永続化 
・オブジェクト間の通信方法 (デリゲートデザインパターン) 
・Model-View-Controller デザインパターン
なぜか、Amazonの評価はいまいち。
・TableView、Switch、Button・・・の 
細かい使い方 
・ScrollViewで十字スクロール
古いのか、これでも載ってないものは、 
とにかくググったわけです。
参考) 俺的Objective-C勉強法

苦労した点 ¦ 画面サイズ
27

iPhone4S  
(and earlier)
3.5 Screen
320 x 480 pts
27

iPhone4S  
(and earlier)
3.5 Screen
320 x 480 pts
iPhone5 
縦長になった
4 Screen
320 x 568 pts
27

iPhone4S  
(and earlier)
3.5 Screen
320 x 480 pts
iPhone5 
縦長になった
4 Screen
320 x 568 pts
次期iPhoneは？
予想図
27

28
iOS5
iOS6
iOS7
iPhone4S 
(and earlier)
iPhone5,5S
iPad 
iPad mini
画面サイズとiOSのバージョンとの組み合わせで、 
以下の枠分、動作確認しました(回転に対応)。
苦労した点 ¦ iOSのバージョン

29
最後に …
これから始める方に向けて

30
iPhone/iPadの性能は、10年前のPCに匹敵 
要はアイデアとやる気次第。
[要出典]
photo credit: AGmakonts via photopin cc

31
iPhoneは楽しい！
アプリ開発はもっと楽しい！！

ご清聴ありがとうございました。
第26回名古屋iPhoneアプリ開発勉強会 14.4.19 Sat.

「簡単アンケート for iPad & iPhone」ご紹介 - Parse 使ってみたよ -

Recommandé

Recommandé

Contenu connexe

En vedette

En vedette (20)

Plus de Takatoshi Hattori

Plus de Takatoshi Hattori (15)

「簡単アンケート for iPad & iPhone」ご紹介 - Parse 使ってみたよ -