epub3で変わる電子書籍の表現力
DESCRIPTION
JAGAT(社団法人日本印刷技術協会)テキスト&グラフィックス研究会EPUB3で変わる電子書籍の表現力 EPUB3に準拠した電子書籍の設計と制作2011年06月21日(火) 15:00-17:00TRANSCRIPT
![Page 1: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/1.jpg)
2011年6月22日水曜日
![Page 2: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/2.jpg)
EPUB3.0で変わる電子書籍の表現力
境祐司http: / /design-zero. tv /2010/ebook.html
@commonsty le
2011.06.21
JAGATセミナー
<EPUB3.0に準拠した電子書籍の設計と制作>
2011年6月22日水曜日
![Page 3: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/3.jpg)
Instructional Designer
自己紹介
境祐司インストラクショナルデザイナー
2011年6月22日水曜日
![Page 4: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/4.jpg)
主な著書:
「デザイナーなら絶対知っておくべき Webデザイン50の原則」(ソフトバンククリエイティブ)、「速習Webデザイン Flash CS4」(技術評論社)、「Webデザイン&スタイルシート逆引き実践ガイドブック」(ソシム)、「3行レシピ ブログデザイン」(共著/翔泳社)、「ネタ帳デラックス Flashテクニック」(共著/MdN)「速習Webデザイン Dreamweaver CS3」「速習Webデザイン Flash CS3」(技術評論社)、「Flash逆引きデザイン事典」(共著/翔泳社)、「スタイルシートデザインのネタ帳」(監修/MdN)、『Making a Rule for Web Design』(ソーテック)、『CSSビジュアルデザイン・メソッド』(毎日コミュニケーションズ)、『XHTMLマークアップ&スタイルシート リフォームデザインガイドブック』(ソシム)、『改訂新版 Webデザイン基礎』(技術評論社)など。
2011年6月22日水曜日
![Page 5: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/5.jpg)
執筆した電子書籍関連の書籍、雑誌
発行:技術評論社/価格:1,449円
2011年6月22日水曜日
![Page 6: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/6.jpg)
電子出版関連のPodcast配信中
http://admn.air-nifty.com/web_design/
日刊徒然音声雑記日刊イーブックストラテジー
Googleで「音声雑記」を検索
2011年6月22日水曜日
![Page 7: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/7.jpg)
community
電子書籍メディア論http://www.facebook.com/eBookStrategy
2011年6月22日水曜日
![Page 8: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/8.jpg)
電子書籍の表現力<EPUB3.0に準拠した電子書籍の設計と制作>
EPUB3.0で変わる
2011年6月22日水曜日
![Page 9: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/9.jpg)
[1]EPUBの基礎[2]電子書籍の設計[3]電子書籍の制作[4]電子書籍のビジネス
EPUB3.0で変わる電子書籍の表現力<EPUB3.0に準拠した電子書籍の設計と制作>
2011年6月22日水曜日
![Page 10: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/10.jpg)
[1]EPUBの基礎EPUB3.0で変わる電子書籍の表現力<EPUB3.0に準拠した電子書籍の設計と制作>
・EPUBで作られる電子書籍の特長・EPUB2.0.1とEPUB3.0の違い・EPUB3.0で可能になる表現・機能と 電子書籍の種類
2011年6月22日水曜日
![Page 11: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/11.jpg)
EPUBで作られる電子書籍の特長
2011年6月22日水曜日
![Page 12: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/12.jpg)
EPUBで作られる電子書籍の特長
2011年6月22日水曜日
![Page 13: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/13.jpg)
電子書籍を読むにはハードウェアが必要
2011年6月22日水曜日
![Page 14: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/14.jpg)
2011年6月22日水曜日
![Page 15: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/15.jpg)
スクリーンのサイズ・解像度比率が異なる
処理能力(性能)が異なる
2011年6月22日水曜日
![Page 16: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/16.jpg)
デバイスを限定するか?できるだけ多くのデバイスに対応するか?
2011年6月22日水曜日
![Page 17: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/17.jpg)
デバイスを限定するか?できるだけ多くのデバイスに対応するか?
スクリーンサイズ、解像度、比率、性能が異なるデバイスに、それぞれ対応していたのでは、制作の難易度、コストが高くなる
2011年6月22日水曜日
![Page 18: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/18.jpg)
デバイスを限定するか?できるだけ多くのデバイスに対応するか?
でも、まだ市場が小さいので、デバイスを限定しないほうがよい?
スクリーンサイズ、解像度、比率、性能が異なるデバイスに、それぞれ対応していたのでは、制作の難易度、コストが高くなる
2011年6月22日水曜日
![Page 19: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/19.jpg)
配布資料をご覧ください「EPUBの基礎」資料 -1
2011年6月22日水曜日
![Page 20: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/20.jpg)
EPUBepub is a standard file format, developed by the IDPF, for reflowable digital books and publications.
2011年6月22日水曜日
![Page 21: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/21.jpg)
2011年6月22日水曜日
![Page 22: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/22.jpg)
EPUB2.0.1とEPUB3.0の違い
2011年6月22日水曜日
![Page 23: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/23.jpg)
配布資料をご覧ください「EPUBの基礎」資料 -2
2011年6月22日水曜日
![Page 24: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/24.jpg)
2011年6月22日水曜日
![Page 25: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/25.jpg)
2011年6月22日水曜日
![Page 26: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/26.jpg)
2011年6月22日水曜日
![Page 27: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/27.jpg)
2011年6月22日水曜日
![Page 28: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/28.jpg)
EPUB3.0で可能になる表現・機能と電子書籍の種類
2011年6月22日水曜日
![Page 29: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/29.jpg)
2011年6月22日水曜日
![Page 30: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/30.jpg)
2011年6月22日水曜日
![Page 31: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/31.jpg)
EPUBに適した書籍は?
2011年6月22日水曜日
![Page 32: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/32.jpg)
2011年6月22日水曜日
![Page 33: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/33.jpg)
現在のEPUBは?
2011年6月22日水曜日
![Page 34: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/34.jpg)
2011年6月22日水曜日
![Page 35: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/35.jpg)
EPUB3.0は?
2011年6月22日水曜日
![Page 36: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/36.jpg)
2011年6月22日水曜日
![Page 37: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/37.jpg)
現在、アプリで作られている電子書籍・電子雑誌の一部がEPUB3.0やWebアプリに
移行する可能性
2011年6月22日水曜日
![Page 38: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/38.jpg)
[2]電子書籍の設計EPUB3.0で変わる電子書籍の表現力<EPUB3.0に準拠した電子書籍の設計と制作>
・ダイナミックページネイションの考え方・構造化とメタデータ・ナビゲーション・ページデザイン・電子書籍のユーザビリティと アクセシビリティ
2011年6月22日水曜日
![Page 39: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/39.jpg)
ダイナミックページネイションの考え方
2011年6月22日水曜日
![Page 40: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/40.jpg)
2011年6月22日水曜日
![Page 41: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/41.jpg)
スクロールで閲覧するWebページをプリンタで印刷すると”ページ”になる
2011年6月22日水曜日
![Page 42: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/42.jpg)
2011年6月22日水曜日
![Page 43: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/43.jpg)
WebページをA5, A4, A3の用紙でそれぞれ印刷することを
考えてみよう
2011年6月22日水曜日
![Page 44: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/44.jpg)
2011年6月22日水曜日
![Page 45: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/45.jpg)
用紙の大きさにあわせて適切な文字サイズを算出しテキストおよび図版を流し込むイメージ
2011年6月22日水曜日
![Page 46: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/46.jpg)
2011年6月22日水曜日
![Page 47: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/47.jpg)
さまざまな環境にあわせて最適化する作業はコスト高
2011年6月22日水曜日
![Page 48: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/48.jpg)
EPUBのリフロー処理はRationalな選択
まずは制作の敷居を下げて本の数を増やす
2011年6月22日水曜日
![Page 49: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/49.jpg)
EPUBのリフロー処理はRationalな選択
まずは制作の敷居を下げて本の数を増やす
リフローによって破綻しないテキスト主体の文芸書から
2011年6月22日水曜日
![Page 50: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/50.jpg)
EPUB3.0は作業を高度化・複雑化するがEmotionalな
魅力的に感じるブックデザインを提供できるようになる
2011年6月22日水曜日
![Page 51: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/51.jpg)
構造化・メタデータ
2011年6月22日水曜日
![Page 52: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/52.jpg)
構造化とメタデータ
2011年6月22日水曜日
![Page 53: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/53.jpg)
配布資料をご覧ください「電子書籍の設計・制作」 資料 -1
2011年6月22日水曜日
![Page 54: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/54.jpg)
構造化とメタデータ
2011年6月22日水曜日
![Page 55: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/55.jpg)
構造化とメタデータ
2011年6月22日水曜日
![Page 56: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/56.jpg)
構造化とメタデータTitle: 電子書籍メディア論 II - 本の設計Author: 境祐司Language: JapanesePublisher: monkeyish studioISBN: 978-4-7741-4505-1(「電子書籍の作り方」(技術評論社)のISBN)Editor: 境祐司Book designer: 境祐司Markup editor: 境祐司Sourse: http://www.facebook.com/eBookStrategyRights: Copyright © 2011 monkeyish studio, All rights reserved.Date of publication: 2011/06/03Description:電子書籍の利点の一つに「アクセシビリティ」があります。視覚障碍者や紙の本を読むことが困難な人たちは、録音図書や大活字本などでしか情報を得られませんでした。ウェブにはあらゆる人に等しく情報を提供できるメディアとして普及していますが、「ウェブの標準技術」を採用しているEPUBにも、ユニバーサルな仕組みが継承されています。本書はマルチデバイス対応やアクセシブルな電子書籍について解説しています。Subject: 電子出版Subject: 電子書籍Subject: EPUBSubject: コンピュータ / EPUBSubject: COMPUTERS / EPUB
2011年6月22日水曜日
![Page 57: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/57.jpg)
構造化とメタデータTitle: 電子書籍メディア論 II - 本の設計Author: 境祐司Language: JapanesePublisher: monkeyish studioISBN: 978-4-7741-4505-1(「電子書籍の作り方」(技術評論社)のISBN)Editor: 境祐司Book designer: 境祐司Markup editor: 境祐司Sourse: http://www.facebook.com/eBookStrategyRights: Copyright © 2011 monkeyish studio, All rights reserved.Date of publication: 2011/06/03Subject: 電子出版Subject: 電子書籍Subject: EPUBSubject: コンピュータ / EPUBSubject: COMPUTERS / EPUB
2011年6月22日水曜日
![Page 58: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/58.jpg)
構造化とメタデータ
2011年6月22日水曜日
![Page 59: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/59.jpg)
電子書籍にアクセスして得られる情報
構造化とメタデータ
「探せる本」にする
2011年6月22日水曜日
![Page 60: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/60.jpg)
直感的に本を探したい
構造化とメタデータ2011年6月22日水曜日
![Page 61: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/61.jpg)
ナビゲーション
2011年6月22日水曜日
![Page 62: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/62.jpg)
HeadingSelector
TOCTable of Contents
2011年6月22日水曜日
![Page 63: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/63.jpg)
電子書籍はコンテンツとUIが分離しているリーディングシステムに
十分なデータを与える必要がある
2011年6月22日水曜日
![Page 64: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/64.jpg)
電子書籍デザイン論
2011年6月22日水曜日
![Page 65: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/65.jpg)
ページデザイン
iBooks Stanza
2011年6月22日水曜日
![Page 66: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/66.jpg)
iBooks
Stanza
2011年6月22日水曜日
![Page 67: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/67.jpg)
Stanzaでは図版が切れてしまう
2011年6月22日水曜日
![Page 68: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/68.jpg)
スマートデバイスで読む電子書籍には”縦”と”横”がある
2011年6月22日水曜日
![Page 69: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/69.jpg)
Reading System電子書籍のデザイン作業で必要なのは
の詳細な情報
2011年6月22日水曜日
![Page 70: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/70.jpg)
CSSが指定されていないEPUBファイルを検証
2011年6月22日水曜日
![Page 71: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/71.jpg)
ページデザイン
iBooks Stanza
2011年6月22日水曜日
![Page 72: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/72.jpg)
ページデザイン
iBooks Stanza
2011年6月22日水曜日
![Page 73: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/73.jpg)
iBooks
Stanza
2011年6月22日水曜日
![Page 74: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/74.jpg)
iBooks Stanza
2011年6月22日水曜日
![Page 75: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/75.jpg)
iBooks
2011年6月22日水曜日
![Page 76: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/76.jpg)
iBooks Stanza
2011年6月22日水曜日
![Page 77: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/77.jpg)
CSSを指定したEPUBファイルを検証
2011年6月22日水曜日
![Page 78: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/78.jpg)
Stanza
2011年6月22日水曜日
![Page 79: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/79.jpg)
kobo
2011年6月22日水曜日
![Page 80: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/80.jpg)
iBooks Stanza kobo
2011年6月22日水曜日
![Page 81: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/81.jpg)
リーディングシステムの初期設定を確認しておく
2011年6月22日水曜日
![Page 82: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/82.jpg)
リーディングシステムの初期設定[iBooks]
2011年6月22日水曜日
![Page 83: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/83.jpg)
[両端揃え]をオフにする有効になるプロパティがある
2011年6月22日水曜日
![Page 84: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/84.jpg)
リーディングシステムの初期設定[Stanza]
2011年6月22日水曜日
![Page 85: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/85.jpg)
リーディングシステムのデフォルトスタイルとは?
2011年6月22日水曜日
![Page 86: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/86.jpg)
Webブラウザを参考にする
2011年6月22日水曜日
![Page 87: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/87.jpg)
CSS2.1 User Agent Style Sheet Defaultshttp://css-class.com/test/css/defaults/UA-style-sheet-defaults.htm
2011年6月22日水曜日
![Page 88: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/88.jpg)
Internet Explorer User Agent Style Sheets http://www.iecss.com/
2011年6月22日水曜日
![Page 89: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/89.jpg)
Adobe Digital Editionsのデフォルトスタイル
2011年6月22日水曜日
![Page 90: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/90.jpg)
Adobe Digital Editions
2011年6月22日水曜日
![Page 91: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/91.jpg)
Adobe Digital Editions
2011年6月22日水曜日
![Page 92: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/92.jpg)
リーディングシステムのデフォルトスタイル
デザイナーのスタイルで上書きする
2011年6月22日水曜日
![Page 93: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/93.jpg)
iBooks Stanza
デザイナーのスタイルで上書きする
2011年6月22日水曜日
![Page 94: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/94.jpg)
デフォルトスタイル
デフォルトスタイルのリセット
2011年6月22日水曜日
![Page 95: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/95.jpg)
デフォルトスタイル CSSリセット
デフォルトスタイルのリセット
2011年6月22日水曜日
![Page 96: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/96.jpg)
*{ margin: 0; padding: 0; border: 0; font-size: 100%; line-height: 1; font-weight: normal; font-style: normal; text-decoration: none;}
デフォルトスタイルのリセット
2011年6月22日水曜日
![Page 97: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/97.jpg)
デフォルトスタイル CSSリセット
デフォルトスタイルのリセット
2011年6月22日水曜日
![Page 98: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/98.jpg)
リーディングシステムの推奨スタイル
2011年6月22日水曜日
![Page 99: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/99.jpg)
推奨スタイルON デフォルトのリセット
デフォルトスタイルと推奨スタイル
2011年6月22日水曜日
![Page 100: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/100.jpg)
推奨スタイルOFF デフォルトのリセット
デフォルトスタイルと推奨スタイル
2011年6月22日水曜日
![Page 101: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/101.jpg)
kobo
2011年6月22日水曜日
![Page 102: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/102.jpg)
kobo
Page Presentation
2011年6月22日水曜日
![Page 103: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/103.jpg)
推奨スタイルOFF 推奨スタイルON
2011年6月22日水曜日
![Page 104: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/104.jpg)
iBooks Stanza
デフォルトスタイルと推奨スタイル
2011年6月22日水曜日
![Page 105: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/105.jpg)
推奨スタイルON 推奨スタイルOFF
デフォルトスタイルと推奨スタイル[kobo]
2011年6月22日水曜日
![Page 106: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/106.jpg)
汎用的なリーディングシステム
2011年6月22日水曜日
![Page 107: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/107.jpg)
企業が運用する電子書籍ストアの専用クライアントとして
無料配布されているEPUBビューア
2011年6月22日水曜日
![Page 108: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/108.jpg)
2011年6月22日水曜日
![Page 109: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/109.jpg)
デフォルトスタイルを知らずに試行錯誤しても意図したとおりの
見栄えを得られない
2011年6月22日水曜日
![Page 110: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/110.jpg)
iBooks
2011年6月22日水曜日
![Page 111: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/111.jpg)
iBooksCSSリセット
2011年6月22日水曜日
![Page 112: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/112.jpg)
Stanza
2011年6月22日水曜日
![Page 113: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/113.jpg)
StanzaCSSリセット中央揃えのまま
2011年6月22日水曜日
![Page 114: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/114.jpg)
iBooks Stanza
強制的に上書きする
2011年6月22日水曜日
![Page 115: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/115.jpg)
強制的に上書きする
通常の指定:.headingright { text-align:right; }
Stanzaで強制的にスタイルを適用させる指定:.headingright { text-align:right !important; }
2011年6月22日水曜日
![Page 116: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/116.jpg)
強制的に上書きする
Stanzaで強制的にスタイルを適用させる指定:.headingright { text-align:right !important; }
この方法はお奨めできない
2011年6月22日水曜日
![Page 117: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/117.jpg)
強制的に上書きする
Stanzaで強制的にスタイルを適用させる指定:.headingright { text-align:right !important; }
この方法はお奨めできない(あくまで暫定処置として)
2011年6月22日水曜日
![Page 118: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/118.jpg)
リーディングシステムの文字サイズ・フォント変更による
影響は?
2011年6月22日水曜日
![Page 119: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/119.jpg)
文字サイズの変更
2011年6月22日水曜日
![Page 120: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/120.jpg)
文字サイズの変更
2011年6月22日水曜日
![Page 121: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/121.jpg)
フォントの変更
2011年6月22日水曜日
![Page 122: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/122.jpg)
デスクトップで読む電子書籍可変ウィンドウ
2011年6月22日水曜日
![Page 123: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/123.jpg)
2011年6月22日水曜日
![Page 124: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/124.jpg)
ブックカバー画像切れてしまう
2011年6月22日水曜日
![Page 125: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/125.jpg)
ブックカバー画像の横幅658ピクセルを超えない「max-width: 100%;」
2011年6月22日水曜日
![Page 126: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/126.jpg)
パソコンのディスプレイによってはウィンドウを最大表示にすると下部が隠れてしまう
2011年6月22日水曜日
![Page 127: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/127.jpg)
#coverlayout img { height: 100%; }
2011年6月22日水曜日
![Page 128: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/128.jpg)
Digital Editionsの場合、伸縮を可能にすると、画像が劣化するので許容の範囲かどうかチェックしたほうがよい
2011年6月22日水曜日
![Page 129: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/129.jpg)
可変するウィンドウで電子書籍を読むときのメリット・デメリット
(※スマートデバイスは固定ウィンドウ)
2011年6月22日水曜日
![Page 130: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/130.jpg)
フォント埋め込み
2011年6月22日水曜日
![Page 131: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/131.jpg)
2011年6月22日水曜日
![Page 132: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/132.jpg)
2011年6月22日水曜日
![Page 133: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/133.jpg)
2011年6月22日水曜日
![Page 134: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/134.jpg)
2011年6月22日水曜日
![Page 135: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/135.jpg)
IPAex明朝 (Ver.001.03)/IPAexMincho(Ver.001.03)http://ossipedia.ipa.go.jp/ipafont/index.html
911 Porschahttp://www.freepremiumfonts.com/free-font/911-porscha.aspx
You Rook Marbeloushttp://www.freepremiumfonts.com/free-font/you-rook-marbelous.aspx
@font-face { font-family: "IPAex Mincho"; font-style: normal; font-weight: normal; src:url("../Fonts/ipaexm.ttf");}
@font-face { font-family: "You Rook Marbelous"; font-style: normal; font-weight: normal; src:url("../Fonts/YouRookMarbelous.ttf");}
2011年6月22日水曜日
![Page 136: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/136.jpg)
@font-face { font-family: "IPAex Mincho"; font-style: normal; font-weight: normal; src:url("../Fonts/ipaexm.ttf");}
@font-face { font-family: "You Rook Marbelous"; font-style: normal; font-weight: normal; src:url("../Fonts/YouRookMarbelous.ttf");}
h1 { margin:0; font-size:3em; line-height: 90%; text-align: right !important; font-family:"You Rook Marbelous", sans-serif; color:#f06;}
2011年6月22日水曜日
![Page 137: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/137.jpg)
2011年6月22日水曜日
![Page 138: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/138.jpg)
iBooksフォント埋め込み
<?xml version="1.0" encoding="UTF-8"?><display_options><platform name="*"><option name="specified-fonts">true</option></platform></display_options>
2011年6月22日水曜日
![Page 139: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/139.jpg)
<?xml version="1.0" encoding="UTF-8"?><display_options><platform name="*"><option name="specified-fonts">true</option></platform></display_options>
この方法はお奨めできない(あくまで暫定処置として)
2011年6月22日水曜日
![Page 140: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/140.jpg)
EPUB 2.0.1リーディングシステムでバッドノウハウは避ける
結 論
ウェブデザインのテクニックは基本的に通用しない
2011年6月22日水曜日
![Page 141: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/141.jpg)
EPUB 2.0.1リーディングシステムでバッドノウハウは避ける
結 論
ウェブデザインのテクニックは基本的に通用しない
ただし、事業に影響しない実験的な試みはノウハウ獲得につながる
2011年6月22日水曜日
![Page 142: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/142.jpg)
EPUB 3.0では表現の可能性が広がる
結 論EPUB 2.0.1リーディングシステムで
バッドノウハウは避けるウェブデザインのテクニックは基本的に通用しない
2011年6月22日水曜日
![Page 143: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/143.jpg)
”紙”に近づく電子書籍・”紙”から離れる電子書籍
2011年6月22日水曜日
![Page 144: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/144.jpg)
電子書籍のユーザビリティと アクセシビリティ
2011年6月22日水曜日
![Page 145: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/145.jpg)
DAISY Consortiumhttp://www.daisy.org/
電子書籍のアクセシビリティ
DAISYの配付フォーマットEPUB3と統合
2011年6月22日水曜日
![Page 146: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/146.jpg)
ウェブコンテンツ・アクセシビリティ・ガイドライン (WCAG) 2.0http://www.jsa.or.jp/stdz/instac/commitee-acc/W3C-WCAG/WCAG20/index.html
Web Content Accessibility Guidelines (WCAG) 2.0http://www.w3.org/TR/WCAG20/
2011年6月22日水曜日
![Page 147: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/147.jpg)
認知・理解・操作可能・堅牢
2011年6月22日水曜日
![Page 148: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/148.jpg)
配布資料をご覧ください「電子書籍の設計・制作」 資料 -5
EPUB Media Overlays 3.0
2011年6月22日水曜日
![Page 149: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/149.jpg)
[3]電子書籍の制作EPUB3.0で変わる電子書籍の表現力<EPUB3.0に準拠した電子書籍の設計と制作>
・制作ツール/開発環境・タグ付けの作業(EPUB2.0.1)・ページデザインの作業(EPUB2.0.1)・EPUB3.0に準拠する方法(※2011年6月現在)・EPUB3.0 - 高度なページレイアウト(※2011年6月現在)・EPUB3.0 - マルチメディアの埋め込み(※2011年6月現在)・EPUB3.0 - 縦組み、ルビ、圏点(※2011年6月現在)・EPUBファイルの検証
2011年6月22日水曜日
![Page 150: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/150.jpg)
WebKit Nightly Buildsデモンストレーションで使います
2011年6月22日水曜日
![Page 151: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/151.jpg)
制作ツール/開発環境
デモをご覧ください
2011年6月22日水曜日
![Page 152: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/152.jpg)
タグ付けの作業(EPUB2.0.1)
大見出し中見出し小見出し段 落
<h1> </h1>
<h2> </h2>
<h3> </h3>
<p> </p>
2011年6月22日水曜日
![Page 153: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/153.jpg)
タグ付けの作業(EPUB2.0.1)
デモをご覧ください
2011年6月22日水曜日
![Page 154: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/154.jpg)
ページデザインの作業(EPUB2.0.1)
デモをご覧ください
2011年6月22日水曜日
![Page 155: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/155.jpg)
EPUB3.0に準拠する方法(※2011年6月現在)
デモをご覧ください
2011年6月22日水曜日
![Page 156: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/156.jpg)
EPUB3.0 - 高度なページレイアウト(※2011年6月現在)
CSS Text Level 3改行規則、行組版(詰め、字間、揃えなど)、行頭・行末処理(ぶら下げなど)、文字装飾、文字変換の仕様http://www.w3.org/TR/css3-text/
CSS Writing Modes Module Level 3書字方向(縦書き(日本、中国、台湾)Right-To-Left(アラビア語、ヘブライ語など)逆方向の古代モンゴル語)、縦中横、論理方向などの仕様http://dev.w3.org/csswg/css3-writing-modes/
2011年6月22日水曜日
![Page 157: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/157.jpg)
EPUB3.0 - 高度なページレイアウト(※2011年6月現在)
SVG(Scalable Vector Graphics)
MathMLマスエムエル、Mathematical Markup Language
数式を記述するためのマークアップ言語
2011年6月22日水曜日
![Page 158: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/158.jpg)
MathMLMathematical Markup Language数式を記述するためのマークアップ言語
2011年6月22日水曜日
![Page 159: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/159.jpg)
EPUB3.0 - 高度なページレイアウト(※2011年6月現在)
デモをご覧ください
2011年6月22日水曜日
![Page 160: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/160.jpg)
EPUB3.0 - マルチメディアの埋め込み(※2011年6月現在)
HTML5 <video><video src='myVideo' id='videoElement' />
2011年6月22日水曜日
![Page 161: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/161.jpg)
EPUB3.0 - マルチメディアの埋め込み(※2011年6月現在)
デモをご覧ください
2011年6月22日水曜日
![Page 162: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/162.jpg)
EPUB3.0 - 縦組み、ルビ、圏点(※2011年6月現在)
デモをご覧ください
2011年6月22日水曜日
![Page 163: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/163.jpg)
EPUB3.0 - 縦組み、ルビ、圏点(※2011年6月現在)
2011年6月22日水曜日
![Page 164: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/164.jpg)
EPUB3.0 - 縦組み、ルビ、圏点(※2011年6月現在)
2011年6月22日水曜日
![Page 165: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/165.jpg)
EPUB3.0 - 縦組み、ルビ、圏点(※2011年6月現在)
2011年6月22日水曜日
![Page 166: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/166.jpg)
EPUB3.0 - 縦組み、ルビ、圏点(※2011年6月現在)
2011年6月22日水曜日
![Page 167: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/167.jpg)
EPUB3.0 - 縦組み、ルビ、圏点(※2011年6月現在)
2011年6月22日水曜日
![Page 168: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/168.jpg)
EPUB3.0 - 縦組み、ルビ、圏点(※2011年6月現在)
2011年6月22日水曜日
![Page 169: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/169.jpg)
EPUB3.0 - 縦組み、ルビ、圏点(※2011年6月現在)
2011年6月22日水曜日
![Page 170: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/170.jpg)
EPUB3.0 - 縦組み、ルビ、圏点(※2011年6月現在)
2011年6月22日水曜日
![Page 171: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/171.jpg)
EPUB3.0 - 縦組み、ルビ、圏点(※2011年6月現在)
2011年6月22日水曜日
![Page 172: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/172.jpg)
EPUBファイルの検証
デモをご覧ください
2011年6月22日水曜日
![Page 173: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/173.jpg)
EPUBファイルの検証
EPUB CheckCSS Validator
2011年6月22日水曜日
![Page 174: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/174.jpg)
[4]電子書籍のビジネスEPUB3.0で変わる電子書籍の表現力<EPUB3.0に準拠した電子書籍の設計と制作>
・EPUBは国内の商業出版で普及するか?・アプリ版電子書籍とEPUBの棲み分け・EPUB3.0とスマートデバイスを 対象とした新市場の動向
2011年6月22日水曜日
![Page 175: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/175.jpg)
EPUBは国内の商業出版で普及するか?
Lean-forwardとlean-back(例:小説, テレビ)(例:実用書, スマートテレビ)
2011年6月22日水曜日
![Page 176: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/176.jpg)
Lean-forwardとlean-back
Jakob Nielsen's Alertbox, June 9, 2008:Writing Style for Print vs. Web
http://www.useit.com/alertbox/print-vs-online-content.html
2011年6月22日水曜日
![Page 177: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/177.jpg)
Lean-forwardとlean-back
2011年6月22日水曜日
![Page 178: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/178.jpg)
Lean-forwardとlean-back
教 育
2011年6月22日水曜日
![Page 179: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/179.jpg)
アプリ版電子書籍とEPUBの棲み分け
デモをご覧ください
2011年6月22日水曜日
![Page 180: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/180.jpg)
アプリ版電子書籍とEPUBの棲み分け
2011年6月22日水曜日
![Page 181: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/181.jpg)
EPUB3.0とスマートデバイスを 対象とした新市場の動向
Web for AllWeb on Everything
W3Cのミッション
2011年6月22日水曜日
![Page 182: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/182.jpg)
EPUB3.0とスマートデバイスを 対象とした新市場の動向
Web for All
Web on Everything
ウェブの国際化、あらゆる人が等しく利用できるアクセシビリティ、特定の環境に依存しない等
パソコンだけではなく、携帯電話やスマートフォン、デジタルテレビ、キオスクなど、さまざまな機器でアクセスできる等
2011年6月22日水曜日
![Page 183: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/183.jpg)
EPUB3.0とスマートデバイスを 対象とした新市場の動向Buy Once, Read Everywhere.
2011年6月22日水曜日
![Page 184: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/184.jpg)
EPUB3.0とスマートデバイスを 対象とした新市場の動向
iPhoneからAndroidに乗り換えても電子書籍を引き継ぐことができる
2011年6月22日水曜日
![Page 185: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/185.jpg)
EPUB3.0とスマートデバイスを 対象とした新市場の動向
Web for AllWeb on Everything
2011年6月22日水曜日
![Page 186: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/186.jpg)
継承と革新次世代の電子書籍キーワード
2011年6月22日水曜日
![Page 187: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/187.jpg)
community
電子書籍メディア論http://www.facebook.com/eBookStrategy
スライド資料はFacebookで公開されます
2011年6月22日水曜日
![Page 188: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/188.jpg)
ご清聴ありがとうございました
境祐司http: / /design-zero. tv /2010/ebook.html
@commonsty le
EPUB3.0で変わる電子書籍の表現力JAGATセミナー
2011年6月22日水曜日
![Page 189: EPUB3で変わる電子書籍の表現力](https://reader038.vdocuments.net/reader038/viewer/2022110303/54c83c8f4a795916308b4631/html5/thumbnails/189.jpg)
community
電子書籍メディア論http://www.facebook.com/eBookStrategy
2011年6月22日水曜日