MdNCORPORATION

iPhone & Android スマートフォンサイト制作の教科書

iPhone & Android スマートフォンサイト制作の教科書

こもりまさあき 谷拓樹 石本光司 いちがみトモロヲ 共著
定価 2,640円
(本体 2,400円+税10%)
※電子書籍の価格は各販売ストアにてご確認ください。
発売日 2011-09-26
仕様 B5変型判/224pP
ISBN 978-4-8443-6223-4
最近急速にニーズの高まっているスマートフォン向けWebサイトのデザイン・制作についてのノウハウ・知識を解説する入門書です。デスクトップ向けWebデザインとスマートフォン向けWebデザインの共通点/相違点の解説や、制作環境・テスト環境のセットアップ、フレームワークやオーサリングツールの紹介と使い方、HTML5/CSS3/JavaScriptの記述方法の基礎など、スマートフォンサイトを制作するために必要なあらゆるノウハウ・知識を一冊に集約しました。最新のjQuery Mobileについてもくわしく解説します。国内外のスマートフォンサイトの実例や、最新スマートフォン機種の画面解像度のスペック表の情報も収録し、制作の現場で活用していただけるスマートフォンサイト制作者のための実用的な一冊です。


■ページ見本










目次

序章 スマートフォン向けサイト制作をはじめる前に
第1章 スマートフォン制作のための基礎知識
第2章 制作・テスト環境のセットアップ
第3章 スマートフォンサイトの企画、構造設計
第4章 スマートフォン向けのパーツ制作
第5章 HTML5による実装
第6章 CSS3によるレイアウトと装飾
第7章 JavaScriptを使ったインタラクション
第8章 フレームワークやオーサリングツールを使ったサイト制作
第9章 パフォーマンスの最適化
付録 スマートフォン各機種 画面解像度一覧表

ダウンロードデータ

iPhone & Android スマートフォンサイト制作の教科書
サンプルデータダウンロード


このたびは、「iPhone & Android スマートフォンサイト制作の教科書」をご購入いただきまして、誠にありがとうございます。

●以下に本書の解説で使用したサンプルデータを用意しましたのでご利用ください。


samplecode.zip(0.17MB)

収録データは下記のページのソースコードが中心です(数行のソースコードは割愛しました。なにとぞご容赦ください)。

【第5章 HTML5による実装】
  P101 HTML5
  P103 HTML5
  P105 HTML5
  P107 HTML5
  P108 好ましい例
  P109 ◯正しい例
  P110 figure要素
  P111 figcaption要素
  P112 datetime要素なし
  P112 time要素
  P113 pubdate属性
  P113 pubdate属性値省略なし
  P113 時間も必要な場合
  P114 a要素 HTML5
  P127 対象機種のサイズを合わせる

【第6章 CSS3によるレイアウトと装飾】
  P137 擬似クラス firstchildとlastchild
  P138 擬似クラス firstchildとfirstoftyp
  P139 子隣接間接セレクタ
  P140 beforeafter擬似要素
  P141 ベンダープレフィックス
  P142 RGBA color
  P144 borderradius
  P145 boxshadowtextshadow
  P146 boxshadowtextshadow 内側の影
  P147 backgroundsize
  P148 backgroundsizeプロパティ
  P149 Multi Background Images
  P149 Multi Background Images
  P150 gradient
  P153 transform
  P154 transformoriginプロパティ
  P154 transition
  P156 animation
  P157 animationプロパティ
  P158 keyframes
  P158 アニメーションをdiv要素にした例
  P160 HTML5の各要素をブロックレベルにするスタイル
  P161 webkittextsizeadjust
  P164 mediaルール
  P164 mediaルール利用して指定
  P166 devicepixelratioを利用した高解像度対応

【第7章 JavaScriptを使ったインタラクション】
  P174 jQuery MobileでHello World
  P176 Sencha Touch
  P177 基本テンプレート
  P178 jQuery Mobileを動かすために必要なリソース
  P179 トランジション効果
  P180 タッチイベント
  P181 デバイスの向きを検出するイベント
  P182 ページ関連イベント
  P183 mobileinitイベント 1
  P183 mobileinitイベント 2
  P184 $extendメソッドでまとめて変更する
  P184 jQuery Mobileの日本語設定
  P184 個別に変更する
  P186 Googleマップ上で表示
  P187 gmaphtml
  P188 CSS
  P189 JavaScript
  P191 HTML
  P193 CSS
  P194 JavaScript
  P195 getJSON
  P195 検索したつぶやきの有無を判定
  P196 できあがったコード

【第9章 スマートフォンサイトのパフォーマンス最適化】
  P214 Web Storage



【ダウンロードにあたってのご注意】

ダウンロードファイルは、ZIP形式で圧縮されています。Windows、Macそれぞれの解凍ソフトを使って圧縮ファイルを解凍してください。

ダウンロードファイルを解凍すると、サンプルデータ(テキストデータ)がCHAPTERごとにノンブル(ページ数)の名前で収録されています(1ページに複数掲載の場合は、上から順に並んでいます)。Windows、Macそれぞれのテキストエディタを使ってご利用ください。

サンプルデータには「readme.txt」が同梱されていますので、ご使用の前に必ずお読みください。

※当サイトからダウンロードできるサンプルデータおよびリンクされたWebサイトを実行した結果につきましては、著者および株式会社エムディエヌコーポレーションは一切の責任を負いかねます。お客様の責任においてご利用ください。

※弊社WebサイトからダウンロードできるサンプルデータおよびリンクされたWebサイトは、本書の解説内容をご理解いただくために、ご自身で試される場合にのみ使用できる参照用データです。その他の用途での使用や配布などは一切できませんので、あらかじめご了承ください。ただし「jQuery」等の一般に公開されているJavaScriptライブラリについては、各ライブラリのライセンス条件に従います。

※弊社WebサイトからダウンロードできるサンプルデータおよびリンクされたWebサイトの著作権は、それぞれの制作者に帰属します。

※本書に掲載されているHTML、CSS、JavaScript等のコメントや改行位置等は、紙面掲載用として加工しているため、ダウンロードしたサンプルデータとは異なる場合があります。

※サンプルのなかには、Webサーバの機能を利用するなどの理由から、ローカル環境上では正常に動作しないものがあります。このようなサンプルの場合は、Webサーバ上に設置したうえで機能をお試しください。

お詫びと訂正

『iPhone & Android スマートフォンサイト制作の教科書』

お詫びと訂正のお知らせ



このたびは『iPhone & Android スマートフォンサイト制作の教科書』をご購入いただきまして、誠にありがとうございました。

本書の108ページ「好ましくない例」のソースコードの内容に誤りがございました。

4行目

誤:<h2>今年一番の良書です!</h1>
正:<h2>今年一番の良書です!</h2>

訂正した該当ページのPDFファイルを用意させていただきましたので、ご利用いただけますようお願い申し上げます。



訂正PDFのダウンロード(PDFファイル:1.1MB)
  P108.pdf

このたびはご迷惑をおかけいたしまして誠に申し訳ございません。
訂正してお詫びいたします。

制作の基本からデザイン業界の最新状況まで! MdNのデザイン・グラフィック書8選

デザイン・制作・マーケティング Webでもう困らない! わかりやすくて知識が身につく8冊