メディアドゥでは、エンジニア有志によって執筆された【Tech Do Book】という合同誌を発行しています。 本日はその中から、Tech Do Book vol.1 【2章 やさしいEPUB入門】を紹介します。 はじめに 「電子書籍業界にいるにも関わらず、EPUBについて知らないのは、本格的にやばいのでは？🤔」 そう強く感じるようになったのは、メディアドゥがW3Cに加入してからです。 W3CとEPUBのつながりについては後述しますが、国際標準規格となっているEPUBについて知ることで、 会社や、電子書籍業界の動きをより面白く感じられるのではないかと考えています。 しかし、インターネットで情報を調べても情報は少なく、欲しい情報がなかなか得られません。 今回は、メディアドゥに在籍しているというメリットを活かし、今までのEPUBの歴史や最新の情報について纏めてみました。 電子書籍とは まず初め

JAGAT　テキスト&グラフィック研究会の「電子書籍と日本語組版『W3C技術ノート 日本語組版処理の要件』出版記念」セミナーにいってきました。 このセミナーは「W3C　技術ノート　日本語組版処理の要件（JLReq）」が書籍として出版されたことの記念セミナー。 まず前提として「W3C　日本語組版処理の要件（JLReq）」について。 これは「日本語組版の仕様」について解説し、WWWで利用される標準技術としてW3Cに登録されたものの事。W3Cに登録されているので、この全文はWebで読む事ができる。（http://www.w3.org/TR/jlreq/ja/） 全部（無料で）読む事ができるんだけど、今回改めて紙の書籍として出版された。「Webで読めばタダですが、紙にすると5,000円」である。 W3C技術ノート 日本語組版処理の要件 作者: W3C日本語組版タスクフォース出版社/メーカー: 東京

EPUB書き出しの機能に関しては、これまでご紹介した機能以外にも、さまざまなま機能強化が行われています。かなり細かな部分にも手が入っており、CS5.5で使い勝手は大きく向上しています。今回はその他の機能について解説していきます。 書き出し画像の設定 EPUBを書き出す際の画像の解像度（ppi）の設定、およびPNG形式へのが可能となりました（CS5までは解像度の指定はできず、JPEGまたはGIFにしか書き出しできません）。手動での解像度の数値指定はできませんが、ポップアップメニューから［72/96/150/300］のいずれかを選択できます。また、画像サイズを［ページを基準とする相対指定］で書き出すこともできるようになっています。CS5までは［固定］でしか書き出せなかったわけですが、［ページを基準とする相対指定］を選択することにより、デバイスのサイズに合わせて画像サイズを動的に変化させることが

InDesign CS5.5では、EPUB関連の機能が強化されています。プログラムも新しく書き直されたことで、CS5までのEPUB書き出しとはまったく別物として生まれ変わったといえるでしょう。多くの機能強化がなされていますが、まずはアンカー付きオブジェクトの機能強化について解説したいと思います。 まず、基本として覚えておきたいのが、InDesignからEPUB書き出しを実行すると、テキストや画像といった各オブジェクトがどのようにEPUBに書き出されるかということです。 結論から言ってしまうと、各オブジェクトは、その座標値により書き出される順番が決まります。例えば、下図のようなドキュメントがあったとします。 このドキュメント（左開き）からEPUBを書き出すと、各オブジェクトは以下のような順番で書き出されます。 1　タイトル 2　本文(連結されたテキストすべて) 3　Photo A 4　キャプ

小説やコミックなどをスキャンした画像を、あれこれ編集するツールを公開しています。 ※ツールの転載禁止／雑誌での紹介禁止／要望やサポート等は基本的にお断りします。 なお、WebやBlogでの紹介などは自由に行ってかまいません。 ※基本的に自分で使ってる機能のみ開発しています。MeTilやeTilの開発が停止してるのは、自分で使わない機能に興味が沸かないだけのことです。 ChainLP v0.40-16 ■何をするもの？ 連番画像や圧縮画像を指定サイズにリサイズして、画像だけのLRF、PDF、ePub、Mobi、または連番ファイルを作成します。 また、青空文庫形式のテキストファイルをソースとして入力し、縦書きの画像またはフォント埋め込みPDFにすることもできます。 「ChainLP40b16.zip」をダウンロード ※ePubとMobiの出力はオマケ機能です。とくにMobiは画質が悪くなるので

