fb awardの振り返りとwin8アプリ
TRANSCRIPT
FB Award の振り返りとWin8 アプリ
2012/11/27
Facebook Night vol.11
Profile
株式会社アライズ
arise.inc
CTO
関根 聡
satoshi.sekine2
Agenda
・Facebook App Awardの振り返り
・Windows 8 アプリ Brekkyの苦労話
Facebook App Awardの振り返り
No.1 FBログ
No.2 Agile Tracker
No.3 パパログ
No.4 CoffeeMeeting
No.5 フレンドセレクター！
No.6 PixelJunk Monsters Online
No.7 Voicepic
No.8 Hoolegan（フーレガン）
No.9 SocialBrains
No.10 Stiie
最終ノミネート
No.11 写真みつかるプロジェクト
No.12 PromoBook
No.13 pakuchi
No.14 Reviocam
No.15 リブライズ ～すべての本棚を図書館に～
No.16 トレ録
No.17 study mail
No.18 ソージャ!ソージャ!
No.19 REMP
No.20 みんなで散歩
【優秀賞】1位・2位・3位
【部門賞】新規性の部・ソーシャル性の部・操作性の部
アトラクティビティの部・発展可能性の部
【各協賛企業賞】WEB+DB PRESS賞・ガイアックス賞・クロコス賞・コムニコ賞サノウラボ賞・翔泳社賞・ゼンリンデータコム賞
電通レイザーフィッシュ賞・日経ソフトウエア賞・メンバーズ賞
【審査員特別賞】森雅秀賞
表彰
最終ノミネート20作品に対して賞が19もある。
・・・・・これは！！！
WEB+DB PRESS賞
Hoolegan（フーレガン）
ガイアックス賞
Agile Tracker
クロコス賞
ソージャ!ソージャ!
コムニコ賞
Voicepic
審査発表
サノウラボ賞
Voicepic
WE
B+
DB
PR
ES
S賞
アト
ラクティビティの部
ガイ
アックス賞
クロ
コス賞
コム
ニコ賞
サノ
ウラボ賞
ゼン
リンデータコム賞
ソー
シャル性の部
メン
バーズ賞
新規
性の部
森雅
秀賞
操作
性の部
第1位
第2位
第3位
電通
レイザーフィッシュ賞
日経
ソフトウエア賞
発展
可能性の部
翔泳
社賞
総計
Agile Tracker 1 1
CoffeeMeeting 1 1
Hoolegan （フーレガン） 1 1 1 1 4
Voicepic 1 1 1 3
ソージャ! ソージャ! 1 1 1 3
みんなで散歩 1 1
リブライズ ～すべての本棚を図書館に～
1 1 1 1 1 1 6
総計 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 19
コンセプトが素晴らしい。
単に実現するのを目的にしておらず、
コンセプトを達成する為のアプリ
受賞作品
賞を取るのは甘くない！
来年出す方は心して望んでね！
Good Luck！
まとめ
避けては通れない Windowsストアアプリ
Windows 8 アプリBrekky の苦労話
そもそも用語がわかりません
Windowsストアアプリ
Windowsストアアプリ
デスクトップアプリ Windowsストアアプリ
Windows８の機能と用語
スタート画面 デスクトップ
タイル
WIDEタイル
ライブタイル
チャームチャーム
「アプリバー」と「ナビゲーションバー」
ナビゲーションバー
アプリバー
このボタンを「コマンド」と呼ぶ
さて開発環境つくるよ
Windowsストアアプリ
開発環境
OS windows 8
とりあえず試すだけなら評価版http://msdn.microsoft.com/en-US/evalcenter/jj554510.aspx
IDE VisualStudio2012 for Windows8
Express版http://msdn.microsoft.com/ja-jp/windows/apps/br229516
開発言語
さてさて実装のお話
Facebook連携
facebook C# SDK
https://github.com/facebook-csharp-sdk/facebook-csharp-sdk
ライブラリ作成
(a)Releaseにする
(b)[ビルド]-[ソリューションのビルド]
dllの参照
Facebookの設定
APP ID
①ログイン
②朝食の投稿
③朝食の投稿
⑤朝食の連携
⑥朝食画像の管理
⑦朝食画像の連携Http要求
④朝食情報の管理
連携部分ログイン後、FQLを使ってユーザ情報を取得してみる。
// 予めWebViewコントロールを配置しておきます。// そのコントロールに x:Name=“WebView1” と名前をつけておきます。// ■準備private readonly FacebookClient _fb = new FacebookClient();// パーミッションprivate const string extendedPermissions =
"user_about_me,read_stream,publish_stream";
// ■facebookのログインUrlを作るdynamic para = new ExpandoObject();para.client_id = appId; // facebookアプリ登録時に払いだされたIDpara.redirect_uri =
"https://www.facebook.com/connect/login_success.html";para.response_type = "token";para.display = "popup";para.scope = extendedPermissions;Uri loginUrl = _fb.GetLoginUrl(parameters);
// ■Urlへのアクセスと結果を処理するメソッドの登録WebView1.LoadCompleted += WebView1_LoadCompleted;WebView1.Navigate(loginUrl );
// ■結果を処理するメソッドの処理内容(WebView1_LoadCompleted)FacebookOAuthResult oauthResult;if (!_fb.TryParseOAuthCallbackUrl(e.Uri, out oauthResult)){
return;}if (oauthResult.IsSuccess){
// ログインに成功しアクセストークンが取得できました！var accessToken = oauthResult.AccessToken;// 以降FQLを発行するためにアクセストークンを設定しておく。_fb.AccessToken = accessToken;
}
// ■FQLを使ってユーザ情報を取得する// FQLvar fql = "SELECT uid,name,pic_square FROM user WHERE uid=me()";
// 発行dynamic fqlParameters = new ExpandoObject();fqlParameters.q = new { fql1 };dynamic fqlResult1 = await _fb.GetTaskAsync("fql", fqlParameters);
// 結果から値を取り出すdynamic resultForQuery1 = fqlResult1.data[0].fql_result_set;long facebookID = resultForQuery1[0].uid;string userName = resultForQuery1[0].name;string userPicURL = resultForQuery1[0].pic_square;
こんな感じで情報がとれました！
アプリも出来たのでストアに申請するよ
アプリ申請
Windowsストア開発者アカウント
http://msdn.microsoft.com/ja-jp/library/windows/apps/hh868184.aspx
Windowsストア開発者アカウント失敗談
会社で一つ共有のアカウントを作っておくと良いよ。
コードの入力が毎回必要
アカウントの移行作業が結構ややこしい。
申請は大体1週間ぐらい
かなしい知らせは突如来る
何を言ってるのかよくわかんない！
具体的な内容は審査担当者 からのコメント
• C:: The app has declared access to network capabilities and no privacy statement was provided in the Windows Settings Charm.
• G:: Missing or incomplete account information provided to reviewer. This prevented us from completing our review of this app.
• A:: When reviewing the app, our reviewers observed instability issues when using snapped views with this app. More information on snapped views can be found here:
The app has declared access to network capabilities and
no privacy statement was provided in the Windows
Settings Charm
アプリはネットワーク機能へのアクセスを宣言し、全くのプライバシーに関する声明は、Windowsの設定チャームで提供されていない
Google先生お願いします。
「Windowsストアアプリはインターネットにアクセスするアプリは必ずプライバシーポリシーへの
リンクを設けなければいけない。」
Missing or incomplete account information provided to
reviewer. This prevented us from completing our review of
this app.
行方不明者や校閲に提供不完全なアカウント情報。これは、このアプリの見直しを完了することから私たちを防ぐ。
Google先生お願いします。
謎い！
要はログイン出来るユーザ情報が必要
申請の時にログインユーザの情報も一緒に渡して上げる必要があります。
今回の場合は、画像も添付するアプリでしたので画像も合わせて添付しました。
実際テストもするようです。
送った画像 投稿された画像
When reviewing the app, our reviewers observed
instability issues when using snapped views with this app.
More information on snapped views can be found here
このアプリでスナップされたビューを使用する場合、アプリを再確認するときには、私たちのレビューアが不安定になる問題を観察した。スナップされたビューの詳細については、ここで見つけることができます：
Google先生お願いします。
スナップ？
スナップを出した時に不具合がありました。（アプリが落ちる）
スナップ対応完了！
そして再申請
認定された＼(^o^)／
まとめアカウントの移行は結構ややこしい。
ネットワークを使うアプリはプライバシーポリシーは必須。
Facebookアプリの時にはアプリを確認出来るユーザもお忘れなく。
スナップは、使わなくても実装が必要。面倒だったら、サイズを合わせた画像でOK！
ご静聴ありがとうございました。