iPhone+Android スマートフォンサイト制作入門 (WEB PROFESSIONAL) | たにぐちまこと |本 | 通販

大企業を中心に、iPhoneやAndroidといったスマートフォン向けに最適化されたWebサイトを構築する企業が増えています。本書は、いわゆる「スマートフォンサイト」の基本的な作り方をいちから解説した入門書です。「スマートフォンサイトはまったくの初めて」という方でも理解できるように、サイト設計～制作～公開までの流れを、著者が手掛けた実例で解説。PCサイトをCSSとJavaScriptだけでスマートフォンに対応させたり、jQueryを使ってタブパネルなどの定番のUIを作ったり、実務で使えるTipsも多数盛り込みました。内容だけでなく、色分け付きのフルカラーのソースコード、サンプルの動きをすぐに確認できる「liveサンプル」、画面設計に便利な専用ノート「ペーパープロトタイピングブック」（本書に付属）など、見やすさ、使いやすさにもこだわった1冊です。

この商品に関する問題を報告する

本の長さ

216ページ
言語

日本語
出版社

アスキー・メディアワークス
発売日

2011/2/19
ISBN-10

4048702181
ISBN-13

978-4048702188
すべての詳細を表示

この商品には新版があります:

iPhone+Android スマートフォンサイト制作入門[改訂新版] (WEB PROFESSIONAL)
￥2,420
(1)
残り1点（入荷予定あり）

紙書籍まとめ買いキャンペーン:

はじめてでもできる GitとGitHubの教科書
たにぐちまこと

単行本（ソフトカバー）
￥2,640
80pt (3%)
送料: ￥3,172
よくわかるPHPの教科書【PHP7対応版】
たにぐちまこと

単行本（ソフトカバー）
￥2,728
82pt (3%)
送料: ￥3,278
残り6点（入荷予定あり）
Webエンジニアを育てる学校　エンジニアの仕事内容、キャリアの選択肢からフロントエンドの知識全般
たにぐちまこと

単行本（ソフトカバー）
￥2,899
88pt (3%)
送料: ￥3,107
残り9点（入荷予定あり）
これからWebをはじめる人のHTML&CSS、JavaScriptのきほんのきほん
たにぐちまこと

単行本（ソフトカバー）
￥2,838
86pt (3%)
送料: ￥3,301
残り11点（入荷予定あり）
こどもプログラミングなぜプログラミングを学ぶのかがわかる本
たにぐちまこと

単行本（ソフトカバー）
￥1,430
43pt (3%)
送料: ￥2,729
残り7点（入荷予定あり）
6さいからつかえるパソコン ~キーボード入力、インターネット、動画づくり、プログラミングが1人でできる
たにぐちまこと

単行本（ソフトカバー）
￥1,628
49pt (3%)
送料: ￥2,989
残り4点（入荷予定あり）

商品の説明

著者について

たにぐちまこと（タニグチ・マコト）東京世田谷でWeb制作を営む、H2O Space.代表。PHPを中心としたWebシステムの開発などを主に手がける。Adobe Dreamweaverで、iPhoneサイトを制作しやすくする拡張機能「iPhone site extension」を配布し、スマートフォンサイトの制作にも積極的に取り組んでいる。

登録情報

出版社 ‏ : ‎ アスキー・メディアワークス (2011/2/19)
発売日 ‏ : ‎ 2011/2/19
言語 ‏ : ‎ 日本語
大型本 ‏ : ‎ 216ページ
ISBN-10 ‏ : ‎ 4048702181
ISBN-13 ‏ : ‎ 978-4048702188

Amazon 売れ筋ランキング: - 1,969,415位本 (本の売れ筋ランキングを見る)
- - 587位モバイル・タブレット入門書
- - 2,127位モバイル
- - 9,092位インターネット・Web開発 (本)

カスタマーレビュー:
3.8 18個の評価

著者について

著者をフォローして、新作のアップデートや改善されたおすすめを入手してください。

たにぐちまこと

Brief content visible, double tap to read full content.

Full content visible, double tap to read brief content.

株式会社エイチツーオー・スペース代表取締役

「ちゃんとWeb」をコーポレートテーマに、Web標準に準拠したメンテナンスしやすいWebサイトを「ちゃんと」作ることを目指したWeb制作会社。

