fb awardの振り返りとwin8アプリ
TRANSCRIPT
![Page 1: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/1.jpg)
FB Award の振り返りとWin8 アプリ
2012/11/27
Facebook Night vol.11
![Page 2: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/2.jpg)
Profile
株式会社アライズ
arise.inc
CTO
関根 聡
satoshi.sekine2
![Page 3: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/3.jpg)
Agenda
・Facebook App Awardの振り返り
・Windows 8 アプリ Brekkyの苦労話
![Page 4: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/4.jpg)
Facebook App Awardの振り返り
![Page 5: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/5.jpg)
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 みんなで散歩
![Page 6: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/6.jpg)
【優秀賞】1位・2位・3位
【部門賞】新規性の部・ソーシャル性の部・操作性の部
アトラクティビティの部・発展可能性の部
【各協賛企業賞】WEB+DB PRESS賞・ガイアックス賞・クロコス賞・コムニコ賞サノウラボ賞・翔泳社賞・ゼンリンデータコム賞
電通レイザーフィッシュ賞・日経ソフトウエア賞・メンバーズ賞
【審査員特別賞】森雅秀賞
表彰
![Page 7: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/7.jpg)
最終ノミネート20作品に対して賞が19もある。
・・・・・これは!!!
![Page 8: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/8.jpg)
WEB+DB PRESS賞
Hoolegan(フーレガン)
ガイアックス賞
Agile Tracker
クロコス賞
ソージャ!ソージャ!
コムニコ賞
Voicepic
審査発表
![Page 9: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/9.jpg)
サノウラボ賞
Voicepic
![Page 10: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/10.jpg)
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
![Page 11: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/11.jpg)
コンセプトが素晴らしい。
単に実現するのを目的にしておらず、
コンセプトを達成する為のアプリ
受賞作品
![Page 12: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/12.jpg)
賞を取るのは甘くない!
来年出す方は心して望んでね!
Good Luck!
まとめ
![Page 13: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/13.jpg)
避けては通れない Windowsストアアプリ
Windows 8 アプリBrekky の苦労話
![Page 14: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/14.jpg)
そもそも用語がわかりません
Windowsストアアプリ
![Page 15: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/15.jpg)
Windowsストアアプリ
デスクトップアプリ Windowsストアアプリ
![Page 16: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/16.jpg)
Windows8の機能と用語
スタート画面 デスクトップ
![Page 17: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/17.jpg)
タイル
WIDEタイル
![Page 18: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/18.jpg)
ライブタイル
![Page 19: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/19.jpg)
チャームチャーム
![Page 20: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/20.jpg)
「アプリバー」と「ナビゲーションバー」
ナビゲーションバー
アプリバー
このボタンを「コマンド」と呼ぶ
![Page 21: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/21.jpg)
さて開発環境つくるよ
Windowsストアアプリ
![Page 22: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/22.jpg)
開発環境
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
![Page 23: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/23.jpg)
開発言語
![Page 24: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/24.jpg)
さてさて実装のお話
Facebook連携
![Page 25: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/25.jpg)
facebook C# SDK
https://github.com/facebook-csharp-sdk/facebook-csharp-sdk
![Page 26: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/26.jpg)
ライブラリ作成
(a)Releaseにする
(b)[ビルド]-[ソリューションのビルド]
![Page 27: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/27.jpg)
dllの参照
![Page 28: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/28.jpg)
Facebookの設定
APP ID
![Page 29: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/29.jpg)
①ログイン
②朝食の投稿
③朝食の投稿
⑤朝食の連携
⑥朝食画像の管理
⑦朝食画像の連携Http要求
④朝食情報の管理
![Page 30: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/30.jpg)
連携部分ログイン後、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);
![Page 31: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/31.jpg)
// ■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;
}
![Page 32: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/32.jpg)
// ■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;
こんな感じで情報がとれました!
![Page 33: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/33.jpg)
アプリも出来たのでストアに申請するよ
アプリ申請
![Page 34: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/34.jpg)
Windowsストア開発者アカウント
http://msdn.microsoft.com/ja-jp/library/windows/apps/hh868184.aspx
![Page 35: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/35.jpg)
Windowsストア開発者アカウント失敗談
会社で一つ共有のアカウントを作っておくと良いよ。
![Page 36: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/36.jpg)
コードの入力が毎回必要
アカウントの移行作業が結構ややこしい。
![Page 37: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/37.jpg)
申請は大体1週間ぐらい
![Page 38: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/38.jpg)
かなしい知らせは突如来る
![Page 39: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/39.jpg)
![Page 40: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/40.jpg)
何を言ってるのかよくわかんない!
![Page 41: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/41.jpg)
具体的な内容は審査担当者 からのコメント
• 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:
![Page 42: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/42.jpg)
The app has declared access to network capabilities and
no privacy statement was provided in the Windows
Settings Charm
アプリはネットワーク機能へのアクセスを宣言し、全くのプライバシーに関する声明は、Windowsの設定チャームで提供されていない
Google先生お願いします。
![Page 43: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/43.jpg)
「Windowsストアアプリはインターネットにアクセスするアプリは必ずプライバシーポリシーへの
リンクを設けなければいけない。」
![Page 44: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/44.jpg)
Missing or incomplete account information provided to
reviewer. This prevented us from completing our review of
this app.
行方不明者や校閲に提供不完全なアカウント情報。これは、このアプリの見直しを完了することから私たちを防ぐ。
Google先生お願いします。
謎い!
![Page 45: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/45.jpg)
要はログイン出来るユーザ情報が必要
申請の時にログインユーザの情報も一緒に渡して上げる必要があります。
今回の場合は、画像も添付するアプリでしたので画像も合わせて添付しました。
![Page 46: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/46.jpg)
実際テストもするようです。
送った画像 投稿された画像
![Page 47: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/47.jpg)
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先生お願いします。
スナップ?
![Page 48: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/48.jpg)
スナップを出した時に不具合がありました。(アプリが落ちる)
スナップ対応完了!
![Page 49: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/49.jpg)
そして再申請
![Page 50: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/50.jpg)
認定された\(^o^)/
![Page 51: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/51.jpg)
まとめアカウントの移行は結構ややこしい。
ネットワークを使うアプリはプライバシーポリシーは必須。
Facebookアプリの時にはアプリを確認出来るユーザもお忘れなく。
スナップは、使わなくても実装が必要。面倒だったら、サイズを合わせた画像でOK!
![Page 53: Fb awardの振り返りとwin8アプリ](https://reader034.vdocuments.net/reader034/viewer/2022052700/55a05c091a28abf9678b47e1/html5/thumbnails/53.jpg)
ご静聴ありがとうございました。