facebook mobile hack tokyo 2012 memo

gistfile1.textile

• ファーストセッション
  • 紹介
    • Netflixのシェア事例
    • People want to talk to one another
      • sharing is a means to an end
      • the conversation is the end
      • build experiences and products which meet this need
      • sharing should be organic and natural, not incentivised
        or forced.
    • 用語
      • OpenGraph
      • Timeline
      • Ticker
    • Platformで出来る事
      • ユーザーに求める承認
        • https://developers.facebook.com/docs/authentication/pe
          rmissions/#open_graph_perms
          <https://developers.facebook.com/docs/authentication/p
          ermissions/#open_graph_perms>
        • 必要なものだけ取りましょうね。
  • SDKs Tools Graph API
    • SDKs
      • facebook-js-sdk
      • facebook-php-sdk
      • facebook-android-sdk
      • facebook-ios-sdk
      • javascript
        • fb-root必要
        • fbAsyncInitのあれ
        • コピペするのいやかもしれないけど、asyncにしたほうが効率は良いよ
      • App Manager
        • developers.facebook.com—apps
          <https://developers.facebook.com/apps>
        • Insight便利だよ
        • Editing App Settings
          • 環境ごとに設定必要だよん
          • 同じapp idでやろうぜ
        • Tools
          • https://developers.facebook.com/tools/
            <https://developers.facebook.com/tools/>
            • Graph API Explorer
            • developers.facebook.com—explorer
              <https://developers.facebook.com/tools/explore
              r>
            • まじ楽
  • Q&A
    • mobileって一言で言うけどなんなん
      • html5でもnativeでもいいよ
• 11:00 – Introduction -James, Alex
  • https://www.surveymonkey.com/s/JapanHack
    <https://www.surveymonkey.com/s/JapanHack>
• 11:30 – Mobile Platform, Best Practices, HTML5 – Matt & David
  • あらゆるデバイスでつなぐべき
  • The Guardian
    • 0から390万ユーザーへ
  • Good Reads
    • 1日のアクティブユーザーが77%増加
  • socialだけでなくopen graphを使えば成功するチャンスあるよ
  • Open Graph
    • アプリケーションの中でユーザーがどんな行動をしたかをシェアすることが可能
  • Frictionless Requests
  • Payments
    • ごいす
  • http://myfbse.com/jp/ <http://myfbse.com/jp/>
• 12:30 – Open Graph on Mobile – James
  • likes
    • 人のことが分かるようになった
  • Open Graph
    • actionをつくる
    • objectをつくる
      • 見えるurlがないとだめだよん
      • og:xxx以外にもproperty持てる
        • hoge:fugo
      • publish actionはそういうボタン作ればok
    • I18n対応は？
      • og:locale
      • og:locale:alternate
        • fb_localeパラメータ付きで再アクセスしてきてくれる。
          -
    • Read Actions
      • 他のアプリケーションでpostされたactionも読める
  • Open Graph設定
    • tags
      • 友達のid入れる
  • tips
    • scrape=trueでPOSTするとObjectのupdateをfbに通知できるので、あたらにfetchしにきてくれる。
      #fbHackTokyo
    • user_actions.music
      • 友達の音楽とかもってこれる
      • /me/music.listens
• 2:00 – Native App Development; Android & iOS – Jonathan & Wei
  • github.com/facebook/facebook-ios-sdk
  • Native iOS Appの項目に書く
  • Single Sign On
    • mobileの入力はやっかいなのでなるべくさせたくないよ
    • iOS SSO enabled
    • iPhone App Store ID
      • 承認されているapp store id
    • iOS native deep linking
      -
  • offline accessなくなるよ
    • 60日間token使える
  • FBSessionDelegate interfaceを追加する
    • 前のバージョンのSDKをサポートするため
  • AccessTokenの自動更新も対応している
  • Deep linking
• 2:45 – AudioVroom Case Study & Mobile Web Best Practices – Marcos
  Lara
  • 友達を中心にしたサイトである
  • app installするとbookmarkにでるからいいよね。
  • Responsive Design
    • どこでもちゃんと使えるデザイン！
    • 向き
    • デバイスサイズ
    • canvas内
    • tab内
      • iphoneの横向きと同じ
    • 独自ドメインからもいける
    • プレゼンテーションレイヤーをcssで！
    • デザイン要素をコンポーネントにモジュール化しよう
    • グリッドデザイン！
  • http://www.getskeleton.com/ <http://www.getskeleton.com/>
  • http://www.schillmania.com/projects/soundmanager2/
    <http://www.schillmania.com/projects/soundmanager2/>
  • http://cubiq.org/iscroll-4 <http://cubiq.org/iscroll-4>
    -
• 3:15 – Coffee break
• 3:30 – PhoneGap – TBD
  • browserとnative appのbridgeとなる
  • Write once debug everywhere
  • html5で書けばいい
  • phonegapのjsを読み込む
  • viewportの設定
    • scale1.0にするやつ
  • Media Query
    • ipadとiphoneでわけるとか
  • css, js
  • PhoneGap API
    • http://docs.phonegap.com <http://docs.phonegap.com/>
    • Sensors
    • Data
    • Events
  • Camera API demo
    • navigator.camera.getPicture(success, fail, options);
  • Facebook PhoneGap SDK
• 3:45 – “Ask Facebook” Panel Session – Q&A with all presenters
  • stagingとdevelopでは別のapp idでやっていいよ
  • deep linkはandroidではまだ対応してないよ
  • geolocationはbrowserからjsで持ってこれる
    -
• 4:30 – HACK!
  • best social app
  • best mobile game
  • best use of open graph
• 5:00 – Dinner
• 9:30 – Presentations & Awards – James
  • PinPhoto
  • 早く寝ろ
  • App Six Oh to
  • Spoterest
  • Revieat
  • お名前クイズダレカナ