『XSL-FOの基礎』画像制作のこと。Word経由でインポートした画像は印刷品質の劣化が激しいため、第2版ではできるだけSVG形式に変更した件。

『XSL-FOの基礎』は初版は2016年5月に初版をリリースしましたが、今回は大幅に改訂して第2版となります。改訂の一部として、多くの画像をラスターからベクトル(SVG形式)に変更しました。以下、このことを少し説明します。

本書にはXSL-FOのオブジェクトとプロパティの説明の一部として組版結果の紹介をしています。例えば、こんな感じです。

組版結果はPDFです。初版では、組版結果の多くはPDFを表示して画像スクリーンキャプチャしていました。最初のうち原稿をWordで書いていましたので、スクリーンから切り取ってWordに貼り付けていたものもあります。原稿のWord文書をCAS-UBで取り込んだとき、このラスター画像もCAS-UBに取り込まれます。途中からはCAS-UBで原稿を直接書いて編集しましたので、スクリーンをキャプチャしてPNGファイルとして取り込んだものもあります。初版の画像制作は、主に次のようなフローになります。

こうした画像を画面で見ている限りでは、それほど見栄えに差がないのですが、プリントオンデマンドで紙に出力しますと画像の品質の差が歴然となります。Wordに貼り付けて(CAS-UBのWordインポートで)CAS-UBに取り込んだ画像は品質が非常に悪くなります。一方、PNGファイルをCAS-UBに取り込むときは、印刷したときの画像の品質はPNGの精度(ピクセル数)次第です。特に、文字がはいっているような画像は品質が低いと問題があります。

ということで第2版ではできるだけPDFからベクトル画像(SVG)を作ることにしました。SVGを作る方法はいろいろあると思いますが。今回は自社開発のPDFビューアのSVG切り出し機能を使いました[PDF加工画像化ツール]。この操作は次のようになります。


図1 PDFを開く


図2 SVGにしたい範囲を選択


図3 SVG形式で保存

SVGにした画像はPNG形式も用意しています。PDF生成時はSVG形式を使い、EPUB生成時にはPNGに差し替えるようにしました。残念ながらKindleではSVGを正しく表示できないことがあるためです。

SVGからPNGへの変換は「置換」機能を使います。

複数の画像ファイルを用意しておき、出力形式によって画像を使い分ける機能はCAS-UBのWeb制作サービスの中に取り込んでいきたいものです。これは次のバージョンアップの課題の一つといたします。

参考資料
1. 技術書典2と『PDFインフラストラクチャ解説』第1.1版、『XSL-FOの基礎 第二版』のご紹介
2. 『XSL-FO の基礎 – XML を組版するためのレイアウト仕様』
3.Wordに埋め込まれたイメージ画像の解像度はどうなるか?

CAS-UB 操作紹介ミニ動画が20本になりました。

CAS-UBはデジタル技術を活用して本を作るWebサービスです。その特徴は、次のような点にあります。

(1)小説のようなほぼ文字だけの本ではなく、図版や表などを多用する専門書も編集・制作できること
(2)EPUBだけではなく、プリントオンデマンドのためのPDFを簡単なパラメータ設定のみで作ることができること

特に紙の本は、できあがったものを見ますと、一見簡単にできていそうに見えます。しかし、実際に本を作ってみますと、まず本の編集・制作作業はかなり複雑です。紙の本には長い歴史があり、表紙・扉・前書・目次・本文・後書・索引などの多くの構成要素があります。さらに日本語の本は横組・縦組があり、綴じ方(開き方)が反対になります。他にどんな点が難しいかは下記の参考資料(本のワンソースマルチユース制作〜その理論・実践・未来)をご覧ください。本の制作にあたっては、このような諸要素を予め配慮する必要があります。

こうしたことから、商業出版社では、専門的な知識をもつDTP制作者や制作会社に制作作業を外注していることが多いようです。しかし、本の制作を外注して行うと日程や費用が掛かってしまいます。さらに、DTPで制作するとPDFに特化してしまうため、EPUBなどの電子書籍にするのに別途の日にちがかかります。