WordPressを利用したサイト制作や、スマートデバイス向けサイトの制作、PHPやJavaScriptによる開発を得意とする。

また、CSS Niteや Word Campでの講演や著書などを通じ、クリエイターの育成にも力を入れている。

主な著書に『動画で学ぶWordPressの学校』（KADOKAWA刊）、『よくわかるPHPの教科書』（マイナビ刊）など。

Amazonでの類似ブランド

ページ 1 / 1はじめに戻るページ 1 / 1

スポンサー

カスタマーレビュー

18グローバルレーティング

評価はどのように計算されますか?

この商品をレビュー

カスタマーレビューを書く

上位レビュー、対象国：日本

レビューのフィルタリング中に問題が発生しました。後でもう一度試してください。

ろくぞう
分かりやすいです
2013年2月11日に日本でレビュー済み
Amazonで購入

タイトルに『入門』とついているとおり、分かりやすい本でした。
サンプルもあり、手はじめに1冊あると、何かと助かりそうです。
実践する際にはには、また別の本を購入したいと考えています。
手はじめの1冊には、オススメです。

続きを読む

1人のお客様がこれが役に立ったと考えています

役に立った

レポート
eiji
スマートフォン関連の書籍は多いけれど・・・
2011年2月24日に日本でレビュー済み
Amazonで購入
iPhoneアプリやAndroidアプリ、WEB制作の関連書籍は数多くありますが、どれも一長一短で普段PCサイトを手掛けている方には物足りないことがほとんどでした。
こちらの書籍は、スマートフォン（iPhone/Android）の概要から仕様、両者の違い、モバイリビティの考え方、WEB制作フロー、ワイヤーフレームの作成ツール、最新HTML5/CSS3（先行実装プロパティ）に渡るまで、簡単かつ気付きを与えてくれる素晴らしい書籍です。オールカラーで見やすくページ数もさほどないので、これからスマートフォンサイトを本格的に手掛け、制作スキルやノウハウを習得ようとしている方には、まさにうってつけの書籍です。

続きを読む

11人のお客様がこれが役に立ったと考えています

役に立った

レポート
misawo
初心者にオススメ
2012年1月5日に日本でレビュー済み
Amazonで購入
まだサイトの構築までできていませんが、ざっと全体を通して読んだ印象としては、初めてスマホのサイトを構築するにはいい本だな、と思います。
全体的な概要を把握できます。
細かい部分ではもう少し専門的な書籍が必要になってくると思いますが、とりあえず現状のサイトを最適化させたい、という目的はこの１冊でできそうです。
わかりやすくて良いとも思います。

続きを読む

1人のお客様がこれが役に立ったと考えています

役に立った

レポート
片
初心者向けなのに
2011年8月12日に日本でレビュー済み
Amazonで購入
サンプルありきで話が進む部分があるのはちょっとどうかと思った。

本だけを見て、理解しつつ次へ進んでいくと……
109〜111ページあたりで「？」となると思う。

もちろん、サンプルを見れば一目瞭然で、
サイト制作経験者なら全然どうってことのないことなんだけど

■h3についての解説を飛ばしている
■nav要素のCSSの記述が欠けている（本に記載のCSSコードだけでは、ボタンが完成しない）

のは、初心者向け解説書としては問題アリだと思う。

全体的に、初心者向けの解説書としては、割と出来は良いのですが・・・・。

※ちなみに、サンプルありきの部分は上記だけではありません。
footerの部分とかは、ちょっとヒドイと感じました。
（書籍内のHTMLコーディングとサンプル内のHTMLコーディングが異なる。サンプルのコーディング（CSS含む）でないとfooterは完成しない）

サンプルを見て覚えろ…では、本書の存在する意味が薄いと感じます。
というか、HTMLコーディング経験者なら、サンプルさえ手には入れはOK（本書不要）な感じ。

続きを読む

9人のお客様がこれが役に立ったと考えています

役に立った

