レスポンシブWebデザインとEPUB3の最新動向／EPUB 3とHTML5

EBOOK STRATEGY REPORT
Published: April 19, 2013
JAGAT Seminar

Instructional Designer | eBook Designer
YOUJI SAKAI
境祐司
proﬁle

BOOKS
ウェブレイアウトの
教科書
EPUB3スタンダード
デザインガイド
Webデザイン基礎
改訂３版
InDesign CS6で作るEPUB 3 標準ガイドブック
森裕司, 境祐司, 林拓也, 向井領治

『速習Webデザイン Flash CS6』（技術評論社）、『InDesign CS6で作るEPUB 3 標準ガ
イドブック』（共著/翔泳社）、『スマートフォンサイトデザインの基本原則』（共著/
MdN）、『EPUB3 スタンダード・デザインガイド』（共著/マイナビ）、『ウェブレイアウ
トの教科書 PC・スマートフォン・タブレット時代の標準デザイン』（MdN）、『Webデ
ザイン基礎改訂3版 (速習Webデザイン) 』（技術評論社）、『電子書籍の作り方』『Web
デザイン標準テキスト ―変化に流されない制作コンセプトと基本スタイル』（技術評論
社）、『デザイナーなら絶対知っておくべき Webデザイン50の原則』（ソフトバンククリ
エイティブ）、『速習Webデザイン Flash CS4』（技術評論社）、『Webデザイン&スタイ
ルシート逆引き実践ガイドブック』（ソシム）、『3行レシピブログデザイン』（共著/翔泳
社）、『ネタ帳デラックスFlashテクニック』（共著/MdN）『速習Webデザイン
Dreamweaver CS3』『速習Webデザイン FlashCS3』（技術評論社）、『Flash逆引きデ
ザイン事典』（共著/翔泳社）、『スタイルシートデザインのネタ帳』（監修/MdN）、
『Makinga Rule for Web Design』（ソーテック）、『CSSビジュアルデザイン・メソッ
ド』（毎日コミュニケーションズ）、『XHTMLマークアップ＆スタイルシートリフォームデ
ザインガイドブック』（ソシム）、『改訂新版Webデザイン基礎』（技術評論社）など。
BOOKS
主な著書
※海外版、ムックを含むと60冊ほど

community
電子書籍メディア論
http://www.facebook.com/eBookStrategy
デザインの未来
http://www.facebook.com/TheFutureDesign

EPUB 3とHTML5
レスポンシブWebデザインとEPUB3の最新動向
日時 2013年4月19日14:00∼16:00
日本印刷技術協会 3Fセミナールーム
http://www.jagat.jp/content/view/4835/395/
EPUB 3の最先端表現技法
iBookstoreとEPUB 3、Kindle Format 8とEPUB 3

レスポンシブWebデザインと
EPUB3の最新動向
本日のテーマは
です...
第１部「レスポンシブWebデザイン最新動向」は、
エル・カミノ・リアルの木寺祥友さんの御講演

レスポンシブWebデザインと
電子書籍について
まず最初に...

3年前
電子書籍のコミュニティで
「デジタル雑誌を
異なるスクリーンサイズで
どう表現するか」という
熱い議論がありました

FLUID IMAGES
当時話題になっていた開発アプローチ

2009年4月17日
http://unstoppablerobotninja.com/entry/ﬂuid-images/
Unstoppable Robot Ninja
FLUID IMAGES
Ethan Marcotte
Twitter: @beep

デジタル雑誌のプロトタイプが
つくられました
2010年→2011年頃まで
当時アップロードしたYouTubeのビデオで確認できます（※私がつくったものを2012年再投稿）
http://youtu.be/l1aJB5L_0O8 http://youtu.be/9AMitjhHddI

レスポンシブWebデザインを紹介するため
2011年に本を書きました
これは
本にしておこう

レスポンシブWebデザインが流行してから2年経ち...
2013年
スマートリキッドレイアウト
ハイブリッド・固定
ハイブリッド・リフロー