CAS-UBは、コンピュータを使って、本の編集・制作作業をできるだけ自動的に行い、知識の伝搬・技術・産業の発展に欠かせない専門的な本の生産性を高めるのが目標です。

やや複雑なCAS-UBの編集操作やPDFの作成を、直感的に理解していただくために、次のミニ動画を用意しています。それぞれ1~2分ですので、ぜひご覧ください。なお、この中の動画の多くは、ECMJ石田社長のブログを、ECMJ流Eコマースを勝ち抜く原理原則 シリーズという本にする過程を録画したものです。

CAS-UB紹介動画一覧

新しい出版物の作成
編集機能について
図版と画像の扱い
本の構成を編集する
PDF生成

なお、動画の内容は随時追加・改訂していく予定です。

参考資料
本のワンソースマルチユース制作〜その理論・実践・未来
CAS-UB Webページ
ミニ動画作成のきっかけになった10月24日セミナーのプレゼンテーション

CAS-UBの編集デモ動画 新ファイル : 索引を追加する

ブログの記事を整理した本文ができあがりました。本には索引が必要ですので、簡単な索引を設定します。

【シナリオ】
1.索引を設定します
(1) 本文で索引項目を選定します。日本語の漢字を含むときは、索引の読みを入力して、「CAS記法」をクリックすると索引がマークアップされます。
(2) アルファベット・カタカナ・ひらがなは読みの入力は不要です。
(3) 本文中に表示されない索引項目は位置だけ指定し、索引語と(必要なら)読みを入力します。索引のマークアップには:nodisp属性が付きます。
(4) PDFに索引を「出す」「出さない」を設定します。(索引項目が一つもないと、「出す」としても索引ページはできません。)
(5) 目次に索引ページが追加されています。
(6) 索引項目には本文へのリンクが設定されます。

※PDFの生成設定は本文二段組みとなっている。

【デモ動画】
索引を追加する(mp4動画です)

【デモ動画一覧】(それぞれMP4ファイルを表示します)
(1)新出版物を作り『蕎麦の味と食い方問題』(青空文庫)をコピーする
(2)ルビ、縦中横、リンクをマークアップする
(3)Wordからの外部入力の操作例
(4)PDF生成の基本設定
(5)PDF生成のレイアウト調整
(6)PDFの後書きのページ内配置と見出しの指定変更
(7)『XSL-FOの基礎』サンプルレイアウト改善の例
(8)ブログをコピーして節の本文に貼り付け、項の見出しを付ける
(9)目次に出す見出しのレベルを二つから一つに変更する
(10)検索、検索・置換する、記事の先頭はそのままにする
(11)Word文書で作成した「前書」を追加します。

CAS-UBの編集デモ動画 新ファイル : 前書を追加する

ブログの記事を整理した本文ができあがりました。そこで、Word文書で作成した「前書」を追加します。

【シナリオ】
1.本文第1章~第9章に「前書」を追加する
2.まえがきはWordの原稿で用意する
3.Wordの原稿からインポートする
4.記事の種類を「前書」に設定する
※「前書」は自動的に目次の前に配置する
 「前書」には番号は付かない

※PDFの生成設定は本文二段組みとなっている。

【デモ動画】
前書を追加する(mp4動画です)

【デモ動画一覧】(それぞれMP4ファイルを表示します)
(1)新出版物を作り『蕎麦の味と食い方問題』(青空文庫)をコピーする
(2)ルビ、縦中横、リンクをマークアップする
(3)Wordからの外部入力の操作例
(4)PDF生成の基本設定
(5)PDF生成のレイアウト調整
(6)PDFの後書きのページ内配置と見出しの指定変更
(7)『XSL-FOの基礎』サンプルレイアウト改善の例
(8)ブログをコピーして節の本文に貼り付け、項の見出しを付ける
(9)目次に出す見出しのレベルを二つから一つに変更する
(10)検索、検索・置換する、記事の先頭はそのままにする

