[本]スマートフォン対応サイトの企画・制作はこの一冊から始める -iPhone+Android スマートフォンサイト制作入門

スマートフォン対応サイトって具体的にどういうの? という人から、既存のサイトをスマートフォン対応サイトにしたい! 制作環境はどうすればいいの? という人にぴったりの一冊を紹介します。

jQuery Mobileを使ったUI作成など、実践的な制作方法ももちろんカバーされてますよ。

本のキャプチャ

iPhone+Android スマートフォンサイト制作入門
[amazonでみる]
[楽天ブックスでみる]

著:
たにぐちまこと
出版社:
アスキー・メディアワークス
発売日:
2011/2/19

本書はオールカラーで、コードもシンタックスハイライトで色分けされて、とても見やすいです。

内容的には数多くの実例をまじえ、iPhone, Android スマートフォンの仕様や特徴、制作環境の準備、スマートフォン特有のコンテンツの設計、デザインの注意点、HTML5/CSS3での実装、jQuery MobileによるUI設計などが分かりやすく解説されており、マークアップやデザイナーの制作スタッフだけでなく、ディレクター、プロデューサーなどにも役立つ内容となっています。

目次を紹介すると、下記のようになっています。

iPhone+Android スマートフォンサイト制作入門の目次

  1. サイト制作の前に知りたい基礎知識
    • スマートフォンサイトとは
    • iPhone/Androidの仕様を理解する
    • iPhone/Androidサイトの制作環境を整える
  2. スマートフォンサイトの設計・デザイン
    • スマートフォンサイトの企画と構造設計
    • ワイヤーフレームによるサイトの画面設計
    • グラフィックソフトでデザインカンプを作る
  3. HTML/CSSの作成とサイトの公開
    • HTMLの基本的なマークアップ
    • CSSでスマートフォンらしくスタイリング
    • 使いやすさをアップする仕上げの作業
    • PCとスマートフォンサイトを振り分ける
  4. サイト制作の実践テクニック
    • いまあるサイトをCSSでスマートフォンに対応する
    • iPhone風のスライドパネルを作る
    • CSS3でデザインするタブパネルの制作
    • スマートフォンサイトにバルーンポップアップを組み込む
    • 使いやすいフォームのデザイン
  5. 付録
    • スマートフォン用ペーパープロトタイピングブック
    • iPhone/Androidスマートフォン スペック一覧

付録の「スマートフォン用ペーパープロトタイピングブック」は別冊になっています。
また、サンプルファイルはサポートサイトからダウンロードが可能で、商用・非商用を問わず自由に利用ができます。

担当工程だけでなく、全体を

以下、「はじめに」より抜粋。

スマートフォンのサイト制作においては「設計」「デザイン」および「実装(プログラム開発を含む)」の各工程が、それぞれ別の工程を意識しながら作業をしなければなりません。
本書ではこのすべての工程を意識していますが、できれば自分の守備範囲だけでなく全体を通してお読みいただくことで、チーム全体の知識の向上にお役立てください。

献本の御礼

最後に、献本いただいた(株)アスキー・メディアワークスのご担当者さまに御礼、申し上げます。

また、当サイトでは随時、献本を受け付けています。お問い合わせは、下記よりお願いいたします。

top of page

©2018 coliss