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
The Madness of Multiple Gemini CLIs Developing Simultaneously with Jujutsu
gunta
1
2.8k
経験がないことを言い訳にしない、 AI時代の他領域への染み出し方
parayama0625
0
260
Power Automate のパフォーマンス改善レシピ / Power Automate Performance Improvement Recipes
karamem0
0
270
「AI駆動開発」のボトルネック『言語化』を効率化するには
taniiicom
1
210
手動からの解放!!Strands Agents で実現する総合テスト自動化
ideaws
3
390
AI エンジニアの立場からみた、AI コーディング時代の開発の品質向上の取り組みと妄想
soh9834
8
590
Shadow DOM & Security - Exploring the boundary between light and shadow
masatokinugawa
0
760
会社もクラウドも違うけど 通じたコスト削減テクニック/Cost optimization strategies effective regardless of company or cloud provider
aeonpeople
2
370
生成AIを活用した野球データ分析 - メジャーリーグ編 / Baseball Analytics for Gen AI
shinyorke
PRO
1
220
株式会社島津製作所_研究開発(集団協業と知的生産)の現場を支える、OSS知識基盤システムの導入
akahane92
1
1.3k
激動の時代、新卒エンジニアはAIツールにどう向き合うか。 [LayerX Bet AI Day Countdown LT Day1 ツールの選択]
tak848
0
610
隙間時間で爆速開発! Claude Code × Vibe Coding で作るマニュアル自動生成サービス
akitomonam
2
200
Featured
See All Featured
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
850
How GitHub (no longer) Works
holman
314
140k
Making the Leap to Tech Lead
cromwellryan
134
9.4k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
138
34k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
21
1.4k
The Straight Up "How To Draw Better" Workshop
denniskardys
235
140k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Balancing Empowerment & Direction
lara
1
510
The Cult of Friendly URLs
andyhume
79
6.5k
Making Projects Easy
brettharned
117
6.3k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
54k
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
これを受け取る設定にしておきましょう。
ご清聴 ありがとうございました