iPhone + iPad FAN (^_^)v

iPhoneサイト構築への道!! その2 エッジ・トゥ・エッジ・リスト

iPhone対応サイト制作ガイド本「iPhoneサイト制作ハンドブック iPhone&iPod touch対応を読みつつ、このブログをiPhoneに対応させていくシリーズ、第2弾です。
 
前回は、PCサイトをちょっとだけiPhoneでも見易くしましたが、今回はiPhone向けにページを作っちゃいます。
 
今回作るのは、エッジ・トゥ・エッジ・リスト(Edge to Edge List)という形のページ。

 
 


「エッジ・トゥ・エッジ・リスト」というのは、iPodでもおなじみのリスト形式のインターフェースのこと。

iPhone上でも、音楽のブラウズや、メールなどでおなじみのこのインターフェース。
 
本によりますと、内蔵アプリケーションでよく見られるものに準じたユーザーインターフェースにする理由は、iPhoneそのものとの統一感を持たせるせ、使い易いインターフェースを提供するため、とのこと。
 
このブログは、iPhoneで見るとそれなりに重いので、この様な軽いインターフェースにすれば、iPhoneからも見易いかなぁ、というのもあり、挑戦してみることにしました。
 
 
で、ほぼ本に書かれているの通りに作ってみたのがこちら。
 

ブログの記事をリスト形式で表示するようにしてみました。
 
まだ途中ですが、カテゴリ別にも記事を表示できます。
ただし、最終的な記事のページは、PC版のページに繋がるようになっています。記事自体まで、PC用とiPhone用に表示させるのは、seesaaでは難しいみたいです。
 
でも、これだけでもiPhoneからご覧いただいている方にとっては、ずいぶん見易くなったんじゃないかなぁ、と思うのですが…、どう?
 
ということで、まだほとんど工事中ですが、一応公開します。
 

(何か問題あったら、公開を一旦中止することもありますので、ご了承を。)
 
 
「iPhoneサイト制作ハンドブック」を探す⇒Amazon 楽天 Yahoo!ショッピング
 iPhone関連本カタログはこちらです。

 


【PR】お急ぎ便使い放題のAmazonプライム無料体験!!