Responsive Web Design
Summit 2013
http://environmentsforhumans.com/2013/responsive-web-design-summit/
奇しくもRWDサミットが昨日から....
April 16-April 18, 2013
PERFORMANCE
STRATEGY
TECHNICAL
3日間のTRACK
パフォーマンス
ストラテジー
テクニカル

Web
ウェブの中の電子書籍
ウェブの外側にある
電子書籍
こういう話もします...

Great Expectations for
Digital Publishing with
HTML5 and the Open
Web Platform
http://youtu.be/sP_FI3KqOuQ
Jeﬀ Jaﬀe (CEO)
ジェフ・ジャフィー
電子出版の国際カンファレンスで
W3CのCEOジェフ・ジャフィーは
何を語ったか？

EPUB 3とHTML5
EPUB 3の最先端表現技法
iBookstoreとEPUB 3、Kindle Format 8とEPUB 3

［1］EPUB 3 とは？
［2］EPUB 3 視覚表現について
［3］Apple iBookstore
［4］Amazon Kindle
［5］EPUB 3 AHL
［6］最先端事例（新聞）Apps
［7］EPUB と電子書籍の未来

IDPF
International Digital Publishing Forum
http://idpf.org
インターナショナル
デジタルパブリッシング・フォーラム

2000 2007 2010 2012
.book
XMDF EPUB2.0
2007年 Kindle 開始
OEBPS1.0Open eBook Publication Structure
EPUB 3.0
Apps
2011.10.11
1999.9
Mobipocketを2005年に買収
Kindle Format 8
EPUBの歴史

パッケージドキュメント
※とても重要なデータ

ナビゲーションドキュメント
パッケージドキュメント

ナビゲーションドキュメント
パッケージドキュメントコンテンツドキュメント

HTML5 CSS3 XML
SVG SMIL
採用されている標準技術

W3C
World Wide Web Consortium
http://www.w3.org
ワールドワイドウェブ・コンソーシアム

インターフェイス
電子書籍は
コンテンツとUIが
完全に分離している

電子書籍は
コンテンツとUIが
完全に分離している
メタデータ（書誌情報）を持つ
構造化されたマシンリーダブルなデータ

EPUBでつくられる
電子出版物のタイプ

ﬁxed-layout content
reﬂowable content
リフロー
固定レイアウト

technology review
http://www.amazon.com/Technology-Review/dp/B001AHPAX4
リフロー固定レイアウト

technology review
リフロー
・テキストが主体の文芸書など
・文字サイズの変更
・字体の変更
・マージンの変更
・背景色の変更
・表示方式の変更
（ページめくり、スクロールなど）
・段組みのON/OFF
・本文検索
・辞書
・ハイライト、メモ

technology review
・レイアウトを崩せない雑誌
・図版の多い実用書
・ページ全体が画像の
漫画や絵本、写真集など
・リフローでは表現しにくい書籍
スマートフォンなどの
小さなスクリーンで
可読性が極端に低下する
実用書で本文検索、辞書
ハイライト、メモ機能などが
使えない

電子書籍を読むための
デバイス

Amazon Kindle, 楽天Kobo
Sony Reader
BookLive Lideo
iOS, Android
Windows Phone
iOS, Android,
Amazon Kindle Fire
Windows, Mac OS X
Windows 8

スマートデバイスは
多種多様
参考：Qik ¦ 対応機種 http://qik.com/phones

technology review
リフロー固定レイアウト
Multi Device
マルチデバイス対応

Kindle無料アプリ
http://amzn.to/S7AbLN
Amazon Kindleの場合

Amazon Kindleの場合
専用端末スマートフォン
パソコン
ウェブブラウザ
※日本はまだ未対応
※日本はまだ未対応

電子ブック楽天＜kobo＞:
楽天＜kobo＞無料アプリ
http://kobo.rakuten.co.jp/application/
楽天koboの場合

