Hatena::ブログ(Diary)

仮想化する僕たち

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

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

iPhonesafariはtouchイベントが使えるようになっていて、マルチタッチのイベントとかを取得できたりする。

なので今回は、話題のアプリではなく、webベースでリッチなサービスがiphonesafariでどこまで可能か検証してみた。

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

(開発中に付き不具合等あります)


上のリンクをiphone上のsafariで表示することで、以下のようにお使いいただけます。

左右に動かしながら進む超絶インターフェースをご堪能ください。


f:id:yositosi:20080818012040p:image

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

f:id:yositosi:20080818012041p:image

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

f:id:yositosi:20080818012042p:image

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

開発に当たっては、javascriptを駆使して画像の左右アニメーションや動的なロードを実現させています。

この辺の話は次の日記で詳しく書こうと考えています。

digimagadigimaga 2008/08/18 13:49 最高。

chomochomo 2008/08/18 15:39 とてもいいです

trshugutrshugu 2008/08/18 17:53 神。

Ryu-HigaRyu-Higa 2008/08/18 21:48 これはいい。

shimanukishimanuki 2008/08/18 22:02 電波が1本なところに100万回泣いた。

tokumagtokumag 2008/08/19 00:51 最高なのが来た

sigmundsigmund 2008/08/19 01:11 ただ一言。
素晴らしい。

sharashara 2008/08/19 09:21 iphone買ってよかった。
最高の現実逃避ツールいや、元気付けサービスNo1

あ 2008/08/19 12:43 写真番号の入力でジャンプできるようにしてほしいです。

うーんうーん 2008/08/19 13:57 i4UがB4U

七氏七氏 2008/08/20 21:02 使ってみたけどスクロールしても元の位置にすぐ戻ってしまう
touchのsafariじゃダメってことか

非対応非対応 2008/08/23 03:24 iPod touch 1.xで動作せず。
フリックしてもリセットされるね。

4u4u 2014/02/21 20:02 iPhone対応版ありがとうございます!

もしよろしければ、フッタのリンク先が古くなっておりますので、
http://4u-beautyimg.com/
に張り替えていただくことは可能でしょうか?

よろしくお願い致します。