バナナコード 名古屋に拠点を置くITコンサル、システム開発会社
「PHP逆引きレシピ第2弾」絶賛好評中

お気軽にお問い合わせください。

お問い合わせはこちら

Webサイト制作者のための
HTML5+JavaScriptスマートフォンサイト実践講座

Webサイト制作者のための HTML5+JavaScriptスマートフォンサイト実践講座
著者: 佐藤歩,杉本吉章,安藤建一 
出版社/メーカー: 技術評論社 
発売日: 2013/02/08
本書は,HTML5/CSS3/JavaScriptはひととおり知っている読者を対象に,スマートフォンサイト制作の実践的なテクニックを解説します。サンプルコードを提示しながら詳しく解説しているため,サイト制作が体系的に学べます。これからスマートフォン向けサイト制作を本格的に始めようという方にぴったりです。

目次

Chapter1 スマートフォンサイトの基礎知識
1.1 スマートフォンサイトの必要性
1.2 スマートフォンの仕様
1.3 マルチタッチデバイスのタッチ操作
Chapter2 スマートフォンサイトの制作環境
2.1 スマートフォンサイトの制作手順
2.2 スマートフォンサイト制作に必要なツール
2.3 シミュレータとエミュレータ
Chapter3 HTML 5,CSS 3とJavaScript
3.1 HTML5への移行とCSS3、JavaScriptの役割
3.2 サンプルサイトとスマートフォンサイトへのアプローチ
3.3 スマートフォンの解像度
Chapter4 実装設計とトップページの作成
4.1 サンプルサイトの概要
4.2 トップページの作成と概要
4.3 HTML/CSSによる実装と再利用性
4.4 各ページ共通のレイアウト部分のマークアップ
4.5 トップページにおけるパーツ実装
4.6 タッチ時にフィードバックを与える
4.7 カラムレイアウトを実装する
Chapter5 アコーディオンUIの実装
5.1 「よくある質問ページ」の内容と特徴
5.2 JavaScriptによるアコーディオンの実装
5.3 アコーディオンにCSSアニメーションを適用する
5.4 HTML5/CSS3のみを利用した実装
Chapter6 スワイプ操作の実装
6.1 「セッション紹介ページ」の内容
Chapter7 地図サービスとGPSの連携
7.1 Google Maps APIを利用した会場アクセス地図
Chapter8 フォームとセキュリティ
8.1 イベント申し込みフォームの概要
8.2 フォームパーツのマークアップ
8.3 クライアントサイドのバリデーション
8.4 バリデーションの制御とアプリケーションの実装
Chapter9 スマートフォン向けの最適化テクニック
9.1 PageSpeed Insightsによる測定
9.2 画像リソースの通信コスト削減
9.3 アプリケーションキャッシュによる高速化
9.4 サーバー設定によるコンテンツ配信の最適化
9.5 解像度やデバイスの向きに応じた制御
9.6 高解像度端末への対応 付録 CSSプリプロセッサの利用について iOSシミュレータ/Androidエミュレータのインストールと使い方 JavaScriptファイルを圧縮する