SlideShare a Scribd company logo
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.11 写真みつかるプロジェクト
No.2    Agile Tracker               No.12 PromoBook
No.3    パパログ                        No.13 pakuchi
No.4    CoffeeMeeting               No.14 Reviocam
No.5    フレンドセレクター!                  No.15 リブライズ ~すべての本棚
No.6    PixelJunk Monsters Online      を図書館に~
No.7    Voicepic                    No.16 トレ録
No.8    Hoolegan(フーレガン)             No.17 study mail
No.9    SocialBrains                No.18 ソージャ!ソージャ!
No.10   Stiie                       No.19 REMP
                                    No.20 みんなで散歩
表彰
【優秀賞】
 1位・2位・3位

【部門賞】
 新規性の部・ソーシャル性の部・操作性の部
 アトラクティビティの部・発展可能性の部

【各協賛企業賞】
 WEB+DB PRESS賞・ガイアックス賞・クロコス賞・コムニコ賞
 サノウラボ賞・翔泳社賞・ゼンリンデータコム賞
 電通レイザーフィッシュ賞・日経ソフトウエア賞・メンバーズ賞

【審査員特別賞】
 森雅秀賞
最終ノミネート20作品に対し
 て賞が19もある。

・・・・・これは!!!
審査発表
WEB+DB PRESS賞
          Hoolegan(フーレガン)
ガイアックス賞
          Agile Tracker
クロコス賞
          ソージャ!ソージャ!
コムニコ賞
          Voicepic
サノウラボ賞
 Voicepic
電通レイザーフィッシュ賞
                                     アトラクティビティの部




                                                                                      ゼンリンデータコム賞




                                                                                                                                                                                                            総計
                     WEB+DB PRESS賞




                                                                                                                                                                               日経ソフトウエア賞
                                                                                                   ソーシャル性の部
                                                   ガイアックス賞




                                                                                                                                                                                           発展可能性の部
                                                                             サノウラボ賞




                                                                                                              メンバーズ賞
                                                             クロコス賞
                                                                     コムニコ賞




                                                                                                                       新規性の部


                                                                                                                                      操作性の部
                                                                                                                               森雅秀賞




                                                                                                                                                                                                     翔泳社賞
                                                                                                                                                    第2位
                                                                                                                                              第1位


                                                                                                                                                          第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ストアアプリ
Windows8の機能と用語
スタート画面    デスクトップ
タイル
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アプリ登録時に払いだされたID
para.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を使ってユーザ情報を取得する
// FQL
var 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:
Google先生お願いします。


The app has declared access to network capabilities and
no privacy statement was provided in the Windows
Settings Charm


                        アプリはネットワーク機能へのアクセスを宣言し、全く
                        のプライバシーに関する声明は、Windowsの設定チャー
                        ムで提供されていない
「Windowsストアアプリはインターネットに
アクセスするアプリは必ずプライバシーポリシーへの
    リンクを設けなければいけない。」
Google先生お願いします。


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

                         このアプリでスナップされたビューを使用する場合、ア
                         プリを再確認するときには、私たちのレビューアが不安
                         定になる問題を観察した。スナップされたビューの詳細
                         については、ここで見つけることができます:




   スナップ?
スナップを出した時に不具合がありました。
(アプリが落ちる)




  スナップ対応完了!
そして再申請
認定された\(^o^)/
まとめ
アカウントの移行は結構ややこしい。

ネットワークを使うアプリはプライバシーポリシーは必須。

Facebookアプリの時にはアプリを確認出来るユーザもお忘れなく。

スナップは、使わなくても実装が必要。
面倒だったら、サイズを合わせた画像でOK!
宣伝




https://www.wantedly.com/projects/1615
ご静聴ありがとうございました。

More Related Content

Viewers also liked

General Continuous Delivery for Agile Practitioners Meetup May 2014
General Continuous Delivery for Agile Practitioners Meetup May 2014General Continuous Delivery for Agile Practitioners Meetup May 2014
General Continuous Delivery for Agile Practitioners Meetup May 2014
Chris Hilton
 
Crowd computing y las intercc
Crowd computing y las interccCrowd computing y las intercc
Crowd computing y las intercc
Juan Pablo Gomez
 
Complications of diabetes
Complications of diabetesComplications of diabetes
Complications of diabetes
helix1661
 
Tips for healthy lifestyle for men
Tips for healthy lifestyle for menTips for healthy lifestyle for men
Tips for healthy lifestyle for men
helix1661
 
Beyond Continuous Delivery at DevOpsDays Rome 2012
Beyond Continuous Delivery at DevOpsDays Rome 2012Beyond Continuous Delivery at DevOpsDays Rome 2012
Beyond Continuous Delivery at DevOpsDays Rome 2012
Chris Hilton
 
Plant sterols are good for you
Plant sterols are good for youPlant sterols are good for you
Plant sterols are good for you
helix1661
 
Cacao polyphenols
Cacao polyphenolsCacao polyphenols
Cacao polyphenols
helix1661
 
Alcohol awareness
Alcohol awareness Alcohol awareness
Alcohol awareness
helix1661
 
Metabolic syndrome
Metabolic syndromeMetabolic syndrome
Metabolic syndrome
helix1661
 

Viewers also liked (9)

General Continuous Delivery for Agile Practitioners Meetup May 2014
General Continuous Delivery for Agile Practitioners Meetup May 2014General Continuous Delivery for Agile Practitioners Meetup May 2014
General Continuous Delivery for Agile Practitioners Meetup May 2014
 
Crowd computing y las intercc
Crowd computing y las interccCrowd computing y las intercc
Crowd computing y las intercc
 
Complications of diabetes
Complications of diabetesComplications of diabetes
Complications of diabetes
 
Tips for healthy lifestyle for men
Tips for healthy lifestyle for menTips for healthy lifestyle for men
Tips for healthy lifestyle for men
 
Beyond Continuous Delivery at DevOpsDays Rome 2012
Beyond Continuous Delivery at DevOpsDays Rome 2012Beyond Continuous Delivery at DevOpsDays Rome 2012
Beyond Continuous Delivery at DevOpsDays Rome 2012
 
Plant sterols are good for you
Plant sterols are good for youPlant sterols are good for you
Plant sterols are good for you
 
Cacao polyphenols
Cacao polyphenolsCacao polyphenols
Cacao polyphenols
 
Alcohol awareness
Alcohol awareness Alcohol awareness
Alcohol awareness
 
Metabolic syndrome
Metabolic syndromeMetabolic syndrome
Metabolic syndrome
 

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