書籍詳細（HTML5 開発ポケットリファレンス）

HTML5 開発ポケットリファレンス 書影

ISBN: 978-4-7741-5067-3

HTML5 開発ポケットリファレンス

WINGSプロジェクト 片渕彼富 著

サポート終了
著者WINGSプロジェクト 片渕彼富
監修山田祥寛
出版社技術評論社
価格2,580円（税別）
判形四六版・2色
ページ数448ページ
発売日2012年4月17日
シリーズ ポケットリファレンス
対象レベル中級
Amazonで購入
B!

2013/07/06、配布サンプルのバグを修正。旧バージョンをご利用の方はお手数ですが、再ダウンロードしてください。

HTML5を使いこなすリファレンス

人気のポケットリファレンスに次世代のWeb標準技術であるHTML5が新登場。
フォーム機能、Canvasなどのメディア機能、Webアプリ開発のためのAPIの書式や振る舞いを、逆引き形式ですぐに探せます。
豊富なサンプルで具体的な実装のイメージがつかめ、サンプルコードはサポートサイトからダウンロードできます。
Internet Explorer、Firefox、Chrome、Safari、Operaの各ブラウザ、そしてiPhone／Androidでの対応状況も明記。
HTML5 開発ポケットリファレンス ロゴ

更新履歴

  • FAQ情報：2012年12月10日 更新
  • 正誤訂正：2014年8月19日 更新

目次

  • CHAPTER1　HTML5とは
  • 概要
  • 本書で扱う内容
  • CHAPTER2　フォーム入力
  • 概要
  • フォームコントロール
  • 入力補助
  • 入力チェック
  • 入力チェック（JavaScript）
  • 入力内容の表示
  • CHAPTER3　メディアの取り扱い
  • 概要
  • メディア要素（共通）
  • 動画ファイルの再生
  • JavaScriptからの操作
  • Audio Data API
  • CHAPTER4　Canvas API
  • 概要
  • Canvas APIの基本
  • 線の描画
  • 図形の描画
  • 文字の描画
  • 画像の表示
  • 描画状態の操作
  • 描画状態の操作
  • CHAPTER5　ドラッグ＆ドロップAPI
  • 概要
  • ドラッグ／ドロップ
  • ドラッグ動作のカスタマイズ
  • CHAPTER6　File API
  • 概要
  • File API
  • File API:Writer／File API:Directories and System
  • CHAPTER7　Geolocation API
  • 概要
  • Geolocation APIの基本
  • 現在位置の取得
  • 現在位置の定期取得
  • CHAPTER8　オフラインWebアプリケーション
  • 概要
  • ファイルのキャッシュ
  • JavaScriptからの制御
  • CHAPTER9　Web Storage
  • 概要
  • Web Storageの基本
  • データの読み書き
  • CHAPTER10　Web Database
  • 概要
  • Indexed Database API
  • Web SQL Database
  • CHAPTER11　クロスドキュメントメッセージング
  • 概要
  • メッセージの送受信
  • CHAPTER12　XMLHTTPRequest Level2
  • 概要
  • 通信の基本
  • 通信の制御
  • CHAPTER13　WebSocket
  • 概要
  • 双方向通信の基本
  • 双方向通信の制御
  • CHAPTER14　Web Workers
  • 概要
  • バックグラウンドでの処理
  • 他のAPIとの連携
  • CHAPTER15　テキストの扱い
  • 概要
  • Text Editing API
  • Text Selection API
  • Selectors API
  • CHAPTER16　スマートフォン向けの機能
  • 概要
  • スマートフォン開発の基本
  • 端末の向きに応じた処理
  • センサーの値
  • マルチタッチディスプレイ
  • 付録
  • ブラウザーで利用できる開発ツール
  • Google Maps API簡易リファレンス
  • jQuery Mobile簡易リファレンス

正誤表

該当頁 該当箇所 修正刷
訂正箇所 訂正事項 更新日
p.37 サンプルファイル名とサンプルコード -
「type_tel.html」

<p>date:<input type="date" name="date"></p>		 「type_search.html」

<p>検索:<input type="search" name="search"></p>		 2014/08/19
p.66 表「preload属性の設定値」値欄の末尾 -
non none 2012/04/28
p.95 サンプル video_brightness.html -
cv. clientWidth cv.clientWidth （cv.の後ろの空白をトル） 2012/04/24
p.140 Safariの対応バージョン -
1.3 4 2012/04/28
p.149 ［注意］を追加 -
- ［注意］
FireFoxでimg要素以外の要素でdraggable属性を利用する場合は、P.152のサンプルのようにドロップ先を指定してください。
ドロップ先がない場合は、ドラッグ自体を行うことができません。		 2012/12/10
p.160 本文 3行目 -
effectAllowed／dropEffectプロパティは、いずれもマウスポインタの形状を指定するだけで、ドラッグ＆ドロップによる操作を制限するものではありません。 effectAllowed／dropEffectプロパティは、いずれもドラッグ対象、ドロップ先での動作を制御します。2つのプロパティが一致しない場合は、ドラッグ／ドロップの動作ができません。動作時のマウスポインタの形状が変更となるのは、動作の制御を指定した結果のためです。 2012/12/10
p.226 サンプル online.html 3行目 -
window.alert("オフラインです"); window.alert("オンラインです"); 2013/07/06
p.242 サンプルファイル名 -
webstorage_use.html webstorage_enable.html 2013/07/06
p.247 メソッドの概要 -
ebStorageのデータを全削除 WebStorageのデータを全削除 2012/04/24
p.350 ページ末尾の［注意］ -
importScriptメソッド importScriptsメソッド 2012/04/24

FAQ

Android 4.0ではパラメータ bool（反時計回りで書くか）が無視されます。

更新日: 2012.04.26

Android 2.xではshadowOffsetY（Y軸方向への影のずれ具合）が図とは逆方向になります。

更新日: 2012.04.26

Windows用のSafari 5.1でDrag Drop APIのdataTransferが無効にされたようです。

http://stackoverflow.com/questions/7002832/safari-5-1-broke-html-native-drag-and-drop

Safariを利用される場合は、Mac版を利用していただくか、Windows版であれば、次期バージョンアップをお待ちいただくことになるかと思います。

更新日: 2012.12.10

お問い合わせ

書籍に関するご質問や誤りのご報告、ご意見・ご感想などをお寄せください。

Powered by メールフォーム 『オレンジフォーム』