HTML5によるマルチスクリーン型次世代Webサービス開発(小林透 瀬古俊一 川添雄彦 篠原弘道)|翔泳社の本
  1. ホーム >
  2. 書籍 >
  3. HTML5によるマルチスクリーン型次世代Webサービス開発

HTML5によるマルチスクリーン型次世代Webサービス開発




監修

形式:
書籍
発売日:
ISBN:
9784798129549
価格:
本体2,800円+税
仕様:
B5変・304ページ
分類:
Webプログラミング
  • このエントリーをはてなブックマークに追加

パーツ化したHTML5の機能を組み合わせて作るWebサービスの実践例

注目を集めるHTML5ですが、そのパワフルな機能はWebサービスへの応用でこそ真価が発揮されます。本書では、実際に動くサンプルを基にして、HTML5の特徴的な機能を使ったWebサービス開発を学ぶことができます。各機能単位でもパーツとして動くように作るため、応用する際にとても有効です。なお、本書で最終的に作成するサービスは、複数の画面を連携制御するものです。スマートフォンやタブレット端末の普及とともに、それらを有機的に連携させようとする動きがあります。

Wii UやXbox SmartGlassなど、ゲーム端末では実用化が先行しており、今後のトレンドとして開発者が関心を寄せています。HTML5の機能を効率的に整理し、さらに応用的なWebサービスの開発まで学べるお得な一冊です。


Section 1 サービス開発の基礎知識・技術

Chapter 1 HTML5とは

1-1 HTML5のとらえかた
1-2 企業、エンジニア、ユーザにとってのメリット
1-3 FLASHとの比較
1-4 HTML5の特徴的機能
 1 文書構造の明確化
 2 表現手法の多様化
 3 プラグインなしでの動画・音声の再生
 4 高度なグラフィックス描画
 5 フォーム機能の強化
 6 ドラッグ&ドロップ
 7 位置情報や加速度センサ情報等の取得
 8 ブラウザストレージ
 9 サーバ・ブラウザ間双方向通信
1-5 追加されるタグと削除されるタグ
1-6 HTML5を取り巻く状況
 ブラウザの対応状況
 Webサイトの制作状況
1-7 HTML5の標準化の歴史
1-8 W3Cの体制と日本での活動
1-9 参考文献

Chapter 2 HTML5と親和性の高い情報連携技術

2-1 LODとWWW
2-2 LODの適用状況とLODの4原則
2-3 LODを構成する要素技術
 RDFの基本データモデル
 XMLによるRDF記述
 URIの概要
2-4 DBpediaとは
2-5 サンプルコード
2-6 参考文献

Chapter 3 HTML5による通信やデバイスの制御

3-1 WebSocketを用いた双方向通信
 WebSocketプロトコルの概要
3-2 ブラウザにおけるWebSocketの実装
3-3 サーバにおけるWebSocketの実装
3-4 位置情報の利用(Geolocation API)
3-5 バッテリ状態の読み出し(Battery Status API)
3-6 加速度センサの利用(Device Orientation Event Specification)
3-7 参考文献

Chapter 4 HTML5によるマルチメディア処理

4-1 グラフィックスの描画
4-2 Canvasの概要
4-3 SVGの概要
4-4 音声の再生
4-5 動画の再生
4-6 参考文献

Chapter 5 ブラウザに用意されている汎用ストレージ機構

5-1 構造化されていないストレージ(Web Storage)
5-2 データベース形式のストレージ(Indexed Database)
5-3 参考文献

Section 2 サービス開発の実践

Chapter 6 スマートテレビの概要

6-1 スマートテレビサービスとは
6-2 スマートテレビへの対応状況
6-3 本書で実装するスマートテレビサービス

Chapter 7 マルチスクリーンサービスの設計

7-1 システム構成
7-2 ソフトウェア構成
7-3 ディレクトリ構成
7-4 想定する動作環境と注意点
 PHPのインストール
 php-websocket-serverのインストール
 ffmpegのインストール
 ffmpeg-phpのインストール
 アクセス権とセキュリティコンテキストの設定
