いつかエンジニアになりたい

Nothing is too late to start

InstagramAPIを利用して特定のユーザの最新画像を表示する iPhoneアプリを作成①

InstagramAPIを利用して特定のユーザの最新画像を表示するiPhoneアプリを作成してみた。

InstagramAPIを利用するためにクライアントIDを取得

InstagramAPIを利用するためにまず、http://instagram.com/developer/ にアクセス。
アプリケーション登録を行って、クライアントIDを取得する。

f:id:berukann:20130612011546p:plain

登録方法の詳細については、わかりやすいページが既に多数あるため割愛。
Instagram APIからデータをもってくる | フローズンブラウニー

WEBSITEなどは適当にlocalhostで登録し、以下の様にクライアントIDを取得。

f:id:berukann:20130612012411p:plain

最新画像を取得する特定のユーザを決定

適当にInstagramをやっている特定のユーザを探す。
自分の場合、インスタグラム(Instagram)【芸能人・著名人100人】 - NAVER まとめ より、一番上にあったきゃりーぱみゅぱみゅさんに決定。

特定のユーザの最新の投稿をもってくるURLを取得

自分の場合、きゃりーぱみゅぱみゅさんのUSERIDを探す。
先ほどのInstagram Developerページに戻り、左横のAPIコンソールをクリック。
API実行にユーザ認証が必要なため、Authentication->OAuth2をクリック。

f:id:berukann:20130612013543p:plain

Sign in with instagram をクリック。

f:id:berukann:20130612013552p:plain

Authenticationのところに、 Instagram-AuthenticatedUserと表示されていることを
確認し、ユーザを検索する user/search をクリック。

f:id:berukann:20130612013559p:plain

Parameter=qのValueに検索したいユーザ名(例:kyarypamyupamyu)を入力し、
右上の Send をクリック。

f:id:berukann:20130612013606p:plain

そうすると以下のように、HTTP/1.1 200 OKとなっていたら成功。
出力された結果から、ユーザのIDを探す。

f:id:berukann:20130612013612p:plain

きゃりーぱみゅぱみゅさんのUSERIDが「16213907」であることがわかった。
先ほどの同様に、users/{user-id}/media/recent に
user-idのvalueを先ほどのIDを入力したURLが、最新の投稿を持ってくるURLになる。
自分の場合は以下のURL。
https://api.instagram.com/v1/users/16213907/media/recent

次回は、最新の投稿を持ってくるURLを用いて、
iPhoneアプリに表示する部分を説明する。

以上