東京のWeb制作会社LIGLIGならできるおもしろいこと。フロントエンドシェア冬が大好き、フロントエンドエンジニアのハルです。暑いのもうんざりしています。冬の寒さのなか、あったかい暖房の部屋でぬくぬくしたいです。APIのサンドボックスモード(開発モード)のアクセストークンの取得と、簡単な使用例を紹介したいと思います。今回想定する使用シーンは、自分のサイトに、自分が使っているアカウントの最新投稿写真を取得したいとき。この記事では、そのために必要なアクセストークンの取得方法を中心に紹介していきます(実際に写真を取得するphpのコードはおまけ程度になります)。今回想定しているようなシーンであれば、サンドボックスモードの範囲で行うことができます。サンドボックスモードの制限については公式のドキュメントをご覧ください。https://www.instagram.com/developer/sandbox/サンドボックスモードの範囲を超えるものは、審査を申請する必要があります(こちらの手順はこの記事では説明しません)。最後にInstagram開発者ページにアクセスまず、開発者ページにアクセスします。https://www.instagram.com/developer/ログインをしていない場合、右上の『ログイン』からログインします。ユーザー名・パスワードの入力画面に遷移します。入力後『ログイン』ボタンを押します。正常にログインが行えたら、先ほどの開発者ページに戻ります。Clients』を押します。サイト・電話番号・APIの使用用途の説明を入力します。up』をクリックします。Client』をクリックします。クライアントIDの登録画面に遷移します。ID』ページで各項目を入力し、送信します。確認リダイレクト先のURL(今回の場合、サイトのURLで問題ありません。...』と表示されます。Clients』を選択し、『MANAGE』をクリックすることで同じ画面に遷移します)。『Security』タブを選択肢項目を切り替えます。OAuth』のチェックを外しておきます。URI】の部分にリダイレクトURIを書き換えてブラウザでアクセスします。URI】&response_type=tokenすると画像のような画面が表示されるので、『Authorize』のボタンをクリックします。リダイレクトで遷移した先のアドレス(ブラウザのアドレスバーに表示されているアドレス)が、下記のようになります。URI】が「https://hoge.dev/」の場合https://hoge.dev/#access_token=【アクセストークンの文字列】のようになっているので、【アクセストークンの文字列】の長めの文字がアクセストークンです。こちらを控えておいてください。簡単にphpの例を紹介phpでの投稿取得方法を簡単に紹介します。今回は自分の最新投稿を取得するので、エンドポイントはusers/self/media/recent/を使います。公式の紹介ページは下記URLです。?></p></a><?php}?>先ほど控えておいたアクセストークンを`$access_token`に代入してあげます。連結させたURLを使い、file_get_contentsでjsonが取得できるので、json_decodeを行いphpで扱いやすいように配列に変換し、必要な情報を選択肢出力します。あとはCSSで装飾をします(CSSも今回はメインではないので説明は省略します)。最後に写真の投稿に位置情報が設定されていれば取得ができるので、グーグルマップとも連携したりできるのかな、と考えたら、その使用用途の多さにワクワクしました。遷移順序が変わったりしているようなので、今回は、現時点のものを紹介しました。参考になればと思います。POSTLIGへの自由なメッセージお待ちしています頂いたご意見への回答は行っておりません。