Android :
Google Play ブックス
http://bit.ly/TaW4bi
Google Play ブックスの場合

iOS :
Google Play ブックス
http://bit.ly/11wnCwb

パソコンでも読める（ウェブブラウザ使用）

パソコンでも読める（ウェブブラウザ使用）
※固定レイアウトでつくられている
文芸書もある...

iBooksで電子書籍を購入してiOSデバイスで楽しもう。
http://www.apple.com/jp/apps/ibooks/
Apple iBookstoreの場合

iBooksで電子書籍を購入してiOSデバイスで楽しもう。
http://www.apple.com/jp/apps/ibooks/
Apple iBookstoreの場合
iOSのデバイスのみ
iPhone, iPad, iPod touch ...

EPUB 3 視覚表現について

Reading System
読書システム電子書籍
EPUBの仕様は一つだが
実装はさまざま

Default style sheet
デフォルトスタイルシート

ブラウザにはページの見栄えを整える
スタイルシートが備わっている
Default style sheet

Appendix D.
Default style sheet for HTML 4
http://www.w3.org/TR/CSS2/sample.html

Appendix D.
Default style sheet for HTML 4
http://www.w3.org/TR/CSS2/sample.html
h1 { font-size: 2em; margin: .67em 0 }
h2 { font-size: 1.5em; margin: .75em 0 }
h3 { font-size: 1.17em; margin: .83em 0 }

文書の構造化
マークアップMarkup

440px
440px
図版
サイズ・解像度

<h1>INTRODUCTION</h1>
タグ付け

Browser
Firefox Chrome Safari OperaIE
Gecko WebKit WebKit PrestoTrident
rendering engine
ウェブブラウザのエンジン
Blink WebKit
（Blink ?）

Safari
WebKitデフォルトスタイル

Safari
WebKitデフォルトスタイルの一部を上書きする

Safari
リフロー
処理

Safari
上書きしたスタイルデフォルトスタイル

電子書籍も同じ仕組み

Reading System

Reading System
HTML, CSS
コンテンツ、ナビゲーションなど

Reading System
読書システム
配信される電子書籍を読む
電子書籍
EPUBの仕様は一つだが実装はさまざま

リーディングシステムの
デフォルトスタイルを確認する

iBooks
iBooksのデフォルトスタイルは
読みやすい

iBooks
ランドスケープモード

Kobo
デフォルトスタイルKoboスタイル

デフォルトのスタイルを
上書きする

上書きしたスタイルデフォルトスタイル

iBooks
デフォルトスタイル

上書きしたスタイル
iBooks

DL Reader

OverDrive

kobo
koboスタイルが
適用されている

kobo
koboスタイルを
無効にした表示

デフォルトのスタイルを
上書きしたEPUBを検証する

iBooks
iPad（タブレット）で表示

iBooks
iPad（タブレット）で表示
iPhoneで表示すると
どうなる？
フロートの指定
要素の浮動化

iPhone 4 のiBooks
読めない！

iPhone 4 のiBooks
図版が切れる
浮動ボックス

iPhone 4 のiBooks
文字と図版が
重なる
浮動ボックス

iBooks Mobile Safari
ページネイションの
iBooksでは問題あり
スクロールの
Safariは問題なし
iPhone 4

iBooksをスクロールモードに切り替えると問題なし

iBooksをスクロールモードに切り替えると問題なし
iBooksの仕様：横書きなのに
横スクロールはおかしいけど...

ページネイションとスクロール
図版を含むページの分割を
リーディングシステムが
どう解釈して実行するか

フロートは非推奨にする
例：koboでは非推奨としている
（図版が切れてしまうことがあるため）
※2013年4月現在

フロートは非推奨にする
もしくは...

小さなスクリーンでは
スタイルを変更する

フロートの指定
要素の浮動化
小さなスクリーンでは
無効にしたい！

スクリーンサイズを条件にして
スタイルを切り替えるには？

The Boston Globe
http://www.bostonglobe.com

