レスポンシブ時代の制作フロー「インブラウザデザイン」など、スマフォ向けサイトの企画から制作まで丁寧に優しく解説 -マカロン本改訂新版
Post on:2013年3月5日
スマートフォン向けサイトの構築はまったく初めての人、基本からしっかり復習したい人、スマフォ対応サイトの企画・設計から、制作環境の構築、デザイン・制作まで、これ一冊で実務の流れが把握できる「スマートフォンサイト制作入門 改訂新版」を紹介します。

マカロンの表紙でお馴染みのマカロン本が2年の月日を経て、最近のレスポンシブ事情を踏まえパワーアップしました。
前の版も持ってますが、もう2年も経つのですね。
本はオールカラーで、内容も前回からパワーアップしてます。iPhone5, Androidなどの高精細ディスプレイへの対応、レスポンシブデザイン、インブラウザデザインなど、ここ数年で新しくでてきた制作フローも分かりやすく解説されています。
本の中身をちょっとだけ紹介します。

目次もカラー! カラーだとやっぱりテンションあがりますよね。

スマフォサイトの実例

Androidの説明も充実

制作環境:エディタはみんな何使ってるとか

スマフォエミュレーターのセットアップも詳しく解説

制作のフロー

ここからは制作、制作は移り変わりが激しいので、普遍的なものに絞られてます

一手間かけることで、使いやすさがアップします

実践的なノウハウも!

フレームワークを使ったインブラウザデザイン

jQueryを使った実用的なテクニックもたくさん

付録のレスポンシブデザイン用のスケッチシート
スマートフォンサイト制作入門の紹介
2年前の同名マカロン本を現在のトレンドに合わせて大幅に改訂したもので、スマートフォンサイト制作における全体の流れが掴める初・中級者向けの本です。特に、デスクトップサイトしか経験がないディレクター、スマフォ制作環境を整備したい制作者などにぴったりだと思います。
目次にそって、簡単に内容を紹介します。
-
- サイト制作の前に知りたい基礎知識
- スマートデバイス向けサイトとは
- スマートデバイスの仕様を理解する
- スマートフォンサイトの制作環境を整える
-
- スマートフォンサイトの設計・デザイン
- スマートフォンサイトの企画と構造設計
- スマートフォンサイトの画面設計
- グラフィックソフトでデザインカンプを作る
-
- HTML/CSSの作成とサイトの公開
- HTMLの基本的なマークアップ
- CSS3でスマホサイトをスタイリング
- 使いやすさをアップする仕上げの作業
- PCとスマートフォンサイトを振り分ける
-
- サイト制作の実践テクニック
- レスポンシブWebデザインのエッセンス
- jQueryを使ってみよう
- jQueryで高精細ディスプレイに対応
- jQueryでシンプルなタブパネルを作る
- スマートフォンサイトにバルーンポップアップを組み込む
- 使いやすいフォームのデザイン
付録
- レスポンシブWebデザイン スケッチシート
旧版のシートはiPhone用でしたが、最近の流れにあわせたレスポンシブ用に変更になっています。
献本の御礼
最後に、献本いただいた(株)アスキー・メディアワークスのご担当者さまに御礼、申し上げます。
当サイトでは随時、献本を受け付けています。
お問い合わせは下記よりお願いいたします。
sponsors