読者です 読者をやめる 読者になる 読者になる

ゆーすけべー日記

はてなBlogってどーなの!?

iPhoneでエロ画像が快適に見える「imeero」を作ってみた

エッチな画像、いいですね^^; 最近では、2chエロスレッドまとめサイトなどに高画質でいろいろな意味で綺麗な写真が、 うまいこと並べられています。 僕はそれを最近お気に入りのiPhoneで快適に見たいと思いました。 それぞれのブログはiPhoneに最適化されているのですが、 いかんせんあくまで「ページの中の一つの画像」という雰囲気がしちゃうので、 集中して個別の画像を見ることができないなーと感じています。 そこで、iPhoneからエロまとめサイトの画像を一個一個快適に見ることができるサービスを作ってみました。 名前は「imeero(イメエロ)」と言います(18禁)。

imeero

使い方は簡単。 見たい画像集のタイトルをタップすると一番目の画像がでてきます。 指をタッチしてスライドさせると次の画像に移ります。 てな具合でそれぞれの画像を楽しんでください。

さて簡単な実装の話。今回の目玉はやはりUIです。 当初は独自のJavaScriptで、 「iPhone JavaScript タップ」などでGoogle検索した結果を踏まえてUIのインタラクションを実現してました。 ただ、jQuery Mobileに目をつけてから、 そのAPIでだいぶできることがわかったので、 インタラクションのほとんどはjQuery MobileのAPIを通してイベントを取得しています。

例えばjQuery Mobileを使えば、画像を遷移させるためのイベント、 つまり「一度指を画面にタッチしてから、そのままドラッグをする」という動作は、 「swipe」というTouch Eventで簡単に取得できます。

また、jQuery Mobileを介すことにより、おそらくiPadやAndroidといったスマートフォンにもある程度、 対応させることができたのかと思います。

その他、バックエンドのどの画像をエロい画像と見なすかなどのテクニックなどや、 画像配信のコツなどありますが、それは要望があればまたの機会でお話させていただきたいです。

ということで、imeeroをよろしく!