Facebook

Facebook Night Vol.8に参加してきました!

当日のUstはこちら→http://www.ustream.tv/recorded/24212942 ◯公開されている資料
面白法人カヤック HTMLファイ部所属 溝上篤司様
個人でFBアプリを作るメリットとよくある詰まりそうな箇所
スライド内「SearchWall」
ソースコード→https://github.com/AtsushiM/Facebook-WallSearch

以下お話を聞きながら取ったメモです。全て網羅出来ていません。
詳細まで知りたい方はUstでご覧ください。

ビルコム株式会社 ビルコム株式会社 竹馬 力様

Twitter:@tchikuba
Facebook:https://www.facebook.com/tchikuba

今回話すこと:
Facebookアプリ開発の成功要因・考えを話す

◯テーマ
・Facebookの今までの対応
・開発プロセス(PHP)
・苦労話
・新サービスの紹介
・まとめ

ReBuyというFacebook上にショップをもてるサービスを開発
→ReBuy(http://www.rebuy.jp/)

◯開発環境
サーバー:niftycloudでLAMP+nginx
フレームワーク:zend,jquery(mobile)
SCM,BTS: Subversion, Backlog
CI: capistrano+jenkins

◯FB関連対応の紹介
■ OAuth2.0認証への対応
■ オープングラフ対応

・OAuth2.0への対応
req_permsがscopeへの変更
javascript SDK scopeへ変更

・オープングラフ対応
AppNamespace を設定する
ActionsとObjectsを設定

ツール→Debugger でOGP設定などの確認が出来る
Facebook Debugger(https://developers.facebook.com/tools/debug)

◯FBアプリ開発上のTips
nginxは静的ファイル, apacheは動的コンテンツを返すようにした
apacheにmod_rpafを追加してIPアドレスを取得・ログに

Capistrano
Rails発祥
面倒なリリース作業を1コマンドでリリース完了するツール
PHPプロジェクトでもデプロイを自動化

PHPUnit
テストは極力自動化
・単体試験PHPUnit
・結合試験:Selenium
・ユーザーテスト:仕様確認

Jenkins
構築中。Phing連携で構築中

Backlogの有料版利用

◯苦労話
途中でPHP-SDKを変更
ReBuyで作ったボタンにFB.uiのコールバックがFacebookのバグで消えた

◯まとめ
FB仕様変更への最終兵器
FBドキュメントへの最終兵器

最終兵器
リーンスタートアップ
リーン開発

開発チームの国際化
開発チームの多様性
・インド法人を立ち上げた!

ザワット株式会社 鈴木 伸明様

ウィッシュスコープの裏側全部見せます!!
Twitter:@nobuakysuzuky
Facebook: https://www.facebook.com/nobuakysuzuky

wishscope(http://www.wishscope.com/)開発

◯開発環境
linux/apache/mysql/php

・iPhoneアプリ
objective-c

・Android
java

AWSの使用

◯smartphoneは大変(Webアプリ)
スマホユーザーはネイティブアプリの体験を元にサービスの良し悪しを判断しているため、なかなか難しい。

・転送量の削減
html,css,javascriptをミニファイド+gzip
html5のlocal database,cache manifestを有効活用

・httpリクエストの削減
css,javascriptなどの外部ファイルをまとめる
画像ファイルをbase64化しcssとして持たせる

・表示遅延を起こしやすいjavascriptのDOM操作による画面表示を廃止
・javascriptの利用範囲をユーザトリガーのアクションに限定

表示動作速度 ネイティブ>Web
仕様変更速度 ネイティブアプリ<Web
Webアプリとの整合性の担保が難しい
アプリのバージョンアップをしてくれない
→ネイティブアプリのバージョンごとにAPIの管理をする必要がありコストがかかる
なのでまずはWeb版で実験。半年間テストをしてネイティブアプリとしてリリースした

◯高負荷対策
1,同時リクエスト数の見積り
過去の露出実績から同時リクエスト数を想定

2.サービスの特性把握
サービスで主要な3つのアクションを選定
→全てのAPIが使われることはないので限定して選定

3,負荷試験実施
1で想定している同時リクエスト数を2のアクション1つずつに対して行う

4,ボトルネックの特定とチューニング
ブレークポイントを設けることでボトルネックを効率的に把握出来る
ミドルウェアの設定チューニング、プログラムのチューニング、SQLチューニング
→1インスタンスで想定したリクエスト数をさばけるかどうかのテスト

5,インフラ構成を決定

6,サーバリプレイス

◯高負荷対策、その前に

・mysqlのslow query logが出力されるように設定をする
・apacheのlogformatに%tが出力されるように設定する
→高負荷対策を剃る前にまずはここを見直す

iOSアプリディベロッパー、Windows8アプリディベロッパー募集中!!
2012年9月第2回ハッカー道場開催予定

◯Tips
良質なFacebookアプリはFacebookアプリケーションマーケットApp CenterにFacebook公認で掲載される

OpenGraphでネイティブアプリから「いいね」の実行が可能に。

モバイルとの連動がよい
・RequestDialog
Push通知で通知→Facebookを開いてアプリをインストール出来る

・OpenGraph
タイムラインでOGのフィードをタップ
アプリのインストール画面へ

iOSやAndroidのネイティブアプリはSSOを利用すべき

ここらでメモ力尽きましたw
これ以降のお話を聞きたい方はUstで!(http://www.ustream.tv/recorded/24212942)

とても参考になるお話、ありがとうございました!!
個人的にはWebアプリでどう対策すべきか、の部分はとても参考になりました。

まだまだ新米エンジニアですが頑張っていこうと思えました!

何か問題や質問等あれば以下のコメント欄、またはリプライ(@DAI199)までお願いします。

Read more

facebook logo

毎週Facebookの変更点やニュース、コラムをまとめて配信します。
今週は15個の記事を紹介!
記事は上から時系列順になっています。今週のFacebookを振り返ってみましょう!

Facebook変更点・ニュース 5件

オンライン銀行市場を狙う?フェイスブック
銀行システムをFacebook上に作っているようです。

Facebook、SNSブックマークアプリのSpoolを買収
買収によるFacebookの強化は毎日のように行われていますね。

Facebook、初の検索タイプアヘッド広告「Sponsored Results」をテスト中。
広告・検索の強化はFacebookのこれからを左右するものになりそうです。

Facebook、Pinterestにそっくりな新しいストーリー表示をテスト中か
今日のブログでも取り上げた、【速報】FacebookのOGPの表示方法が変更?のニュースです。ぜひ確認を。

Facebook、Acrylic Softwareを買収–目的は人材の獲得
これも人材強化目的。

Facebook コラムまとめ 11件

ホントに思ってる? なんにでも「いいね!」を押す無思考型人間ってなんだ【SNS痛い人】
Facebookのいいねを押す意味が「読んだよ!」とか様々な意味に変わってるだけですよね。

フェイスブックのタイムライン化で終わった800億円産業:The Facebook tweak that killed a billion-dollar industry @Fortune
Facebookページのタブ、タイムライン後押されなくなったよねっていう記事。

東京都Facebook率54%の謎と本当の登録者数を推測してみた
Facebook利用率東京都高すぎじゃない?っていう疑問を解消してくれる記事。

Facebook アプリ開発で注意しておくべきこと アプリ開発者は参考にすべき記事。

ぜんぶ知ってますか?Facebookページで制限されている機能を1分でチェック!
Facebookページである条件を満たさないと使えない機能まとめ。

Facebookのフレンドの交際ステータスを一覧で把握できるサービス「RelationBook」
交際ステータスが一目でわかるサービス。

ソーシャルメディアの米国顧客満足度、「Google+」が首位、「Facebook」は低下
広告が表示されない点が満足度が高いそう。

Facebookが入試に使われる時代――「デジタルポートフォリオ」 ペーパーテストがなくなるとき、何が評価されるのか?
Facebookの個人情報ポートフォーリオが、人を評価するのに役立つという記事。

【保存版】Facebook利用規約からわかる企業が気をつけるべき10のポイント
企業様必見の記事。利用規約は常にチェックしないといけないですね。

Facebook検索のストレスを軽減する、10の検索テクニック【ガイアックス】
検索機能が弱いFacebookを補完するツールまとめ記事。

【保存版】Facebookページ インサイト 徹底活用!~実践編 押さえておきたい5つの検証ポイント~ 少しわかりづらいFacebookインサイトまとめ。

これで今週のFacebookも完璧ですね。次週もよろしくお願いします。
何かご意見・ご要望がございましたらコメント欄やリプライ(<a href="https://twitter.com/DAI199” target=_”blank” rel=”noopener noreferrer”>@DAI199)までお願いします。

Read more

Facebookを見ていて、表示部分が変わっていたので、更新します。

今Facebookを見ていると、今までPinterestなどで誰かがいいねを押したときの表示部分が変更されていました。



今までの表示方法の画像が見当たらないので比較出来ないのですが、間違いなく見やすく、いいねやコメントがしやすくなっています。

Facebookの今後の方針として、OGP部分は強化していくとおもわれるので、その一環のテスト最中なのかもしれませんね。
また何か見つけましたら速報としてお知らせします。

情報をお持ちの方がいましたらシェアしていただけると助かります。

7/22 18:37 追記
4つだとこのように表示されるようです。画像が見やすいですね。

7/22 18:50 追記
cnetにニュースがありました。7月20日には判明していた変更点だったらしいです。

Facebook、Pinterestにそっくりな新しいストーリー表示をテスト中か http://japan.cnet.com/news/service/35019435/

Read more

Facebook Pages Manager

先日、ついにFacebook Pages ManagerというiPhoneアプリが日本語化されました。

Facebook、iOS向け「Facebook Pages Manager」を刷新–日本語もサポート開始
http://japan.cnet.com/news/business/35019381/

このアプリは、iPhoneからFacebookページを管理することが出来る、というものです。

基本的な機能としては

  • Facebookページのウォールが見れる
  • コメントなどに返信が出来る
  • Facebookページに届いたメッセージに返信が出来る
  • 簡単なインサイトが見れる
  • 管理人になっているFacebookページが全て管理出来る

管理に必要な機能がひと通り揃っています。
出先でコメントやメッセージに返信する場合にとても役に立つと思います。

ただインサイトは簡易的なものであり、「いいね数」「話題数」「リーチ数」のみしか見ることが出来ないため、がっつりFacebookページを管理したい人にとっては物足りないかもしれません。

モバイルでFacebookページを見ることが少ない現状が、間違いなく今後改善されていくと思うので、そうなったときのためにも早めに情報をキャッチし、適応していくようにしましょう。

Read more

2012年7月8日〜2012年7月15日のFacebook変更点まとめです。 ※今回は日付順ではありません。次からは頑張ります!

facebook logo

Facebookページ、モバイルでタイムライン化

http://www.ikedahayato.com/index.php/archives/12469

ついにFacebookページがモバイルでもタイムラインに!モバイルでこそ真価を発揮するであろうタイムラインは期待大! Facebookページへのモバイルの流入が進めばさらにおもしろいことになること間違いなし!!

友人の結婚を見逃しにくく–Facebookが新機能を発表

http://japan.cnet.com/news/service/35019225/

ウォールだけでは結婚や婚約を見逃してしまう可能性があるため、実装された機能だそう。誕生日機能と並んで便利そう。

DeNA、モバゲーでFacebookアカウントIDと連携した認証システムを導入

http://release.nikkei.co.jp/detail.cfm?relID=313984&lindID=1

ついにソシャゲ界でもFacebookが流行る!? 個人的にはニコ動にFacebook連携があっても使わないように使わないんじゃないかなぁと思うのですがいかがでしょうか。

Continue reading Facebook変更点・ニュースまとめ 7月8日〜7月15日

Read more

Facebookにアクセスするとき、URLを打つと、

www.facebook.com

と16文字になります。
ただFacebookにはこれを省略するURLが準備?されており、それを打つと一瞬でアクセス出来ます。

アドレスバーに次の5文字を入力してアクセスしてください。

fb.com

アドレスバーに入力された5文字がリダイレクトされ、

www.facebook.com
Read more