BppLOG

Berlin → Tokyo

ブラウザからInstagramのStoriesを閲覧するChrome拡張「Chrome IG Story」


ビットコイン取引高日本一の仮想通貨取引所 coincheck bitcoin


f:id:tky_bpp:20160812220138j:plain

「Instagram Stories」は、つい先日リリースされた、
Snapchatのように一定時間(24時間)たつと消えてしまうInstagramの新機能です。
jp.techcrunch.com

そして、この Stories をブラウザから閲覧出来るようにした
Chrome 拡張機能がさっそく公開されていました。

chrome.google.com

実際に使ってみた

本当にアプリと同じインターフェースで Stories を閲覧できます。
横スクロールにもきちんと対応しています。

f:id:tky_bpp:20160812220156p:plain

再生も問題なく出来ます。

f:id:tky_bpp:20160812220614p:plain

そして、なんと各アカウントの動画が保存できます

f:id:tky_bpp:20160812221351p:plain

はあちゅうさんのアカウントではよく Stories に投稿があがっています。
保存してみたら、4件あり全部グルメネタでした。
美味しそう。


開発者の Alec Garcia が解説の記事をmediumで書いています。
medium.com

Stories の取得には下記のGETリクエストを送るというシンプルな仕組み。

https://i.instagram.com/api/v1/feed/reels_tray/

認証に関しては、どうやらChromeの拡張機能からブラウザの Cookie を利用して、リクエストを送信しているようです。
また、chrome.webRequest API を利用することで、ブラウザから instagram.com にアクセスする時に、拡張機能から動画を取得するリクエストを割り込ませて送信し、ページに表示させているみたいですね。

ソースコードもgithubにて公開されています。
github.com

できる100の新法則 Instagramマーケティング できる100の新法則シリーズ

できる100の新法則 Instagramマーケティング できる100の新法則シリーズ

  • 作者: 株式会社オプト,山田智恵,小川由衣,石井リナ,できるシリーズ編集部
  • 出版社/メーカー: インプレス
  • 発売日: 2016/03/18
  • メディア: Kindle版
  • この商品を含むブログを見る
「暮らし」を撮る大人のインスタグラム (オレンジページムック)

「暮らし」を撮る大人のインスタグラム (オレンジページムック)