レスポンシブ時代の制作フロー「インブラウザデザイン」など、スマフォ向けサイトの企画から制作まで丁寧に優しく解説 -マカロン本改訂新版

スマートフォン向けサイトの構築はまったく初めての人、基本からしっかり復習したい人、スマフォ対応サイトの企画・設計から、制作環境の構築、デザイン・制作まで、これ一冊で実務の流れが把握できる「スマートフォンサイト制作入門 改訂新版」を紹介します。

本のキャプチャ

マカロンの表紙でお馴染みのマカロン本が2年の月日を経て、最近のレスポンシブ事情を踏まえパワーアップしました。
前の版も持ってますが、もう2年も経つのですね。

本のキャプチャ

iPhone+Android スマートフォンサイト制作入門 改訂新版
[amazonでみる]
[楽天でみる]

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

本はオールカラーで、内容も前回からパワーアップしてます。iPhone5, Androidなどの高精細ディスプレイへの対応、レスポンシブデザイン、インブラウザデザインなど、ここ数年で新しくでてきた制作フローも分かりやすく解説されています。

本の中身をちょっとだけ紹介します。

本のキャプチャ

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

本のキャプチャ

スマフォサイトの実例

本のキャプチャ

Androidの説明も充実

本のキャプチャ

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

本のキャプチャ

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

本のキャプチャ

制作のフロー

本のキャプチャ

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

本のキャプチャ

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

本のキャプチャ

実践的なノウハウも!

本のキャプチャ

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

本のキャプチャ

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

本のキャプチャ

付録のレスポンシブデザイン用のスケッチシート

スマートフォンサイト制作入門の紹介

2年前の同名マカロン本を現在のトレンドに合わせて大幅に改訂したもので、スマートフォンサイト制作における全体の流れが掴める初・中級者向けの本です。特に、デスクトップサイトしか経験がないディレクター、スマフォ制作環境を整備したい制作者などにぴったりだと思います。

目次にそって、簡単に内容を紹介します。

  1. サイト制作の前に知りたい基礎知識
    スマートデバイス向けサイトとは
    スマートデバイスの仕様を理解する
    スマートフォンサイトの制作環境を整える
  2. スマートフォンサイトの設計・デザイン
    スマートフォンサイトの企画と構造設計
    スマートフォンサイトの画面設計
    グラフィックソフトでデザインカンプを作る
  3. HTML/CSSの作成とサイトの公開
    HTMLの基本的なマークアップ
    CSS3でスマホサイトをスタイリング
    使いやすさをアップする仕上げの作業
    PCとスマートフォンサイトを振り分ける
  4. サイト制作の実践テクニック
    レスポンシブWebデザインのエッセンス
    jQueryを使ってみよう
    jQueryで高精細ディスプレイに対応
    jQueryでシンプルなタブパネルを作る
    スマートフォンサイトにバルーンポップアップを組み込む
    使いやすいフォームのデザイン

付録

  • レスポンシブWebデザイン スケッチシート
    旧版のシートはiPhone用でしたが、最近の流れにあわせたレスポンシブ用に変更になっています。
本のキャプチャ

iPhone+Android スマートフォンサイト制作入門[改訂新版]
[amazonでみる]
[楽天でみる]

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

献本の御礼

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

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

top of page

©2017 coliss