しばらくお休みしていた本連載ですが、いよいよ第1回で目標に掲げていた「電子書籍」の刊行に向けて動き出します。今回は、その序章ともいえる電子書籍生成ツール「ReVIEW」を紹介します。 1つのソースからEPUBとPDFを生成するツール 雑誌ではなく活字主体の「書籍」としてEPUB電子ブックを作成しようと考えたとき、アプローチは大きく2つあると考えています。1つは、WYSIWYGな編集機能を持つオーサリングツールを使う方法。ソースであるテキストファイルと図版を、実際のレイアウトで確認しながら組版作業を進めるというものです。本連載でも、これまで「Sigil」などのツールを紹介してきましたが、InDesignやPagesのEPUBエキスポート機能も、このカテゴリに分類されると思います。 もう1つが、WYSIWYGな編集機能を持たないコンバータです。PDFやHTMLなど整形済みの文書を変換するため、

「puble」はTumblrの写真をEPUB形式に変換してくれるサービスです。 EPUBというのは電子書籍のフォーマットのひとつですね。 つまりTumblrにアップしている写真をiPhoneのiBooksなどで読めるようになるということ。 Tumblrを元に、自分で電子書籍が作れるというイメージです。 以下に使ってみた様子を載せておきます。 まず「puble」へアクセスしましょう。 ソースとなるTumblrのアカウントを指定します。 するとTumblrにアップされている写真がまとめて表示されます。 マウスでぽちぽち選択していきましょう。 「GENERATE」ボタンより、EPUB形式で出力されます。 出力後、自身のウェブサイトにアップしたり、メールしてファイルを読み込みましょう。 (SMS/MMSでは読み込めなかったのでPC用のアドレス宛に) このようにiBooksで読むことができました。

ウェブ実装技術が支える電子書籍「読書体験」のデザイン - HTML5・CSS3 でつくった EPUB 3.0 ファイルで実感してみよう EPUB 3.0 の仕様が5月23日に固まり、あとは正式公開を見守るだけという段階になりました。先週末まで開催されていた国際電子出版エキスポの様子からも、出版・印刷各社が本気で電子書籍・EPUB に注力しているのがうかがえます。 EPUB とはなにか・EPUB 3.0 でなにができるのかは、以前このブログにディレクタの内藤が書いた記事（１・２）などで確認していただくとして、今日は、EPUB 電子書籍の制作とウェブデザインとの関連をテーマにしてお話ししたいとおもいます。 EPUB も 3.0 から HTML5 ベース（XHTML5）となり、ウェブページの表現や設計実装に起きている大きな変化の流れに一層寄り添うことが決まりました。 今後、ウェブ制作業界は、HT

133. Executive Director Bill McCoy Books In Browsers 2010 Today at Internet Archive http://blog.archive.org/2010/10/21/books-in-browsers-today/ 134. http://idpf.org/about-us/leadership Nick Bogaty Adobe Peter Brantley Internet Archive Ken Brooks Cengage Learning Garth Conboy Google Liza Daly Threepress Consulting Inc. George Kerscher DAISY Consortium Cristina Mussinelli Associazione Italiana Edito

これから普及が予想される電子書籍や電子雑誌がインタラクティブになっていくことは間違いありません。映像が埋め込まれたニュース、好きな角度から洋服が見られるファッション雑誌、操作しながら解いていけるパズル、途中で登場するモンスターを倒さないとその先が読めないロールプレイング小説、なんていうのもあるかもしれませんね。 将来の電子書籍はアプリケーションと区別がつかなくなる、と僕は考えています。 先日ワーキングドラフトが公開された次世代電子書籍フォーマット「EPUB 3」では、JavaScriptが仕様の中に組み込まれる予定です。将来の電子書籍でのインタラクティブな実装はJavaScriptによって行われることになります。 HTML5/SVGで定義されたスクリプティングをサポート 昨年の12月22日にインプレスR&Dが創刊した電子出版をテーマにした電子雑誌「On Deck（オンデッキ）」の1月18日

