Facebook、twitter、mixiのAPIでプロフィール画像を取得する方法&大きさまとめ

baby  

こんにちは、
先週末の久々のフットサルで未だ筋肉痛が“ぱない”山本です。

さて・・・

うちのサービスのベビシェアでは各ソーシャルでログイン可能かつ
プロフィール画像も自由に選ぶことが可能です。

プロフィール画像を自由に選べる!

で、それを実装しているときに各ソーシャルの画像の大きさ(特に縦横比)が
微妙に異なって困ったことがありました。

ですので、今回Facebook、twitter、mixiでひっぱってこれる
プロフィール画像の取得方法と大きさをまとめてみました!

 
 

■1.Facebookの場合

1-1.取得方法


https://graph.facebook.com/[id]/picture

上記[id]にユーザIDなどを入れるだけです。
 
例:人物
https://graph.facebook.com/ryuichisakamoto/picture

 
人物だけでなくファンページやFacebookアプリなどすべてのオブジェクトに対しても有効です。

例:
イベント: http://graph.facebook.com/331218348435/picture
グループ: http://graph.facebook.com/69048030774/picture
ファンページ(ベビシェア):https://graph.facebook.com/babyshare/picture
Facebookアプリ:https://graph.facebook.com/2318966938/picture
フォトアルバム: http://graph.facebook.com/platform/picture
 
 

1-2.画像の大きさ(縦横サイズ)

パラーメーターに type を指定することで4種類の画像サイズを指定できます。
 

https://graph.facebook.com/ryuichisakamoto/picture
デフォルト(パラメータなし):50 × 50px の正方形
 

https://graph.facebook.com/ryuichisakamoto/picture?type=square
50 × 50px の正方形
 

https://graph.facebook.com/ryuichisakamoto/picture?type=small
横 50px、縦は比率を保った長さ(この場合 66px)
 

https://graph.facebook.com/ryuichisakamoto/picture?type=normal
横 100px、縦は比率を保った長さ(この場合 133px)
 

https://graph.facebook.com/ryuichisakamoto/picture?type=large
横 200px、縦は比率を保った長さ(この場合 266px)
 
 

1-3.Facebook参考

Graph API / Facebook Developer
http://developers.facebook.com/docs/reference/api/

Graph API / Facebook開発者向けドキュメントの日本語訳とTips
http://facebook-docs.oklahome.net/archives/51906043.html
 
 
 

■2.twitterの場合

2-1.取得方法


http://api.twitter.com/1/users/profile_image/screen_name=[screen_name]

上記[screen_name]にユーザIDを入れるだけです。
 
例:
http://api.twitter.com/1/users/profile_image?screen_name=ryuichisakamoto
 
 

2-2.画像の大きさ(縦横サイズ)

パラーメーターに size を指定することで4種類の画像サイズを指定できます。
 

http://api.twitter.com/1/users/profile_image?screen_name=ryuichisakamoto
デフォルト(パラメータなし):48 × 48px の正方形
 

http://api.twitter.com/1/users/profile_image?screen_name=ryuichisakamoto&size=mini
24 × 24px の正方形
 

http://api.twitter.com/1/users/profile_image?screen_name=ryuichisakamoto&size=normal
48 × 48px の正方形
 

http://api.twitter.com/1/users/profile_image?screen_name=ryuichisakamoto&size=bigger
73 × 73px の正方形
 

http://api.twitter.com/1/users/profile_image?screen_name=ryuichisakamoto&size=original
オリジナルの大きさ(この場合 320 × 212px)
 
 

2-3.twitter参考

GET users/profile_image/:screen_name | Twitter Developers
https://dev.twitter.com/docs/api/1/get/users/profile_image/:screen_name
 
 
 

■3.mixiの場合

3-1.取得方法