タブレットなど
（7∼10インチくらい）
特定のデバイスを対象にしないこと

スマートフォンなど
（3.2∼5.5インチくらい）
特定のデバイスを対象にしないこと

2011年9月12日、大規模な商用サイトでは初めて
レスポンシブ・ウェブデザインを採用

Media Queries
柔軟かつ動的な
レイアウト
メディアごとに
異なるスタイル
規則を適用
伸縮可能な
イメージ
オブジェクト

Media Queries
http://www.w3.org/TR/css3-mediaqueries/

EPUB Content Documents 3.0
http://www.idpf.org/epub/30/spec/epub30-contentdocs.html#sec-css-media-queries
3. EPUB Style Sheets
3.3. EPUB 3 CSS Proﬁle
3.3.7. Media Queries

Media Queries
http://www.w3.org/TR/css3-mediaqueries/
EXAMPLE 5
I.e. these are identical:
@media all and (min-width:500px) { … }
@media (min-width:500px) { … }
As are these:
@media (orientation: portrait) { … }
@media all and (orientation: portrait) { … }

デモンストレーション
demonstration

インタラクティブな電子書籍

Video
Audio
Media
Overlays
JavaScript

Apple iBookstore
アプリに近い高度な電子書籍を販売するなら迷わず....
Video
Audio
Media
Overlays
JavaScript
Multi-Touch books

iBooks
2010年4月2日バージョン1.0
2010年7月19日バージョン1.1.1
オーディオとビデオに対応
固定レイアウトモードの追加
.ibooksフォーマットの追加
Retinaディスプレイに対応

Frankenweenie: An Electrifying Book

Frankenweenie: An Electrifying Book
768MB ←高画質ビデオの埋め込み

Read Aloud Kid s Books
テキストと音声の同期

http://bit.ly/ZoE5Al
Elizabeth Castro
The Monarch Butterﬂy - An Interactive Picture Book
インタラクティブ
ピクチャーブック
JavaScriptを使用

iBooks Author
http://www.apple.com/jp/ibooks-author/

iBooks Author
http://www.apple.com/jp/ibooks-author/
なぜ、EPUB 3 に
しなかったのか？
なぜ、Pagesを
アップデート
しなかったのか？

Mike Matas:
A next-generation digital book
http://www.ted.com/talks/mike_matas.html
マイク・マタスの次世代デジタルブック
Push Pop Press
http://pushpoppress.com/about/
2011年

Anomaly
612MB 1,106ページ！！
超ヘビー級・グラフィックノベル

Apple iBookstore
iBookstore ファイルサイズ上限は「2GB」
（1GB未満を推奨）
.ibooks フォーマットのコンテンツは、
iBookstore 以外で販売することはできない
Apple独自のFairPlay DRM（デジタル著作権理）
システムによって保護できる
※HTML5 ウィジェットで取り込まれるムービーとオーディオは、DRMで保護できない
iTunes でブックを選択し、「ファイル」>「情報を見る」
・「購入したブック」→DRMフリーのブック
・「保護されたブック」→著作権保護付きのブック

Amazon Kindle
電子書籍ストア・電子出版プラットフォーム

http://www.amazon.com
Kindle Store

Kindle Format
EPUBで入稿・変換

http://bit.ly/RQhIg
Welcome to Mobipocket
Developer Center
Mobipocket

http://amzn.to/TOl1st
Kindle Format 8 Overview
Kindle Format 8
2011年10月に発表

リフロー処理
プリントレプリカ
PDFベース
AZW4
パネルビュー
バーチャルパネルビュー
テキストポップアップ
テキストや図版を
絶対配置
画像化した
紙面を配置

http://bit.ly/ScXZﬀ
Kindleパブリッシング・ガイドライン
PDFリンク

http://bit.ly/TOJCj4PDFリンク
日本語サポート補足資料

