制作知識(2019年6月追記)こちらの記事の続編となるものを書きました。14:33先日Instagramから突然メールが届きました。Instagramからメールがくるなんてあまりないな思い、中身を確認してみたところ、以下のような内容が記述されていました。要するに、以前は2018年7月31日と12月11日に廃止をすると予告していたAPIの機能を、もう使えなくしてしまいましたよ、というお知らせの内容でした。なんという衝撃・・・僕はそもそも、以前Instagramが上記のようなお知らせをしていたことも追えていなかったのが正直なところなのですが、元々決まっていた機能廃止の日程を早めたということで、なんとも急な話だなと思ったものです。それはともかく、急なお知らせにびっくりした僕は、実際に僕がこれまで制作したWebサイトを調べてみました。APIを使ってWebサイト上にInstagramの写真データを表示していたWebサイトのいくつかにおいて、Instagramの写真が表示されなくなってしまったWebサイトがあったのです!Twitterでも、反響の大きさを示すように、関連のツイートがたくさん呟かれておりました。APIの仕様変更で、できなくなったこと・今後できなくなることInstagramの写真を直接Webサイトに表示させている方も多いのではないかと思います。表示させる方法としては、JavaScriptやPHPのプログラムを使ってInstagramのデータを直接取得し表示をする。Feed)などを使ってInstagramの写真を表示する以上のような方法がありました。APIを使ってできなくなったこと・そして今後できなくなることについてまとめてみます。APIを使ってできなくなったことはたくさんあるのですが、まずあげられるのが「他のユーザーのInstagramのデータを一切取得できなくなった」ことです。今までは、Sandboxというモードを使うことによって、他のユーザーの承認を得られることができれば、限定的にではありますが、他のユーザーの写真を取得することができるようになっていました。これは2018年4月4日をもって一切できなくなったようです。開発者ページを直接触っていただくのはハードルが高いことから、これまではSandboxを活用して、お客様のInstagramアカウントのユーザー情報や写真のデータを取得する作業を行っていたケースも少なからずあったと思いますが、この方法は今後とれなくなるということです。上記のようなことができなくなっているようです。APIを使ってできなくなることは今後段階的に出てくるのですが、何はともあれ「2020年の初頭には何もできなくなる」というのが一番大きなポイントなのではないかと思います。APIを使ってWebサイトに表示するなどさえ完全にできなくなるということですね。プログラミングでデータを引っぱっていようが、SnapWidgetを使用して表示をしていようが、同じことなのです。APIというものを充実させていくようです。APIは、InstagramのビジネスアカウントをサポートするためのAPIとなっているようです。Developper開発者ページより引用)2019年の初旬に何かしらの代替え方法をお知らせする、とだけ公式情報には書かれていました。2019年を待つしかなさそうです。API側で予定されていた仕様廃止が早まる可能性もなきにしもあらずです。今後Instagramの写真をWebサイトで表示したい・扱いたい場合は、個人的な意見も含みますが、「Instagramページへのリンクを貼ったアイコンやテキストをWebサイトに表示する」程度に納めることが無難ではないかと思います。その上で、2019年にInstagram側から発表される予定である新しい代替え手段についてのお知らせを待つ、という形をとるのが最善の策と言えます。SandboxモードでInstagramのデータ・写真を取得していた方へ!2020年(予定)までの一時的な対策方法についてこれまでSandboxモードを使ってWebサイトのクライアント様・お客様のInstagramのデータ、写真を取得しており、今回の仕様変更に伴って写真が表示されなくなってしまったという方へ、2020年までの一時的な対応策についてまとめました。APIを使ってInstagramの情報を取得する際は、アクセストークンと言われる許可証を発行する必要があります。今回は、それぞれアクセストークンを取得するところまでを説明させていただきます。Feedなどのプラグインにおける細かい設定方法はこのブログ記事の本筋から外れますので、ここでは割愛させていただきます。以下、アクセストークンの取得方法について参照していただければと思います!以下の情報は、お客様側(クライアント様側)がご自身のInstagramアカウントで開発者ページの中を色々といじらなければならなくなった、という状況を想定して書かせていただいています。Clientsを選択まずは。Clients」を選択します。Clientsボタンを選択します。上記の写真でいう赤枠の部分、緑色のボタンですね。APIの利用登録をするための各種情報入力を行っていきます。「Detail」と「Secutiry」という2つのタブがあるので、両方にある項目をきちんと確認するようにしてくださいね!できましたら、緑色の「Register」ボタンをクリックして、情報入力を確定させます。IDの情報をメモ無事に登録できると、登録ができた旨を伝えるメッセージと共に、下記のような画面に切り替わります。ID」をメモしておきます。IDを使って、下記のアドレスにアクセスします。URIsに入力したURLアドレスを入力)&response_type=token※上記で掲載しているURLがあると思いますが、中に書いてある()→丸括弧は外してくださいね!正しい情報が入力できると、画面が切り替わり、下記のような画像の表示が出てきます。ここで、緑色の「Authorize」のボタンを選択します。URIs」で入力したURLのページへ移動すると思うのですが、この時、アドレスバーに書かれた部分に注目してみてください!アドレスの後に「token=」という記述があると思います。APIの仕様変更・廃止に関するまとめについて書かせていただきました!急な仕様変更は、制作者にとっては本当に困りものです・・・色々考えさせられることも多いなと思った今回の出来事なのでした。API、便利ですよね。僕も頻繁に使用することがあります。先日WordPressに絡めてGoogle...記事を読むjQueryプラグイン「bxslider」がjQuery3系で動かない時の対処法jQueryのbxsliderというスライドショープラグイン、とっても使い勝手がいいですよね。僕もよくお世話になっています。こ...記事を読むjQueryでvideoやaudioを再生したい時はオブジェクト取得方法に注意が必要HTML5タグになって新しく登場したvideoタグ、audioタグ、canvasタグ。ケインコスゲ(@keinkosuge)です。Mapsの埋め込みをWebサイトに設置したいとき、ありますよね。...記事を読むLaravelをさくらインターネットのレンタルサーバにデプロイ・アップロードする方法をまとめてみた先日、数人で作業をしている時に、Laravelのプロジェクトをさくらインターネットにデプロイ・アップロードをする機会がありました。...記事を読むjQueryのend()で画像の自動フェードイン・フェードアウト切替を実装!jQuery、やっぱり便利で使うことがよくあります。そんなjQueryの中で、end()というメソッド(命令の...記事を読むエンジニア・プログラミング関連の情報収集源の1つにおすすめ!レバテックキャリアさんのスキルアップ記事レバテックというサービスをご存知でしょうか。簡単にいうと、エンジニアフリーランスの支援やエンジニア転職などをサポートして...記事を読むformの入れ子・複数使用・formタグが閉じられる現象に困ったら・・・form属性を知ろうこんにちは!ケインコスゲです。今回は、formタグに関するちょっとしたお話です。バス&終電の情報まとめ。