FaceBookのプロフィール写真(アイコン)をHTMLで簡単に表示させる方法


こんにちは、fujinyoです。
今年に入って、FaceBook関連のアプリを3つぐらい作ってます。

大きなサイトのAPIを叩いて、投稿や画像を引っ張ってきてごにょごにょするのは中々に楽しいです。
ただ、あんまり頭の中がAPIに縛られると簡単な事でも難しく面倒な処理を書いてしまいがちです。

ある投稿にコメントした人のアイコン画像を表示する

例えば、自分のFaceBook上の投稿をPHPからFaceBookのAPIを叩いて取得します。
取得結果は配列として返ってきます。

その中の[‘comments’][‘data’][‘from’]という所にコメントした人の名前とIDが入っています。
このIDで、またAPIを叩けばユーザーの情報(アイコン画像)が取得できる、あはは~。と思ってたんですが、そんな面倒な事しなくて良かったんです。

実は、とても便利な方法があります。
以下のように記述しましょう。PHPではなくHTMLです。

<img src="https://graph.facebook.com/ユーザーID/picture" />

たったこれだけで、画像が表示されます。
こんな感じ。

fujinyoのアイコン

とっても簡単です。実際にはAPIを呼び出しているわけですが、PHPでごにょごにょする必要がないのでお手軽です。
これを使えば、投稿情報さえAPIを叩いて取得しておけばその情報に紐付いたコメントユーザーやいいねユーザーのIDは取得できていますので簡単にアイコン+名前が表示できますね。

では、また。

[PR] 「結さん」があなたに代わって開発案件の依頼主を探します

  • 「既存のクライアントにギャラアップは言いにくい」
  • 「営業活動する時間がないし、苦手」
  • 「仕事が途切れたらどうしよう」

ITエンジニアのこんな悩みを「結さん」が解決してくれます
結さんへの無料会員登録後は提案メールを待つだけです!

関連記事