http://bit.ly/TOJCj4PDFリンク
日本語サポート補足資料
文字色と背景色
・body要素のcolor（文字色）,
background-color（背景色）は読書システムの
調整機能と重複するためスタイルは上書きできない
・div, span要素で文字色や背景色を指定でき、
読書システムの調整機能を無効にできるが非推奨

KindleGen
http://amzn.to/WNFFtj
Kindleの開発ツール

Kindle
Previewer
http://amzn.to/YIL77x
Kindleの開発ツール

Send to Kindle
http://www.amazon.com/gp/sendtokindle
Kindle関連ユーティリティ

Kindleの固定レイアウト

画像サイズ
リフロー：最大127KB
固定レイアウト（コミック以外）：最大256KB
コミック：最大800KB

画像サイズ
リフロー：最大127KB
固定レイアウト（コミック以外）：最大256KB
コミック：最大800KB
<meta name="book-type" content="children" />
記述なし
<meta name="book-type" content="comic" />
最大256KB
最大800KB

Customer Discussions
Kindle Publishing forum
KindleGen Examples
Samples
http://amzn.to/VnVBkX
Kindleパブリッシング・フォーラム
KF8のサンプル

KindleGen Examples - Samples
固定レイアウト - グラフィックノベル・絵本

KindleGen Examples - Samples
固定レイアウト - グラフィックノベル・絵本
テキストポップアップ

ダブルタップする

12
34
ダブルタップすると
モードが切り替わり
スワイプで
ズーム領域をスクロール

ComicsSample パネルビュー
ダブルタップする

ComicsSample
スワイプする
パネルビュー

Kindleの固定レイアウト
開発ツール

Kindle Comic Creator
http://www.amazon.com/kc2
サポートしている
ファイル形式
PDF（.pdf）
JPEG（.jpg / .jpeg）
TIFF（.tif / .tiﬀ）
PNG（.png）
PPM（.ppm）

パネルビューの作成
（はい・いいえ）
縦置き・横置き
アンロック
左から右へ
右から左へ
ページのサイズ
デバイスの方向を固定しない
基本設定

基本設定
右から左へ左から右へ

タイトル（必須）
著者（必須）
出版社
カバー画像の場所（必須）
ファイルの保存場所
メタデータとカバー画像

画像ファイルを読み込む

必要に応じて空白ページを追加する

全てを見開きページに設定する

見開きの設定になる
追加した空白ページ

見開きの設定になる

Kindle Comic Creator Kindle Fire HD の目次
目次の項目

Kindle Format
EPUBで入稿・変換
Kindle Format
Kindle Comic Creatorで作成

ビデオやオーディオを含む
Kindle Edition

Nixonland: The Rise of a President and the Fracturing of America [Kindle
Edition With Audio/Video]
http://amzn.to/UuOTLd
ビデオやオーディオを含むKindle Edition

ビデオやオーディオを含むKindle Edition
iOS（iPad, iPhone, iPod touch）
Kindle Fire HD
対応デバイス：
ファイルサイズ：
1タイトルの合計サイズは最大600MB
※KindleGenが処理できるのは最大650MB
埋め込めるビデオ、オーディオは
1タイトル、1,000点以下にする

EPUB 3 AHL
Advanced/Hybrid Fixed Layout

Call for Participation:
IDPF workshop on Advanced/Hybrid Fixed Layouts in EPUB (July 6 2012, Tokyo)
http://idpf.org/news/call-for-participation-idpf-workshop-on-advancedhybrid-ﬁxed-layouts-in
2012年7月6日 - 東京

IDPF Workshop: Advanced/Hybrid Fixed Layouts in EPUB
https://code.google.com/p/epub-revision/wiki/TokyoWorshopForAdvancedHybridFixedLayouts

Downloads: Advanced/Hybrid Fixed Layouts in EPUB
https://code.google.com/p/epub-revision/downloads/list

EPUB Adaptive Layout
Informational Document

EPUB
Adaptive Layout
http://www.idpf.org/epub/pgt/
Informational Document

