Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
everevo × Open Graph
Search
Tetsuwo OISHI
August 29, 2012
Technology
1
100
everevo × Open Graph
Facebook Night vol.4 での 10 分間の Lightning Talk で発表した内容です。
初の登壇だったため、色々クオリティが低いです。
Tetsuwo OISHI
August 29, 2012
Tweet
Share
Other Decks in Technology
See All in Technology
[Codex Meetup Japan #1] Codex-Powered Mobile Apps Development
korodroid
2
1k
あなたの知らない Linuxカーネル脆弱性の世界
recruitengineers
PRO
3
120
Zephyr(RTOS)にEdge AIを組み込んでみた話
iotengineer22
0
220
フレームワークを意識させないワークショップづくり
keigosuda
0
220
ビズリーチ求職者検索におけるPLMとLLMの活用 / Search Engineering MEET UP_2-1
visional_engineering_and_design
1
180
Click A, Buy B: Rethinking Conversion Attribution in ECommerce Recommendations
lycorptech_jp
PRO
0
110
会社を支える Pythonという言語戦略 ~なぜPythonを主要言語にしているのか?~
curekoshimizu
1
160
[VPoE Global Summit] サービスレベル目標による信頼性への投資最適化
satos
0
190
WEBサービスを成り立たせるAWSサービス
takano0131
1
190
Databricks AI/BI Genie の「値ディクショナリー」をAmazonの奥地(S3)まで見に行く
kameitomohiro
1
340
Digitization部 紹介資料
sansan33
PRO
1
5.6k
ハノーファーメッセ2025で見た生成AI活用ユースケース.pdf
hamadakoji
0
170
Featured
See All Featured
Six Lessons from altMBA
skipperchong
29
4k
The Cost Of JavaScript in 2023
addyosmani
55
9k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
36
6.1k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Embracing the Ebb and Flow
colly
88
4.9k
KATA
mclloyd
PRO
32
15k
Side Projects
sachag
455
43k
Producing Creativity
orderedlist
PRO
347
40k
Thoughts on Productivity
jonyablonski
70
4.9k
Building Adaptive Systems
keathley
44
2.8k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.7k
Making Projects Easy
brettharned
120
6.4k
Transcript
× Open Graph @ Facebook Night vol.4 by Tetsuwo OISHI
Netsket Inc. - CTO
目次 1. Netsket Inc. ? 2. everevo ? 3. Open
Graph ACTION + OBJECT 4. JavaScript のみで Open Graph アプリを作る 5. Facebook Developers Tips
Netsket Inc. ?
ネットの助っ人 • 受託開発 • 6名(内5名エンジニア) そんな Netsket ですが...
受託開発を止める宣言 弊社社長 芥川 武 2011年2月
続きは WEB で !!! Netsket 検索 www.netsket.com
?
Event Revolution ... Eve...? Revo...? ...?
!!!
• イベントの告知ページ作成 • 告知ページへの集客 • チケット販売・管理 • 参加者管理(連絡など) • フォローした人の主催・参加する
イベント情報を受け取る Social Ti cketing Service
イベントの成長プロセスも含め サポートするイベントサービス everevo は何を目指すのか?
続きは WEB で !!! everevo 検索 everevo.com
Open Graph ACTION + OBJECT
like http://~ USER "Open Graph" Before Update
"Open Graph" After Update Source : Open Graph - Facebook
Developers https://developers.facebook.com/docs/opengraph/
USER + + event.title attend view Example for everevo
USER + + pin.title pin like comment USER + +
pinner.title follow Example for Pinterest
まあ言葉で説明しても アレなので。
JavaScript のみで とりあえず動く Open Graph アプリを 作ってみましょう (作業時間5~10分)
流れ 1. どんなアプリにするか 2. アプリ新規登録 3. 基本設定 / 認証ダイアログ設定 /
詳細設定 4. Action / Object / Aggregations 設定 5. HTML / JavaScript コーディング 6. 確認
どんなアプリにするか アプリ名 Test Sound アプリ名前空間 test-sound ACTION listen OBJECT music
音楽系のアプリと仮定して...
App > Create New App
App > Settings > Auth Dialog User & Friend Permissions
に publish_actions を 入力してください。
App > Settings > Advanced (1) Action は本番アプリで使用する場合、審査を通ら なければ使えません。しかし、Sandbox Mode
を "有効" することで使うことができます。
App > Settings > Advanced (2) Enhanced Auth Dialog を
"有効" します。
App > Open Graph > Getting Started
App > Open Graph > Action Type: Listen Caption には
OGP のプロパティが使用できます。 {music.description} = og:description Using Text Template : https://developers.facebook.com/docs/opengraph/template/
HTML を貼り付ける Open Graph ダッシュボードから対象オブジェクト の "Get Code" をクリックすると上記のダイアログ が出現します。
JavaScript からアクションを投稿 Facebook JavaScript SDK FB.api( '/me/test-sound:listen', 'post', { music:
location.href }, function (response) { console.log(response); } );
動かしてみると... こんな感じになれば OK です。あとはご自身の Web サービスでどのように組み込むかを考えれば 実装自体はそこまで難しくありません。
ブログでもほぼ同じ内容を公開してます http://j.mp/everevo-opengraph 5~10分くらいで出来ると思うので、 帰ったら是非試してみてください
Facebook Developers の設定から メール購読設定 (Email Subscription Settings) Facebook Developers Tips
これを受け取る設定にしておきましょう。
ご清聴 ありがとうございました