CAS-UBの編集デモ動画 新ファイル : 検索、検索・置換する、記事の先頭はそのままにする

ブログの記事に、「総ページビュー(PV)」という表現が頻出します。そこで、各記事の先頭だけは「総ページビュー(PV)」とし、あとは「総ページビュー」に置換します。

【シナリオ】
1.「総ページビュー(PV)」を検索
2.三つの記事に延べ20回以上
3.「総ページビュー(PV)」を「総ページビュー」に置換
4.各記事の先頭だけはそのまま残す
5.チェックが済んだら置換します
6.「総ページビュー(PV)」を検索
7.各記事の先頭だけ残っています

※PDFの生成設定は本文二段組みとなっている。

【デモ動画】
検索、検索・置換する、記事の先頭はそのままにする(mp4動画です)

【デモ動画一覧】(それぞれMP4ファイルを表示します)
(1)新出版物を作り『蕎麦の味と食い方問題』(青空文庫)をコピーする
(2)ルビ、縦中横、リンクをマークアップする
(3)Wordからの外部入力の操作例
(4)PDF生成の基本設定
(5)PDF生成のレイアウト調整
(6)PDFの後書きのページ内配置と見出しの指定変更
(7)『XSL-FOの基礎』サンプルレイアウト改善の例
(8)ブログをコピーして節の本文に貼り付け、項の見出しを付ける
(9)目次に出す見出しのレベルを二つから一つに変更する

CAS-UB V4紹介ブログ
1. CAS-UB V4.0の公開予定についてのご案内(予告)
2. CAS-UB V4の編集画面を垣間見る。V3では構成編集と編集画面が別でしたが、統合しました。
3. CAS-UB V4.0 デジタルファーストへ向けて、CAS記法の強化
4. CAS-UB のWebサービスV4.0をリリースしました
5.10月24日 CAS-UB 五周年記念セミナーのスライドと動画をアップしました。
6. CAS-UBの編集デモファイル 見出しを付ける

CAS-UBの編集デモ動画 新ファイル : 目次に出す見出しのレベル

ブログの記事を幾つかの章に分類して章には見出しを付けます。そして、ひとつひとつを節の記事とします。

【シナリオ】
1.本文は章-節の二階層となります。
2.PDF出力のデフォルトでは、章と節の見出しを目次の項目とします。
3.節が多いとき、目次の項目が多くなります。
4.目次に章の見出しだけ出すように設定を変更します。
5.章見出しだけが目次項目となります。
6.目次項目には本文へのリンクが設定されます。

※PDFの生成設定は本文二段組みとなっている。

【デモ動画】
目次に出す見出しのレベルを変更する例(mp4動画です)

【デモ動画一覧】(それぞれMP4ファイルを表示します)
(1)新出版物を作り『蕎麦の味と食い方問題』(青空文庫)をコピーする
(2)ルビ、縦中横、リンクをマークアップする
(3)Wordからの外部入力の操作例
(4)PDF生成の基本設定
(5)PDF生成のレイアウト調整
(6)PDFの後書きのページ内配置と見出しの指定変更
(7)『XSL-FOの基礎』サンプルレイアウト改善の例
(8)ブログをコピーして節の本文に貼り付け、項の見出しを付ける

CAS-UB V4紹介ブログ
1. CAS-UB V4.0の公開予定についてのご案内(予告)
2. CAS-UB V4の編集画面を垣間見る。V3では構成編集と編集画面が別でしたが、統合しました。
3. CAS-UB V4.0 デジタルファーストへ向けて、CAS記法の強化
4. CAS-UB のWebサービスV4.0をリリースしました
5.10月24日 CAS-UB 五周年記念セミナーのスライドと動画をアップしました。
6. CAS-UBの編集デモファイル 見出しを付ける

CAS-UBの編集デモ動画 新ファイル : 見出しを付ける