EPUB Adaptive Layout http://www.idpf.org/epub/pgt/Informational Document
3.1.1. Introduction http://www.idpf.org/epub/pgt/csspgt-20120808.html#s3.1.1

Web Standards
Adobe & HTML JP
http://html.adobe.com/jp/webstandards/
参考：

CSS Regions
http://html.adobe.com/jp/webstandards/cssregions/
参考：
雑誌のようなレイアウトをシンプルなCSSで表現
リージョンズ

Sample
http://adobe.github.io/web-platform/samples/css-regions/
Road Trip Demo
http://adobe-webplatform.github.io/road-trip/
Google Chrome Canary
クロームカナリ

Road Trip Demo http://adobe-webplatform.github.io/road-trip/

Road Trip Demo http://adobe-webplatform.github.io/road-trip/
雑誌のようなレイアウトをシンプルなCSSで表現

CSS Exclusions
http://html.adobe.com/jp/webstandards/cssexclusions/
参考：
自由なレイアウトに沿ってテキストを流し込む
エクスクルージョン

Flowing content with CSS Exclusions: Shape Inside
http://adobe.github.io/web-platform/samples/css-exclusions/
Sample
http://adobe.github.io/web-platform/samples/css-exclusions/basic/shape-inside-dynamic.html

CSS Exclusions: The Raven
Sample
http://adobe.github.io/web-platform/samples/css-exclusions/nevermore/index.html

CSS Exclusions: The Raven
Sample
http://adobe.github.io/web-platform/samples/css-exclusions/nevermore/index.html
自由なレイアウトに沿ってテキストを流し込む

スマートリキッド
ハイブリッド
（リフローと固定レイアウトを切り替える仕組み）
（ハイブリッドと高度なリフロー・クラウドサービス連携）

固定レイアウトでは
読めない
広い
狭い

technology review
リフロー
Kindleのハイブリッド方式

The Boston Globe ePaper
スマートフロー
最先端事例（新聞）Apps
SmartFlow
http://bit.ly/Z32Dll

The Boston Globe
ePaper
開発: Globe Newspaper Company, Inc.

The Boston Globe
ePaper
新聞の紙面そのまま

The Boston Globe
ePaper
リフローに切り替え
SmartFlow

The Boston Globe
ePaper
ランドスケープモード

The Boston Globe
ePaper
記事を音声で読み上げる
Listen
記事を翻訳
Translate

The Boston Globe
ePaper
Listen
記事を翻訳
Translate
リフローページなので
クラウドサービスと
連携できる

The Boston Globe
ePaper
新聞の紙面
Page View
Listen
記事を共有
Share
記事を印刷
Print
記事をコピー
Copy

メールで送られた記事リンクから
記事だけのシンプルなページを
開くことができる

Page View SmartFlow
紙面そのままリフロー処理

高度なリフロー処理による
動的なレイアウト
SmartFlow

高度なリフロー処理による動的なレイアウト

http://amzn.to/aJAOoG
Whispernet

Whispersync for Kindle Books
Whispersync for Personal Documents
Whispersync for Voice
Whispersync for Amazon Instant Video
Whispersync
電子書籍
パーソナルドキュメント（Kindle以外の電子書籍含む）
オーディオブック
映画・TVドラマなど

Whispersync for Voice
電子書籍とオーディオブックの同期

電子書籍を購入

同期可能なオーディオブックが表示される

オーディオブックを購入

オーディオブックを聴く
Kindle Fire HD
通勤・通学などで聴く

オーディオブックの続きから
Kindle Fire HD
音声を停止した位置が開く

電子書籍は拡張しない
他のメディアと連携しながら
本の新しい可能性を実現

シンプルな構造
データサイズも小さい
永続性の高さ
電子書籍にビデオや音声を
埋め込む等の拡張はしない

シンプルな構造
データサイズも小さい
永続性の高さ
電子書籍にビデオや音声を
埋め込む等の拡張はしない
クラウドサービス
他メディアと連携して本の機能を拡張
BOOK API

