Instagram APIを使ってねこ大好き専用の「Nekostagram」を作ってみた

Nekostagram - ねこ大好き専用Instagram

ドヤッてな感じのWebアプリ名を付けちゃったけど、そんな大層なものではなく、ページを読み込むたびにInstagramAPIでネコ写真をちょっとずつ取ってきて、そのネコ写真と撮影者のコメントを一覧表示してるだけのペライチなサイトでございます。

マッタリとかわいいネコたちを見ながら、鼻歌交じりで次へボタンをクリックする感じのネコビューアー。

そもそもInstagramって?

そもそもInstagramって何?という方へ、誤解を恐れずにズバリひとことで、

InstagramはiPhone専用の写真版Twitter

サービス公開から4ヶ月たらずで既にユーザー数は200万人もいるんだとか。iPhone専用のサービスなのに。さらにInstagramについて詳しくは、以下のページなどから。

人気の『Instagram』は「写真のTwitter」 | WIRED VISION 急成長する写真共有アプリ「Instagram」の舞台裏  | 世界を変えるスタートアップ Instagramのファウンダー:「サービスはシンプルな機能を中心に始めるのがベスト」

ネコを見るだけ

今回作ったこのNekostagramは、冒頭での説明通り、Instagramに投稿されているネコ写真を見るだけのサイト。それ以上でも以下でもなく、詳しく説明するまでもないけど、詳しく説明すると以下のとおり。

  • Nekostagramのトップページにアクセスしたら、最新のネコ写真20枚をInstagramから取ってきて、一覧表示する
  • 各ネコ写真には、Instagram本家へのリンクと投稿者(撮影者)のコメントがあれば記載している
  • また、各ネコ写真はクリックすることで拡大表示できる(単純に引き延ばしているだけなので画質は悪い)
  • ページ下部までいったら、右下の1枠が次の20件を表示するためのリンク(more…ボタン)になっているので、クリックすると次のネコ写真20枚を見られる

つまり、一言で言うとかわいいネコ写真を満喫するためだけのサイトでございます。

InstagramのAPI公開

これを作ったキッカケは、InstagramのAPIが公開されたのを知ったので、このAPIを使って何か作ってみたいなぁと。んで、金曜夜に帰宅してから考えて始めて、土日を使ってなんとかカタチになったので、Nekostagramのサイトを公開してみた。

ちなみにInstagramのAPIは、まだプライベートベータ版だそうで、Instagramの都合で途中で停止したり、アクセス過多なAPI利用者をアクセス禁止にしたりすることがある、みたい。APIの正式リリースまでは、サイトの動作が不安定になったり、繋がらなくなったりすることもあるかもしれない。

技術的な話

ちょっと技術的な話になるけど、このNekostagramはRuby(Sinatra)で書いてて、InstagramのAPIには既にRuby用とPython用のラッパーライブラリが公開されていたんだけど、Ruby用の方をインストールして触ってみたけどなんかよくわかんなくて、結局自分でJSONをパースする処理を書いた。ライブラリをちゃんと使えれば、もっと手軽に時間を掛けずに作れたとおもう。ライブラリをうまく使えるようになったら書き直したいところ。

もっと技術的な話になるけど、このNekostagramはHerokuというPaaSの無料プラン内で作ったのですべて無料で出来ている。このHerokuがもうめちゃステキなサービスで、最近自分はブログでHerokuの記事ばかり書いてるくらいハマってる。みんなもHerokuを使うといいよ!

Instagram API関連記事へのリンク

今回Nekostagramを作るにあたって、Instagram APIの情報を探したけどまだAPI公開後間もないので少なかった。それでもいくつか日本語情報で公開してくれているブログがあってとても参考になった。感謝。

[観] instagram API の概要(速報版) さらにオープンなプラットフォームへ: Instagram API - 蟹亭奇譚 A More Open Platform: The Instagram API を訳してみた - s.t.Mind Instagram APIを触ってみる « trace Instagram API が面白いかも - すぎゃーんメモ InstagramのURLからサムネールを取得する方法 - Okiraku Programming

Nekostagramを作ってみた感想

つくってみての感想は、制作期間2日にしては上出来かなと。かなりの部分が既存のモノ(サービス、ライブラリ、フォント等)の組み合わせだけど、っていうか、ぶっちゃけSinatra部分のRubyコード以外は全部それに該当するけど、てっとり早く作ることも時には重要で、そういう時のHeroku+Sinatra+Slimはすごいかも? ねこ大好き

Nekostagramの関連リンク

Nekostagramを紹介してくれているサイトを追記しておきます。紹介してくれたサイトの方々ありがとうございます。

PCからInstagramをもっと楽しむためのWebサービス25個まとめ*二十歳街道まっしぐら 猫や美女、被災地への祈りも 人気アプリ「Instagram」の写真をまとめたサービス もっふもふ! 柴犬写真だらけの「SHIBASTAGRAM」 - ねとらぼ Asiajin » Nekostagram – Cats Only Instagram Viewer Necostagram と Callist Calendar というカレンダーアプリがなかなか良さそう - AppBank 全部ねこだらけ!猫大好き専用画像サイト「Nekostagram」 : ついけん 続・”Instagram”をもっと楽しく便利にする7つのウェブサービス+おまけ - Gadget Girl まなめはうす 今ホットなウェブサービスの3領域―写真共有、グループチャット、Q&A Asiajin » Bijostagram – Shows Only Beautiful Girls From Instagram 10 Totally New Ways to Play with Instagram | Photojojo