ブログの記事をコピーして、節の記事とする例のデモ動画を追加しました。

【シナリオ】
1.CAS-UBの記事の構成は章-節となっている
2.ブログのタイトルをコピーして節のタイトルに貼り付ける
3.ブログの本文をコピーして節の本文に貼り付ける
4.記事の本文の*を見出しのマークアップ’=’にする
5.CAS-UBは見出しと段落には一行を空ける
6.PDFを生成する

※PDFの生成設定は本文二段組みとなっている。

【デモ動画】
ブログの記事をコピーして、節の記事とする例(mp4動画です)

【デモ動画一覧】(それぞれMP4ファイルを表示します)
(1)新出版物を作り『蕎麦の味と食い方問題』(青空文庫)をコピーする
(2)ルビ、縦中横、リンクをマークアップする
(3)Wordからの外部入力の操作例
(4)PDF生成の基本設定
(5)PDF生成のレイアウト調整
(6)PDFの後書きのページ内配置と見出しの指定変更
(7)『XSL-FOの基礎』サンプルレイアウト改善の例

CAS-UB V4紹介ブログ
1. CAS-UB V4.0の公開予定についてのご案内(予告)
2. CAS-UB V4の編集画面を垣間見る。V3では構成編集と編集画面が別でしたが、統合しました。
3. CAS-UB V4.0 デジタルファーストへ向けて、CAS記法の強化
4. CAS-UB のWebサービスV4.0をリリースしました
5.10月24日 CAS-UB 五周年記念セミナーのスライドと動画をアップしました。
6. CAS-UBの編集デモファイル 見出しを付ける

10月24日 CAS-UB 五周年記念セミナーのスライドと動画をアップしました。

昨日は市ヶ谷にてCAS-UB 五周年記念セミナーを開催致しました。
CAS-UBのWebサービスは、10月20日にV4.0となりました。

今回の機能改善で、編集操作がかなり使い易くなりました。

またPDFレイアウト指定についても、実際にプリントオンデマンドの本を書いて出版したりしながら、問題点を洗い出して改善しています。

セミナーのスライドと、デモに使いました動画をこちらに用意しましたので、ぜひご覧下さい。

1.セミナーのスライド(PDFをダウンロード)

2.動画(MP4ファイルを表示します)
(1)新出版物を作り『蕎麦の味と食い方問題』(青空文庫)をコピーする
(2)ルビ、縦中横、リンクをマークアップする
(3)Wordからの外部入力の操作例
(4)PDF生成の基本設定
(5)PDF生成のレイアウト調整
(6)PDFの後書きのページ内配置と見出しの指定変更
(7)『XSL-FOの基礎』 サンプルレイアウト改善の例

関連ブログ
1. CAS-UB V4.0の公開予定についてのご案内(予告)
2. CAS-UB V4の編集画面を垣間見る。V3では構成編集と編集画面が別でしたが、統合しました。
3. CAS-UB V4.0 デジタルファーストへ向けて、CAS記法の強化
4. CAS-UB のWebサービスV4.0をリリースしました
5. CAS-UBの編集デモファイル 見出しを付ける

CAS-UB V4.0 デジタルファーストへ向けて、CAS記法の強化

CAS-UB V4.0の機能強化ポイント・その2は、CAS記法の強化です。具体的な強化ポイントは「CAS-UB V4.0の公開予定についてのご案内」をご覧下さい[1]。ここではなぜCAS記法が必要かをざっとお話します。

1.出力媒体に合わせた制作作業が一般的
原稿から紙の本(PDF)、EPUB、Webページを作るためには、それぞれの成果物に併せて原稿をレイアウトする必要があります。通常のやり方は、原稿ができたら①PDFを作るときはInDesignなどのDTPで組版処理を行い、②またEPUBを作るときは、素材からそれなりのツールで制作作業を行い、③Webページを作るときは、また素材からWebページ用の編集ツールで制作する、という風に出力媒体に合わせて制作作業を行います。

