fb awardの振り返りとwin8アプリ

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！

宣伝

https://www.wantedly.com/projects/1615

ご静聴ありがとうございました。