ITエンジニア/デザイナ向けにオープンソースを毎日紹介

instagram.jsはHTML/JavaScriptのみで開発されたInstagramビューワーです。

写真が大好きな人たちがたくさん集まっているInstagram。そんなInstagramのWebベースビューワーがinstagram.jsです。


トップページです。JavaScriptだけで認証できます。


Instagramの認証です。


戻ってきました。


こちらは大きな写真とサムネイル一覧のビューワーです。

instagram.jsはiOSアプリのInstagramを真似たWebアプリケーションです。面白いことにサーバサイドの仕組みはなく、JavaScriptだけで動いています(OAuthもJavaScriptのみです)。サーバサイドがなくともここまで出来るのか、と思える面白いソフトウェアです。

instagram.jsはHTML/JavaScript製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。


MOONGIFTはこう見る

HTML5の登場以降、サーバサイドの仕組みを必須とするどんどん減ってきています。Canvasを使えばバイナリ処理でさえJavaScript上で出来ます。サーバサイドを使った方がクロスブラウザを考える必要もなくシンプルになるのは分かりますが、これからのWebシステム開発においてはクライアントサイドの積極的な利用は必須とさえ言えるでしょう。

Web APIをうまく使えばサーバサイドの仕組みさえなくともWebアプリケーションが作れてしまいます。プログラマーとしてはそういったWebアプリケーションを開発したり、逆にサーバサイドだけを作って開発者に提供することも考えられるでしょう。この流れをうまく捉えてください。

デモ1:Instagram

デモ2:Instagram

thinkphp/instagram.js - GitHub

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2