さらに多くの場合は、紙の出版物を作るためにInDesignで制作したPDFを使って校正をすすめて完成させ、そのデータからEPUBやWebなどの成果物を作ることが多いでしょう。最近はブログを含むWebページやからスタートするケースが増えているかもしれません。いずれにしても表示する媒体が先立っています。

2.CAS-UBでは出力媒体に合わせた制作作業は最小
CAS-UBの特徴は成果物毎の制作は行わずに編集ができたら、それぞれのボタンをクリックするだけで、紙用の成果物、EPUB、Webページを作ります。

原稿をコンテンツとして仕上げ、そこから様々な媒体に一気に展開します。これこそが本来のデジタルファーストと考えます。

3.汎用的なコンテンツを作るためのCAS記法
デジタルファーストを実現するためには、原稿の編集において、様々な出力に使える汎用的なコンテンツを準備することが必要です。CAS-UBのUBはUniversal Bookという意味で、汎用的な書籍内容のことです。

構造はマークアップという方式で付与します。マークアップの標準はXMLですが、編集時にXMLを直接マークアップするのは専門的な知識が必要です。そこで、XMLに関する専門的な知識がなくても、相応のマークアップができるようにしたのがCAS記法です。CAS-UBではCAS記法を覚えなくても本を作れますが、しかし、覚えていただくとより表現力がアップします。

来週のセミナーでは、このあたりについても、もう少し具体的に、また、分かりやすくお話したいと考えています。

[1] CAS-UB V4.0の公開予定についてのご案内(予告)

10月24日(月)バージョンアップ内容についてご案内するセミナーを予定しています。お申し込みはこちらからどうぞ:
http://www.cas-ub.com/user/seminar.html

■PDF関連情報
流通によるプリントオンデマンドでの出版が現実のものとなった今、その活用の課題を考える。(2017年1月時点)

CAS-UBの使い方:PDFとEPUBにユーザーがアップロードしたフォントを埋め込む

国際電子出版EXPOでの展示見本用に、青空文庫のシャーロックホームズ・シリーズ『暗号舞踏人の謎』をPOD本にしています。

『暗号舞踏人の謎』(青空文庫)

折角PODで本にするのに間違いがあってはいけないと考え、内容をチェックしてみました。なんと暗号文の画像に間違いがあるのを見つけてしまいました。

下の2か所はNEVERと言う単語ですが、Rの文字が間違っています。
fig45340_04b

正しくは次でなければなりません。
fig45340_04

そんなことをfacebookに書いたところ、この絵文字はアウトラインフォントがあることを教えていただきました。

GL-DancingMen font

おお! これは良い。さすがに人気長寿作品だけのことはあります。

CAS-UBは、ユーザー独自のフォントをアップロードして、PDFとEPUBに埋め込むことができます。フォント埋め込みを使えば、特殊な文字の形をEPUBやPDFで表示できます。

暗号文を画像で表す代わりにフォントを使うとどうなるか早速試してみました。フォント埋め込みの使い方は次の通りです。

まず、CAS-UBの「フォント」メニューでGL-DancingMen fontフォントをアップロードします。
20150623

CAS-UBはフォントにクラス名を割り当てます。このフォントのクラス名は「font-GL-Dancingmen」です。
20150623a

編集画面で、タイトルと本文のテキストにフォント・クラスを指定します。次のようにマークアップします。
20160623b

この暗号文では単語の区切りは人形の旗で表します。font-GL-Dancingmenは旗を持った人形を大文字に割り当てています。

【説明】
CAS記法(簡易マークアップ)で[[[:font-GL-Dancingmen テキスト]]]とマークアップしますと、<span class=”font-GL-Dancingmen”>テキスト</span>となります。

「内容表示」でプレビューしてみます。
20160623c

PDFを生成します。フォントが埋め込まれて暗号文がフォントで表示されます。
20160623d

EPUBを生成します。EPUBにもフォントが埋め込まれますので、Adobe Digital Editionsでも暗号文が正しく表示されます。
20160623e