Wondershare Softwareが、Mac用PDF変換アプリ「PDF Converter」を、Mac App Storeにて販売を開始していたので試してみました。 複数のPDFファイルを一括で、Word、Excel、PowerPoint、EPUB、テキスト、HTMLファイル形式に変換することが出来るアプリです。なお、無料体験版が、こちらからダウンロード出来ます。

やっとiPadを入手した*1。 で、ちょっと困ったなぁと思ったこと。 デフォルト状態ではiPad上のiBooksでのePUBファイルの表示は本体を縦使いすることを想定しているようで……。 例えば横長の画像を1頁大で配置したい場合、横長の画像をそのまま配置すると以下のような状態になる。 （以下、画像はすべて同じサイズ_547*729ピクセル/132dpi） この向きで2枚は表示できないが、本体を回転させて2頁の見開き状態にすると…… こんな（なるべく大きく表示したい）場合、従来のDTPでは回転させた状態で配置すればいいハズ……*2 だが、その画像を正方向から見ようとiPadを回転させると…… 2ページ見開きの表示となり、いつまでたっても正方向からその画像を見ることはできない……というアホみたいなことになる。 ※iPadには回転をロックする機能もあるにはあるのだが…… 「iPad：スクリーン回

ePUBの外字で四苦八苦している。 ビューワ側で文字の大きさが変更できるリフロー型のePUBでは、外字もその変更に追随して変化する必要があるということは当然の理屈だが……。 「分」の部分が八屋根に作ってある「頒」をIllustratorからSVG形式で書き出した画像を貼り込んでいるのだが、リーダー（ブラウザ）によって表示が…… 左より順にAdobe Digital Editions/Firefox+EPUBReader機能拡張/Firefox/Sfari/ ※後ろふたつはePUBを解凍しxhtmlを表示させたモノ （生憎 iPad なるモノを持っていないので確認にお手間をおかけしている） ※あ=/か=/さ=と使用するタグを変えて…… ※適当なサイズでSVG形式に書き出したモノには「width="1em" height="1em"」を付加し（2&4ブロック）、そのファイルを1emサイズになる

ドキュメント内に書き込みます。InDesignでは［段落スタイル］パネル内で記述されていて、一覧表示するような機能はありません。 複数ドキュメントは、ブック機能を使って、それぞれのドキュメントの段落スタイルを同期する機能があります。あくまでも同じものに書き換えるという機能で、それぞれのドキュメント内に記述されていることには変わりありません。 ブック機能＋スタイルの同期は、慎重に行わないと、大事故につながります。 基本的に、外部スタイルシート書類内に書き込み、それぞれのHTML（XHTML）からはリンクして参照します。 HTML（XHTML）が何百ページあっても、CSSファイル内の記述を変更すれば、それが即座に変更されます。 CSSは1ファイルでなく、複数ファイルに分け、それらを同時にHTML（XHTML）から参照できます。 また、CSSファイルから、別のCSSファイルを読み込むことができま

同じスタイルシートですが、DTPのスタイル機能とWeb/ePubのCSSは、かなり異なります。Webでは「HTML+CSS（XHTML+CSS）」と記述するように、CSSだけでなく、その前提となるHTML（XHTML）をどう記述するかが肝心です。 見出し、本文、キャプションにかかわらず、すべての段落は、同じ段落です。 これに段落スタイルを作成／適用することで、見かけ上、見出しらしく、本文らしく、キャプションらしく見えます。 それぞれの段落には、段落スタイルを適用する必要があります。 文字レベルで書式を設定するには、文字スタイルを作成／適用します。文字スタイルは、段落スタイルよりも優先されます。 それぞれの段落には、h1（大見出し）、h2（中見出し）、p（単なる段落）のようにタグ付けされています。サイズや金額を示す洋服のタグと同じようなものです。タグが付けられた段落は、h1要素、h2要素、p