mixiの場合は、きちんと認証手続きやらないと無理なのでここでは割愛します・・・すいません(‘A`)
 

3-2.画像の大きさ(縦横サイズ)

mixiの場合は1種類のみで、オリジナルのサイズの画像を引っ張ってきます。
そのオリジナルのサイズですが、mixiでアップロード時に長辺180pxにリサイズされるようです。

つまり縦長の画像をアップしたら、横は比率を保った長さ × 縦180px
横長の画像をアップしたら、横180px × 縦は比率を保った長さ になります。

 
例:アジケ(坂本龍一なかった・・・orz)


http://profile.img.mixi.jp/photo/member/62/59/33516259_2290960336.jpg


http://profile.img.mixi.jp/photo/member/62/59/33516259_319186887842.jpg

 
 

3-3.mixi参考

認証認可手順 / mixi Developer Center (ミクシィ デベロッパーセンター)
http://developer.mixi.co.jp/connect/mixi_graph_api/api_auth/

People API / mixi Developer Center (ミクシィ デベロッパーセンター)
http://developer.mixi.co.jp/connect/mixi_graph_api/mixi_io_spec_top/people-api/

 
 
 
以上

是非参考いただければ。

では!

山本
(ちなみに坂本龍一さんを選んだ理由はないです・・・)

Read More →

【mixi Graph API】リフレッシュトークンの有効期限がいつのまにか変更になっていた件

logo  

こんにちは、山本です。
 
今日も「mixi Graph API」ネタで。

mixi Graph API にリフレッシュトークンというものがあります。
twitterなどでいうアクセストークンみたいなものですね。

で、そのリフレッシュトークンなのですが有効期限というものがあって、以前はドキュメントに以下の様に記述されていました。

「常に同意する」がチェックされた場合: 最後にAPIアクセスされたときから約3ヶ月間
「常に同意する」がチェックされなかった場合: 約6時間

 

でも、いつのまにかユーザー側で「常に同意する」を選択する部分がなくなっていて、気付いたら上記ドキュメントの記述もなくなっていたんです。(2011/9/10ぐらい)
 
で、調べててよくわからなかったので、またまた思い切って問い合わせてみました(;^ω^)
その回答が以下です。

> 1.いつ変更されたのか

こちら先月末辺りに変更させていただきました。
(山本補足:メールは9月半ばに送ったので8月末あたりに変更されてたという事ですね。)
 

> 2.リフレッシュトークン有効期限はどのぐらいになったのか

今後、同意したユーザーについては全て3か月+α有効なリフレッシュトークンが付与されます。
 

> 3.現在ユーザが「常に同意する」をチェックする仕様がないが
>   今後も一定期間の期限になるのか

上記の通りです、割愛させていただきます。
 

> 4.このような仕様変更は通知があったのか

恐れ入りますが、当仕様変更については特に通知させていただいておりません。
何卒ご理解いただければ幸いでございます。
 

本件、ご回答差し上げた内容は現時点での規定に則っております。
今後、規約、ガイドライン、仕様等の変更により回答内容が変更される場合がご
ざいますこと事前にご了承ください。

  
特に通知なしで仕様変わるなんて・・・おそるべしAPI・・・

最近本当にいろんなところのAPIを弄ることがあるのですが、急に仕様が変わったりすると開発者は本当に困りますよね…(;´Д`)

しかも上記仕様もまた変わる可能性があるので、やはり公式ドキュメントはしっかりチェックしておかないと危険ですね。。。

ってことでみなさんもAPI仕様変更には十分に気をつけましょう。

では!

山本

Read More →

【mixi Graph API】mixiボイスのタイムラインをサイトに表示していいのか?

logo  

こんにちは、山本です。
 
今日は、先日いよいよ公開したベビシェア!!の制作中にちょっと悩んだ件について書こうと思います。

 
ベビシェアに登録してくれたユーザはそれぞれプロフィールページというのがあります。

プロフィールページ
https://www.babyshare.jp/users/153872

会員登録してくれたユーザのプロフィールや出品中のセット、今までの履歴などをみることができます。
 
で、そのプロフィールページにソーシャル(mixi,twitter,facebook)のタイムラインを表示することができる機能をつけようと思っていました。

 

 
 
mixiの場合はmixiボイス
twitterの場合はタイムライン
facebookの場合はフィードを表示しようかと。
 
が、mixiについては結構ガイドライン厳しいので表示できるかなぁ・・と悩んでました。

結局ガイドラインを見てもよくわからなかったので
思い切って問い合わせてみました。
 

mixi Connectガイドラインについて質問があります。

弊社作成するWEBサービスサイトにて
mixi Connectを利用させていただこうと思っております。

その中で以下のことをやりたいと思っております。

1.ユーザーAが認証を行い、弊社サービスがアクセストークンを入手する
2.そのアクセストークンを利用して、ユーザーAのつぶやき一覧を取得(r_voice)
3.そのつぶやきをユーザーAのプロフィールページ(例:http://www.dummy.com/userA)に表示する
  (twitterのタイムラインのように。)
4.第三者はユーザーAのプロフィールページ(例:http://www.dummy.com/userA)にアクセスができてつぶやき一覧を見ることが出来る。

上記を行う際、ユーザーAの許可を得れば表示しても問題ないのでしょうか

 
その結果が以下です。
 

お問い合わせいただきまして、誠にありがとうございます。
 
お問い合わせ頂いた内容での実装の仕方は、
お控頂きますようお願いしております。
 
認証者本人のつぶやき情報が第三者に公開されることは、
弊社のガイドライン上禁止されているためです。
 
認証して取得した情報の保存、公開に関しましては、
以下の通りに規定させて頂いております。
 
詳しくは、下記URLの「5.データの取り扱い」や、
http://developer.mixi.co.jp/connect/term/guideline_of_mixi_connect/
 
合わせて下記URLをご参考下さい。
http://developer.mixi.co.jp/connect/term/guideline_of_mixi_connect/codicil_of_term_1/
 
よろしくお願い致します。
 
 
本件、ご回答差し上げた内容は現時点での規定に則っております。
今後、規約、ガイドライン、仕様等の変更により回答内容が変更される場合がご
ざいますこと事前にご了承ください。
どうぞよろしくお願いいたします。

 
 
で、結局できなかったんです・・・
 
まぁ確かにクローズドなmixiの場合、
第三者が友人でない人のボイスを見ることができるというのはおかしいですかね・・・

残念!!
 
 
ということで今回はmixiAPIのケースでしたが・・・
 
最近いろいろなソーシャルとの連携するサービス、お仕事が増えてきていて、
 
・何を取得していいのか
・何を表示していいのか
・何をDBに保存していいのか
 
というあたりがソーシャルによって規約が異なります。

結構制作者を悩ませる難しい問題かと思います。

でもその当たりを曖昧にして実装してしまうと
最悪APIアカウント停止でサービス完全停止!!
なんてこともありますので気をつけたいものです。。。
 
上記何かの参考になれば。

では!!

山本

Read More →