Great Expectations for
Digital Publishing with
HTML5 and the Open
Web Platform
http://youtu.be/sP_FI3KqOuQ
Jeﬀ Jaﬀe (CEO)
ジェフ・ジャフィー

WEB WEB
World Wide Web World Wide Web
ウェブの外ウェブの中

WEB WEB
電子書籍
ストア
ストア専用
クライアント

Safari Books Online http://www.safaribooksonline.com
パブリッシャー（一部）

Safari Books Online http://www.safaribooksonline.com
パブリッシャー（一部）
ペイ・フォー・パフォーマンス・モデル
pay for performance

Why the Ebook
Subscription Model
Might Be Right for
Your Content
http://oreillynet.com/pub/e/2649
Friday, April 26, 2013
(Sat, Apr 27th at 2am - Tokyo)
Safari Books Online
Andrew Savikas (CEO)
O'Reilly Media
Joe Wikert
アンドリュー・サヴィカス
ジョー・ウィカート
Webcast

WEB WEB
ダウンロード
パッケージの利点とは？
ストリーミング
クラウドの利点とは？

WEB WEB
長期的には

［5］EPUB 3 AHL
・リフローと固定レイアウト
・マルチデバイス対応
・EPUBの仕様は1つだが実装はさまざま
・デフォルトスタイル
・ページネイションとスクロール

［5］EPUB 3 AHL
・JavaScript
・高画質コンテンツ
・Kindle固定レイアウト
・ビデオ、オーディオ
・テキストと音声の同期

［5］EPUB 3 AHL
・拡張レイアウト
・アダプティブレイアウト
・ハイブリッド
・スマートリキッド
・ウェブの中のEPUB

いつの時代も、電子書籍について語るのは
楽しいものです。これは、HyperCardで
作られた電子ブックが登場した1980年代
後半からまったく変わりません。

漫画や小説などの人気作品は、
新しいテクノロジーと共に復活し、新しい
読者を開拓してきました。

ラジオドラマ、テレビアニメ、映画、
家庭用ビデオが普及し始めた80年代前半
には「ビデオ漫画」（漫画の原稿を使った
動的な映像表現）なども作られ、

マルチメディアブームの90年代前半は
「CD-ROMコンテンツ」、インター
ネットが商用化された90年代半ば以降は
Shockwaveなどの「ウェブ上のデジタル
コミック」、

そして、1999年のiモード登場から数年を
経て「ケータイコミック」が大きな市場を
形成し、国内の2011年度電子書籍市場
629億円（インプレスR&D調べ）の
76%（480億円）はケータイのコンテン
ツで占められているという状況。

しかし、そのケータイも現在はスマート
フォンに移行しつつあり、市場は縮小し
始めています。

音楽や映像とは異なり、再生機を必要と
しない「書籍」から、テクノロジーに依存
した「電子書籍」へ誘導するのは並大抵の
ことではありません。

ただ、子どもからお年寄りまで、半ば
強制的に小さなコンピュータ（スマート
フォン）を持たされる時代が目の前に来て
います。

配信や課金のサービスがもっと向上し、
電子書籍に触れるための敷居が劇的に下が
れば、新しい読書スタイルが定着していく
可能性があります。

今やらなければいけないことは？

既刊本の電子化
電子書籍を売る
ウェブプロモーション・導線づくり／動線分析
柔軟な電子出版ワークフローの構築
著者の発掘・支援
コンテンツ調達・ディストリビューション

未来をつくる
新しい本のカタチを考え、提案し、具現化していく

未来をつくる
（上の3つで忙しいと思いますが....）

未来をつくる

Thank you for your attention.
ご清聴ありがとうございました

レスポンシブWebデザインとEPUB3の最新動向／EPUB 3とHTML5

Recommended

Recommended

More Related Content

More from Youji Sakai

More from Youji Sakai (8)

レスポンシブWebデザインとEPUB3の最新動向／EPUB 3とHTML5