EPUB 第35回 出版社のためのHTML5パブリッシング入門 * 【2014.01.15】 - epubcafé
【講師】 境 祐司 氏 【概要】 ・仕様と実装の狭間で苦悩する制作者〜歴史は繰り返す ・ウェブブラウザ上で（実装されていない）EPUB 3の機能を実行するという考え方 ・HTML5 の膨大なリソース、ソリューション、ウェブサービスを電子出版にも活かす ・HTML5パブリッシングと少額課金、直販までの道のり ・電子書籍フォーマット（EPUB）とは競合しない理由 ・出版社に知ってほしいイーブックデベロッパーの仕事 ●実装が進まない時代、ウェブ制作者の暴走 W3Cによって最初のCSSが勧告されたのは1996年12月ですが、ウェブブラウザの実装が進まず、2004年頃までCSSはほとんど使われませんでした。当時のCSSのセミナーでも、「まだ実装されていませんが、CSSを使えばこのような表現が可能です」といった、実際には試せない状況が何年も続いていたのです。 商業デザインの世界では、そのようなウェブの
JavaScriptベースのEPUB 3リーダーが相次いで公開「Readium.js」と「Epub.js」。いずれもオープンソースで
JavaScriptベースのEPUB 3リーダーが相次いで公開「Readium.js」と「Epub.js」。いずれもオープンソースで Webブラウザを用いJavaScriptで実装をしたEPUB 3リーダーが相次いで公開されました。1つはEPUB 3を策定したIDPF（International Digital Publishing Forum、国際電子出版フォーラム）が後押しするEPUB 3リーダーのリファレンス実装開発プロジェクトのReadiumが発表した「Readium.js」、もう1つは、米Berkeley大学による「Epub.js」です。 どちらもgithubでオープンソースとして公開されています。 電子書籍のフォーマットとして策定されたEPUB 3は、HTML5/CSS3などのWeb標準がベースになっています。そのため、EPUB 3リーダーはWebKitなどのWebブラウザのレ
米バークレー大学生チーム、JavascriptベースのEPUB 3ビューワ「epub.js」をGitHub公開
米カリフォルニア大学バークレー校の学生チームが、次世代のアノテーション型電子書籍の研究プロジェクト「FutureBook」を立ち上げ、JavascriptベースのEPUB 3ビューワ「epub.js」をGitHubで公開した。 同チームは、W3CやAmazon、Barnes & Nobleなどが規格化を進めているオープン・アノテーション標準規格「Open Annotation Collaboration（OAC）」の実証実験のため、epub.jsの開発に着手したとのこと。開発は今夏かけてずっと続けられる予定で、うまくいけばOACが目指している電子教科書・電子論文間の注釈データ同士のリンクが体験できる予定。 なお、肝心のepub.jsビューワは下記プロジェクトサイトでデモが体験できる。GitHub上ではまだ旧名称の「fpjs」のままだが、近日中に「epubjs」へと変更される予定。
プレミアム自炊のススメ
以前こんな記事を書きました。本の自炊スキャンデータの画像をそのまま並べるだけではなく、一手間加えてインタラクティブな電書にしようという記事です。 当時はhtmlウィジェット形式で作ったのですが、今回はこれをiBooks用のEPUB 3にしてみます。このようなインタラクティブな機能を含んだEPUB 3は、EPUBの規格内ではあるのですが、まだサポートしているリーダ環境はほとんどありません。iBooksはApple独自のインタラクティブブック(iBooks Author)も用意していることもあり、このあたり先行して対応しています。 現時点で汎用のEPUB 3とは言えませんが、実験的に次世代電書を探る意味でも、気に入った本を装丁しなおすような感覚としても、意味はあるのではないかと思います。このような行為を「プレミアム自炊」と呼ぶ提案です。 こんなんできました さて、ネタはこの写真集。写真とキャプ
これからは電子書籍でもJavaScriptプログラミングができる
これから普及が予想される電子書籍や電子雑誌がインタラクティブになっていくことは間違いありません。映像が埋め込まれたニュース、好きな角度から洋服が見られるファッション雑誌、操作しながら解いていけるパズル、途中で登場するモンスターを倒さないとその先が読めないロールプレイング小説、なんていうのもあるかもしれませんね。 将来の電子書籍はアプリケーションと区別がつかなくなる、と僕は考えています。 先日ワーキングドラフトが公開された次世代電子書籍フォーマット「EPUB 3」では、JavaScriptが仕様の中に組み込まれる予定です。将来の電子書籍でのインタラクティブな実装はJavaScriptによって行われることになります。 HTML5/SVGで定義されたスクリプティングをサポート 昨年の12月22日にインプレスR&Dが創刊した電子出版をテーマにした電子雑誌「On Deck（オンデッキ）」の1月18日
JavaScriptでEPUBビューアーを自作してみた (1/7)
iPadのiBooksやSONY Reader、Nookなど、多くの電子書籍リーダーがサポートしているEPUB形式はXHTML+CSSがベースになっているので、誰でも自由にビューアーを作成できます。今回のJavaScriptラボは、Webブラウザー上でEPUBデータを表示するオリジナルのビューアーアプリを作ってみましょう。 ビューアーといっても、EPUB形式をきちんと解析して処理するには手間がかかりますので、今回はEPUBに含まれるXHTMLを表示するだけのシンプルなアプリです。それでも、著作権保護機能がかかっている場合を除けばほとんどのEPUBデータを表示できます。 今回のサンプルはHTML5 File APIを使っているので、Firefox 3.6以降でのみ動作します（一部をのぞく）。また、FirefoxのデバッガーであるFirebugを利用しますので、事前にインストールしておいてくだ
JavaScriptで作るインタラクティブな電子書籍 (1/3)
さまざまな電子書籍の作り方を紹介してきた本連載も今回で最終回。今回は動画やインタラクティブな要素を含む、複雑なレイアウトの電子書籍データに挑戦します。 複雑なレイアウトができる電子書籍のフォーマットは限られているので、今回は以下の2つの形式のデータを作成します。レイアウトが指定できないテキスト形式やKindleのAZW/MOBI形式は対象外です。 PDF EPUB PDF版の電子書籍を作成する 最初にPDFデータを作成します。元データを作成するアプリケーションは何でも構いませんが、複雑なレイアウト作業には多くの雑誌や書籍の制作に使われているInDesignが便利です。InDesignでテキストを配置し、QuickTime形式（H264エンコード、192×108ピクセル）の映像（動画）をドキュメント内に配置します。
インタラクティブな“未来のEPUB”をiPadの「iBooks」で体験する - builder by ZDNet Japan
画面の大きさに応じて文字数やレイアウトを動的に変える「リフロー」は、EPUBが持つ特徴の1つですが、小さめの端末ではせわしなくページを捲らなければなりません。補足的な文章はポップアップで対応するなどして1画面あたりの情報密度を高められないものか、と考えていたところ、絶妙なタイミングでその助けとなる情報を入手しました。早速、そのご報告とまいりましょう。 iBooksでJavaScriptが動く 先日、IDPFでEPUBを担当しているLiza Daly委員の個人ブログに、興味深い記事が投稿されました。タイトルはストレートに「JavaScript and interactivity in iBooks」、iBooksでJavaScriptを使ったインタラクティブ性あるEPUBを作成する、という趣旨です。 この記事のポイントですが、ひとつにはSafari 3.1以降に実装されている独自CSSプロパ
ルビにCSS、縦書きにJavaScriptでやってみよう（ePub+iBooksでJavaScriptが動いた！）
この書き方はHTML5に準拠しておりますので、将来も安心です。 2. CSSに下記を追記する 続いて、CSSに以下を追加しましょう。 これで、ルビ表記に対応していないブラウザ（例えばiBooks）でも ルビ表示できるようになります。 body{ line-height: 2em;/*A:iPadでルビをきれいに表示する行間*/ } ruby { position: relative;/*B:現状では消しておくほうが良い*/ top: 0; bottom: 0; padding: 0; line-height: 1em; } rp { display: none; } rt { position: absolute;/*B:現状では消しておくほうが良い*/ top: -1em; left: 0; font-size: 50%; line-height: 1.2em; white-space:
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Ideas - O'Reilly Media
EPUB電子書籍へのJavaScriptコード埋め込み、iBooksでも制限付きで動作することが明らかに | HON[.]jp News Blog![EPUB電子書籍へのJavaScriptコード埋め込み、iBooksでも制限付きで動作することが明らかに | HON[.]jp News Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/db64683b54c323a671952b0d66dd1c6c9e4bef7d/height=288;version=1;width=512/https%3A%2F%2Fhon.jp%2Fnews%2Fwp-content%2Fuploads%2F2021%2F03%2Fthumbnail_w1280h720.png)