レポート
kuro
この本で本当の意味でのAndroid/iphoneサイトの作成は厳しい
2011年6月24日に日本でレビュー済み
Amazonで購入
厳しい評価ですが、本当にAndroidで確認しているのか非常に疑問でした。
というのもAndroidはdipが違うので、普通に100px*100px画像をHTML上でwidth="100" height="100"と記述するとぼやけます。
つまり綺麗に見せる為にはdipに応じて200px 200pxの画像を用意する必要があります。
（この本が発売される以前の端末でも同様の現象が起きるのでチェックしていないとしか思えないのです）

またiphone用であっても、リキッドレイアウト（縦横の傾きでwidthが変わる）のでdisplay:boxの使い方などが書かれておらず、タブメニューはfloatで記述しています。
例えば、inline-blockやbox-flex:1を使うことで、リキッドにも対応した柔軟なサイト構築が可能なのに書かれていません。
リンクの右側に付く「＞」の使い方も明記されておらず、例えばCSS3のafterを使うと表現できますよ？等のTIPSもありません。
画像にしても近年ではcssspriteなどを使ってリクエスト数を減らす方法もあったり、javascriptで画像を表示させたりする方法もあります。
どちらかというとマークアップの点だけがフィーチャーされていて、Android1.6のplaceholderのバグやAndroid2.1のselectタグのstyleのheightが利かないなども明記されていません。
この本よりwebの方が遥かに有用な記事がみつかります。

iphoneの320pxという世界にPCサイトを最低限コンバートするという点でしか意味を持たない本で入門書にしても内容に疑問を持たざる得ません。
これであれば「web creators特別号　HTML5＋CSS3　次世代Webコーディングの超・最新動向 (インプレスムックエムディエヌ・ムック)」の購入をお勧めします。

続きを読む

68人のお客様がこれが役に立ったと考えています

役に立った

レポート
bymm
スマートフォンサイト制作の流れ｡
2011年2月22日に日本でレビュー済み
ALLカラーで見やすい!!
■iPhoneとAndroidの仕様がまとめられている｡
iPhone
・プラグインに非対応
・文字コードの変更ができない
・ウィンドウの制御ができない（ポップアップブロックが有効になっているため）
・日本語フォント「明朝体」は表示されない

■制作環境をととのえる方法
サーバー
・レンタルサーバーはもちろんXAMPPの設定方法まで記載されている｡

■構造設計
ゴール設計が明確に書かれている｡
・電話による問い合わせ
・地図（googlemapへのリンク）の活用
・PCとURLの共有
・Twitterとの連携
・電波状態が悪い移動中のユーザを考え、サイトの階層を浅くして1ページを長く
することでユーザのストレス軽減につなげる｡

■サイトの画面設計
ワイヤーフレーム作成のポイント
・iPhone 3G/3GSの画面サイズは320×480pxだが、
実際のWebページの表示に使える領域は320×356pxであること
・ワイヤーフレーム作成で使えるツールの紹介

HTML5,CSS3,jQueryMobileやスマートフォンならではのmetaタグ記述方法などの解説
が親切にまとめられている｡これが1冊あればスマートフォンサイトを制作出来る｡

続きを読む

28人のお客様がこれが役に立ったと考えています

役に立った

レポート
favolabo
スマホサイト制作の基本がバランスよくまとまっている
2011年7月4日に日本でレビュー済み
タイトルのとおり、iPhoneをベースにAndroidにも対応したスマートフォンサイトの作り方を解説した本です。
マークアップだけでなくゴール設計やワイヤーフレーム、デザインのコツまで、手順を追って紹介されているので、予備知識がなくても読めるよい本だと思います。

あくまでも入門なのと、特にAndroidは動きが早いのでこの本だけで実務がバッチリというわけにはいかないと思いますが、
逆にいうとあまり事細かなことまで説明されていないのでわかりやすいですし、
全体像をつかむのにはちょうどいいボリュームです（いきなりアレコレ言われても挫折するだけですので）。

この本をベースに入門してあとは知りたいことをWebで調べればいいと思います。

続きを読む

5人のお客様がこれが役に立ったと考えています

役に立った

レポート
kawanaka0262
期待どおりでした
2013年1月3日に日本でレビュー済み
Amazonで購入
具体的事例での詳細説明でサンプル例のHTML・CSSが記述してあり、直ぐにスマホページを作成するのに役立ちました。

続きを読む

1人のお客様がこれが役に立ったと考えています

役に立った

レポート

画像はありません

著者をフォロー