インスタグラムの投稿写真をHTMLに取り込んでみた

インスタグラムのAPIを使って、投稿写真を取得してみました。

まず、インスタグラムのアカウントを作り、写真を投稿します。

続いて、Facebookのアカウントからアクセストークンを取得し、Jsonデータを取得します。

取得したデータをjQueryでHTMLに埋め込みます。

余談ですが、左下の本の写真を文字に埋め込んでタイトルにしています。

同じ要領で、BASEなどのHTMLを自分で編集できるプラットフォームにインスタグラムのタイムラインを表示することも可能です。

自分でサーバーを立ち上げなくても利用できるサービスは写真を保存するのに苦労しますが、インスタグラムにおいておけばいろいろなことに使えそうですね。