女の子画像ブックマーク「4U」をiPhone対応させてニヤニヤしてみた。

iphone

iPhoneのsafariはtouchイベントが使えるようになっていて、マルチタッチのイベントとかを取得できたりする。
なので今回は、話題のアプリではなく、webベースでリッチなサービスがiphoneのsafariでどこまで可能か検証してみた。

検証のついでに作ったのは、女の子画像ブックマークサービスである「4U - beauty image bookmarking」さんの画像をiphoneから便利に見られるようにしたwebサイトです。

（開発中に付き不具合等あります）


上のリンクをiphone上のsafariで表示することで、以下のようにお使いいただけます。
左右に動かしながら進む超絶インターフェースをご堪能ください。


  • iphoneのsafariでの閲覧に適したサイズで可愛い女の子の画像を閲覧することができます。


  • 指で画像をタッチして左右に動かすことで次々に別の女の子画像を閲覧し続けることができます。
  • ページ遷移することなく、動的に次々と画像をロードしてくるので画像に集中することができます。


  • お気に入りの画像は、画像保存ページを表示してから画像をしばらくタッチすることでiphone内に保存することが可能です。

開発に当たっては、javascriptを駆使して画像の左右アニメーションや動的なロードを実現させています。
この辺の話は次の日記で詳しく書こうと考えています。