7-5 本システムの起動方法

Chapter 8 WebPC(メインPC)の実装

8-1 WebPCの機能と構成
8-2 システムメッセージの定義
8-3 中核モジュール(Webpc.html)の詳細
 WebSocketによる通信処理
 メッセージ処理
 Web Storageを用いたブックマーク処理
 Canvas描画処理
 外部サービスからの情報取得

Chapter 9 外部のWebサービスからの情報取得と表示

9-1 gooからの情報取得
9-2 HTMLのアドホックな解析
9-3 視覚効果をねらう回転アニメーション

Chapter 10 TVPC(スクリーンPC)の実装

10-1 TVPCの機能
10-2 TVPCの構成とワーカスレッド
10-3 中核モジュール(tvpc.js)の詳細
 WebSocketによる通信処理
 メッセージ受信およびコンテンツ再生処理
 切断処理
 起動通知およびバッテリ状態通知処理
 ワーカスレッドによる時刻表示

Chapter 11 Serverへのファイルアップロード

11-1 ファイルアップロードの仕組み
11-2 クライアントモジュール(upload.html)の詳細
 ドラッグ&ドロップの処理
 データのアップロード
11-3 サーバモジュール(upload.php)の詳細
 通し番号の生成と更新
 ファイルやキーワードの受信
 サムネイルの生成
 コンテンツデータベースへの登録

Chapter 12 Serverの構成と外部システム連携

12-1 Serverの構成
12-2 連携対象の外部システムおよびアクセス方法
 ホットワード取得
 DBpedia検索
 YouTube検索
 Twitter検索
12-3 中核モジュール(sv.php)の詳細
 1 WebSocketによる通信処理
 2 WebPCから受信したメッセージの処理
 3 TVPCから受信したメッセージの処理
 4 WebSocketServerの起動など
 5 sv.php動作環境の設定
12-4 外部情報収集クラス(GetContentInfo.php)の詳細
 gooホットワード取得
 DBpedia検索
 YouTube検索
 Twitter検索
 Server内動画/写真検索
12-5 参考文献

Chapter 13 動作確認

13-1 ネットワーク環境
13-2 テストの要領とテスト項目
 sv.phpのデバグ情報
 WebPCのデバグ情報
 TVPCのデバグ情報
 HTTPDのログ
13-3 トラブル解析のヒント
 1 sv.phpが起動しない
 2 WebPCやTVPCを起動しても状態表示がconnectにならない
 3 TVPCのバッテリ残量がWebPCに表示されない
 4 WebPCのコンテンツエリアにYouTube動画のサムネイルが表示されない
 5 WebPCのドロップエリアにYouTube動画のサムネイルをドラッグ&ドロップするが、TVPCでYouTube動画の再生が始まる気配がない
 6 WebPCのコンテンツエリア、ブックマークエリア、ドロップエリアのサムネイルが急に表示されなくなった
 7 WebPCのドロップエリアにYouTube動画やServer内動画のサムネイルをドラッグ&ドロップすると、TVPCで動画プレーヤを表示するものの自動再生しない
 8 WebPCでドラッグ&ドロップができない
 9 Server内コンテンツをアップロードできない
 10 このシステムをインターネット経由で使いたい

Chapter 14 未来のマルチスクリーンサービス

14-1 InfoSkinが目指す世界
 InfoSkinとは
 開発の経緯
 InfoSkinに生かすHTML5の強み
 InfoSkinの可能性
14-2 商用システムへの適用と課題

付録

付録1 環境構築のための参考情報
 サーバ環境
 PHPの開発環境
 JavaScriptの開発環境
付録2 補足資料
 DBpediaから取得したRDFの例(2-4節)
 用語一覧

付属データはこちら

書籍への問い合わせ

正誤表、追加情報をご確認の上、こちらよりお問い合わせください

書影の利用許諾について

本書籍に関する利用許諾申請はこちらになります

追加情報はありません。
正誤表の登録はありません。