■ページイメージ

---

■著者からのメッセージ

本書は、Apple製のスマートフォン「iPhone」、およびiPodシリーズの最上位機種「iPod touch」をターゲットにしたWebサイト《iPhoneサイト》の制作を検討・実践される方に向けて、必要となる知識をまとめ、サイトの作例を提示するものです。 　iPhoneサイトの制作にあたっては、iPhoneという新しいデバイスの特性やスペックを考慮するとともに、PCやケータイ向けのサイト制作とは異なる独特の知識も必要になります。しかし、iPhoneサイトの基礎となる技術は、HTML、CSS、JavaScriptという、近年のWeb制作では当たり前に使われているものです。 　たしかに、一部のiPhoneサイトや解説などでは特殊な技法を採用していますが、それがすべてではありません。むしろ、世界中の大半のiPhoneサイトは、PCサイトと同じ技法を基本にしています。 　本書は、HTML、CSS、JavaScriptの基礎知識をすでに持っている方へ向けて、iPhoneサイト制作の知識や技法を“プラスする”ことに注力しました。そのため、次の事柄を基本方針としました。 　第1に、特定のライブラリやアプリケーションに依存せず、1行ずつコードを書くというスタイルを取りました。テキストエディタでコードを書く方はもちろん、GUIのWebオーサリングツールを使う方にも、データベースとサーバテクノロジーを駆使する方にも本書を活用していただけるはずです。 　第2に、「テキスト原稿→HTMLによるマークアップ→CSSによるレイアウト→JavaScriptによる機能付加」という、今日のWeb制作で主流のワークフローを遵守しました。個人だけでなく、チームを組んで制作している場合にも対応できるでしょう。 　第3に、iPhone専用サイトに限らず、既存のPCサイトに影響を与えずに、iPhone向けの“対応度”を上げることにも配慮しました。iPhoneでは一般のPCサイトもブラウズできるため、PCサイトの制作者にもiPhone対応を検討していただきたいのです。 　iPhoneは登場から2年も経っていないデバイスです。PCサイトで使われる技術やデザインのトレンドは何度も変わってきましたが、iPhoneサイトでも同様でしょう。 　本書の作例は“正解”ではなく、“実践の1例”でしかありません。読者の皆様が新しいiPhoneサイトを立ち上げるにとどまらず、本書を“踏み台”として、未来のiPhoneサイトに新しいトレンドを生み出していただけることを願っています。 2008年11月　著者（本書「はじめに」より）

■著者プロフィール
向井 領治
1969年生まれ、神奈川県在住。信州大学人文学部卒業後、パソコンショップや出版社の勤務を経て1996年よりフリー。現在は、IT解説書の執筆・編集をメインに、長寿テレビ番組のPC・ケータイサイトの制作なども行う。著書に、日本初の解説書となった『Adobe InDesignガイドブック』（BNN）など。共著に、『Mac OS X v10.5 Leopard大全』（ローカス）、『Fedora 9ビギナーズバイブル』（毎日コミュニケーションズ）ほか多数。

---

    Chapter 1　iPhoneとサイト制作の基礎知識
    　　　　1-1　iPhone標準アプリケーションのインターフェイス
    　　　　1-2　iPhoneサイトとは何か
    　　　　1-3　制作環境
    
    Chapter 2　iPhoneの制限・禁止事項
    　　　　2-1　制限を意識する
    　　　　2-2　規格上の注意点
    　　　　2-3　ファイルの扱いに関する注意点
    　　　　2-4　ページデザイン上の注意点
    　　　　2-5　JavaScriptに関する注意点
    
    Chapter 3　サイト設計［併設・兼用・専用の手法］
    　　　　3-1　コンテンツの振り分け［アクセス元を判定する］
    　　　　3-2　Viewport［独自の表示機構と設定の最適化］
    　　　　3-3　自動拡大機能でPCサイトを読みやすく
    　　　　3-4　iPhoneアプリ風のフルスクリーンモード
    
    Chapter 4　iPhoneらしいページフォーマットの作成
    　　　　4-1　テキストの配置
    　　　　4-2　ホーム画面風のフォーマット
    　　　　4-3　エッジ・トゥ・エッジ・リスト風のフォーマット
    　　　　4-4　角丸長方形リスト風のフォーマット
    
    Chapter 5　ボタンとフォームの作成［分かりやすく操作しやすく］
    　　　　5-1　タイトルバーの角丸ボタンの作成
    　　　　5-2　フォームを使いやすくする
    
    Chapter 6　リンクの作成［アプリ＆ムービーへ導く］
    　　　　6-1　標準アプリケーションへのリンク
    　　　　6-2　ムービーへのリンク
    
    Chapter 7　ブログをiPhone対応に
    　　　　7-1　Movable TypeでiPhoneを使う
    　　　　7-2　WordPressでiPhoneを使う

    索引

コメント投稿欄