iPhone対応サイト制作ガイド本「iPhoneサイト制作ハンドブック iPhone&iPod touch対応」を読みつつ、このブログをiPhoneに対応させていくシリーズ、第2弾です。前回は、PCサイトをちょっとだけiPhoneでも見易くしましたが、今回はiPhone向けにページを作っちゃいます。
今回作るのは、エッジ・トゥ・エッジ・リスト（Edge to Edge List）という形のページ。
「エッジ・トゥ・エッジ・リスト」というのは、iPodでもおなじみのリスト形式のインターフェースのこと。
本によりますと、内蔵アプリケーションでよく見られるものに準じたユーザーインターフェースにする理由は、iPhoneそのものとの統一感を持たせるせ、使い易いインターフェースを提供するため、とのこと。
このブログは、iPhoneで見るとそれなりに重いので、この様な軽いインターフェースにすれば、iPhoneからも見易いかなぁ、というのもあり、挑戦してみることにしました。
で、ほぼ本に書かれているの通りに作ってみたのがこちら。
まだ途中ですが、カテゴリ別にも記事を表示できます。
ただし、最終的な記事のページは、PC版のページに繋がるようになっています。記事自体まで、PC用とiPhone用に表示させるのは、seesaaでは難しいみたいです。
でも、これだけでもiPhoneからご覧いただいている方にとっては、ずいぶん見易くなったんじゃないかなぁ、と思うのですが...、どう？
ということで、まだほとんど工事中ですが、一応公開します。
（何か問題あったら、公開を一旦中止することもありますので、ご了承を。）
「iPhoneサイト制作ハンドブック」を探す⇒Amazon 楽天 Yahoo!ショッピング
iPhone関連本カタログはこちらです。
を
僕も本買ってボチボチ読んでいます。
未完成ブログをレンタルサーバー借りて ワードプレスWordPressで作り出したのも 対応サイトが基本的にプラグインで一発だという所にあります
携帯でも 必要とはいえ長文をズラッと読むのは億劫になります
人気ブロガーさんは 記事書き方も工夫されてるんで参考にしてる所です ハイ
これからも周辺機器レビューやiPhoneに関する情報など、楽しみにしています！
いいですね〜、プラグインで一発かぁ..。でも、いまさら全部引っ越しというパワーもなく...。
いつかseesaaでiPhone対応なんてこともあるんだろうか
S.クロラさん
コメント、励みになります!!
今後ともよろしくお願いします。
多数のコメントいただいており、１つ１つに返答できない場合があります。
ごめんなさい。m(_ _)m
投稿から表示までに時間がかかる場合があります。2重投稿にご注意ください。
記事の内容に限らず、iPhoneのバージョンアップや注目アプリ、新製品の登場などタイムリーな情報を、コメントで教えていただけると助かります。
すべては無理ですが、気になる情報は記事にさせていただきます。