→ワンソースマルチユースの課題:HTMLソースのオーサリング問題を改めて考えてみようと。cas-support返信2017年になってから久しぶりにWebページを自分で編集・更新をし始めています。XHTML形式のWebページをoXygenというXMLエディタ[1]で編集しているのですが、このところ毎日Webページ制作の生産性の低さに辟易しています。遡っての個人的な経験ですが、私は2000年頃からドキュメントの多くをXML(XHTML)で作成するようになり、Webページなども簡単なHTMLタグの組み合わせで作成していました。それらのWebページはXHTMLタグでマークアップして簡単なCSSでレイアウトを施したものです。XMLエディタという自社開発のXMLエディタを使っていました。XMLエディタは、開発があまり進まず、時代の流れに遅れてしまい、結局、販売も断念してしまいました。その間、HTMLのタグを直接編集するのはどうも生産性が低いのでなんとかうまい解決策がないものかと考えていました。した経験からWiki記法のような簡易マークアップを使ってHTMLを書くことで、HTML制作の生産性を高めることができるだろう、と考えました。それが、2010年にCAS-UBの開発を開始した一つの理由です。CAS-UBはWiki記法を拡張したCAS記法をつかってHTML文書を記述します[2]。これは檜山正幸さんという天才的なアーキテクトに設計していただいたものです。自分で言うのもなんですが、いつも良く出来ていると感じます。CAS記法をなかなか普及させられないのは、偏に私のマーケティング力が足りないからだと反省します。一つの理由は、出版の世界は一品生産のため、DITAマニュアルの制作システムのように大きな投資が必要なシステムを作るのは難しいので、PDFとEPUBを作る仕組をWebサービスとして提供するのが向いているのではないかと考えたことです。CAS-UBは出版物を作る仕組としてうまく機能するようになっています。したことで、2011年頃から、業務上の文書はOffice、簡単なWebページはブログ、出版物にするときはCAS-UB、といった使い分をしていました。そんなことで、個人的には問題も感じなくなり、もうワンソースマルチユースには課題はないだろうなどと考え始めていたのです。ワンソースマルチユースの大きな課題であるソースドキュメント編集の問題について、やや忘れかけていました。久しぶりにWebページ(HTML)をXMLエディタ(oXygen)で編集し始めて、HTML直接編集の生産性がさらに低下しているのに辟易しています。HTMLの生産性が低い理由は、コンテンツ(原稿)とタグ(マークアップ)の二つを同時に考えるためと思っていました。今回、久しぶりにWebページを編集してみて、レイアウトのための余計なクラス属性や余計な階層構造が、さらに生産性を下げる原因になっている、と痛感しています。拓樹著、インプレス発行、2016年2月第1版第4刷)を読んでいます。この本を見ますとCSSのセレクタには要素ではなく、クラス属性を指定する方を推奨しています。なってきますと、今度はコンテンツの編集の際に、レイアウトのためのクラスの設定を適切に行わなければならなくなります。結局、HTMLの編集において、テキストや画像コンテンツ、セマンティクスとしてのHTMLタグ、さらにCSSレイアウトのためのクラス属性の設定、という三つを同時に考慮しなければなりません。本末転倒しているように感じます。したら良いんでしょうかね。最近、2回ほど学術情報XML推進協議会のセミナーに参加して、皆さんの意見も伺い、久しぶりにコンテンツ制作の問題がまだ課題なんだな、と痛感している次第です。いうことで、HTMLのオーサリングについて、改めて整理し直そうと考えているところです。HTMLを手軽に作る方法を再検討します。手軽といえば、まずWordでHTMLを作ることが思いつきます。ワンソースマルチユースの課題:HTMLソースのオーサリング問題を改めて考えてみようと。HTMLを手軽に作る方法を再検討します。手軽といえば、まずWordでHTMLを作ることが思いつきます。Word2013のWord文書をHTML形式で保存を試してみる。コメントをどうぞ『XSL-FOの基礎』画像制作のこと。Word経由でインポートした画像は印刷品質の劣化が激しいため、第2版ではできるだけSVG形式に変更した件。cas-support3『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加工画像化ツール]。この操作は次のようになります。SVG形式で保存SVGにした画像はPNG形式も用意しています。PDF生成時はSVG形式を使い、EPUB生成時にはPNGに差し替えるようにしました。残念ながらKindleではSVGを正しく表示できないことがあるためです。SVGからPNGへの変換は「置換」機能を使います。複数の画像ファイルを用意しておき、出力形式によって画像を使い分ける機能はCAS-UBのWeb制作サービスの中に取り込んでいきたいものです。これは次のバージョンアップの課題の一つといたします。操作紹介ミニ動画が20本になりました。cas-support返信CAS-UBはデジタル技術を活用して本を作るWebサービスです。その特徴は、次のような点にあります。(1)小説のようなほぼ文字だけの本ではなく、図版や表などを多用する専門書も編集・制作できること(2)EPUBだけではなく、プリントオンデマンドのためのPDFを簡単なパラメータ設定のみで作ることができること特に紙の本は、できあがったものを見ますと、一見簡単にできていそうに見えます。実際に本を作ってみますと、まず本の編集・制作作業はかなり複雑です。多くの構成要素があります。日本語の本は横組・縦組があり、綴じ方(開き方)が反対になります。他にどんな点が難しいかは下記の参考資料(本のワンソースマルチユース制作〜その理論・実践・未来)をご覧ください。本の制作にあたっては、このような諸要素を予め配慮する必要があります。したことから、商業出版社では、専門的な知識をもつDTP制作者や制作会社に制作作業を外注していることが多いようです。本の制作を外注して行うと日程や費用が掛かってしまいます。DTPで制作するとPDFに特化してしまうため、EPUBなどの電子書籍にするのに別途の日にちがかかります。CAS-UBは、コンピュータを使って、本の編集・制作作業をできるだけ自動的に行い、知識の伝搬・技術・産業の発展に欠かせない専門的な本の生産性を高めるのが目標です。複雑なCAS-UBの編集操作やPDFの作成を、直感的に理解していただくために、次のミニ動画を用意しています。それぞれ1~2分ですので、ぜひご覧ください。シリーズという本にする過程を録画したものです。コピーする編集機能についてブログのタイトルをコピーして節のタイトルとし、ブログの本文をコピーして節の本文とする。節の本文に項の見出しをマークアップするブログの本文をコピーして節の本文とする。節の本文に項の見出し、箇条書きをマークアップ。段落先頭の空白を削除(置換)。PDFにしてみる青空文庫の記法のルビ、縦中横、リンクをCAS-UBのマークアップにする用語を検索する。用語検索・置換する、そのとき記事の先頭の用語はそのままにするWord文書を外部入力(インポート)する操作の例。横組の図版配置は7つのパターン。うち、1図版をテキスト中になりゆきで配置するか、2常に版面の上部に移動するか、3原則なりゆきで空きができるとき位置を調整するかの3つを示す本の構成を編集する本文の5章の最後に、新しい節を追加。内容をコピー&ペースト・編集して保存。節の順序をドラッグ&ドロップで入れ替える(11月29日追加)記事一覧で選んだ節の後ろに3本の節を挿入し、ブログから内容をコピー&ペーストする(11月30日追加)本文と目次の前に前書を追加。Word文書で作成した「前書」を追加する奥付を追加する。味と食い方問題』を、表紙の書名・著者名の設定と判型など基本設定しただけでPDF生成する青空文庫のPDF生成:続き。レイアウト調整(最初の見出しを出さない、段落先字下げ、など)青空文庫のPDF生成:その三。縦中横を箇条書きに、青空文庫の書誌(後書)を横組でテキストをページ内下部に配置する目次に出す見出しのレベルを二つ(デフォルト)から一つに変更し、目次の項目を減らすプリントオンデマンド(POD)用PDFの作り方。表紙、PDF生成をPOD用設定に変更するなお、動画の内容は随時追加・改訂していく予定です。cas-support返信ブログの記事を整理した本文ができあがりました。本には索引が必要ですので、簡単な索引を設定します。本文で索引項目を選定します。日本語の漢字を含むときは、索引の読みを入力して、「CAS記法」をクリックすると索引がマークアップされます。アルファベット・カタカナ・ひらがなは読みの入力は不要です。本文中に表示されない索引項目は位置だけ指定し、索引語と(必要なら)読みを入力します。索引のマークアップには:nodisp属性が付きます。PDFに索引を「出す」「出さない」を設定します。(索引項目が一つもないと、「出す」としても索引ページはできません。目次に索引ページが追加されています。索引項目には本文へのリンクが設定されます。※PDFの生成設定は本文二段組みとなっている。索引を追加する(mp4動画です)【デモ動画一覧】(それぞれMP4ファイルを表示します)(1)新出版物を作り『蕎麦の味と食い方問題』(青空文庫)をコピーする(2)ルビ、縦中横、リンクをマークアップする(3)Wordからの外部入力の操作例(4)PDF生成の基本設定(5)PDF生成のレイアウト調整(6)PDFの後書きのページ内配置と見出しの指定変更(7)『XSL-FOの基礎』サンプルレイアウト改善の例(8)ブログをコピーして節の本文に貼り付け、項の見出しを付ける(9)目次に出す見出しのレベルを二つから一つに変更する(10)検索、検索・置換する、記事の先頭はそのままにする(11)Word文書で作成した「前書」を追加します。cas-support返信ブログの記事を整理した本文ができあがりました。そこで、Word文書で作成した「前書」を追加します。【シナリオ】1.本文第1章~第9章に「前書」を追加する2.まえがきはWordの原稿で用意する3.Wordの原稿からインポートする4.記事の種類を「前書」に設定する※「前書」は自動的に目次の前に配置する「前書」には番号は付かない※PDFの生成設定は本文二段組みとなっている。cas-support返信ブログの記事に、「総ページビュー(PV)」という表現が頻出します。そこで、各記事の先頭だけは「総ページビュー(PV)」とし、あとは「総ページビュー」に置換します。【シナリオ】1.「総ページビュー(PV)」を検索2.三つの記事に延べ20回以上3.「総ページビュー(PV)」を「総ページビュー」に置換4.各記事の先頭だけはそのまま残す5.チェックが済んだら置換します6.「総ページビュー(PV)」を検索7.各記事の先頭だけ残っています※PDFの生成設定は本文二段組みとなっている。V4の編集画面を垣間見る。V3では構成編集と編集画面が別でしたが、統合しました。五周年記念セミナーのスライドと動画をアップしました。cas-support返信ブログの記事を幾つかの章に分類して章には見出しを付けます。ひとつひとつを節の記事とします。【シナリオ】1.本文は章-節の二階層となります。2.PDF出力のデフォルトでは、章と節の見出しを目次の項目とします。3.節が多いとき、目次の項目が多くなります。4.目次に章の見出しだけ出すように設定を変更します。5.章見出しだけが目次項目となります。6.目次項目には本文へのリンクが設定されます。※PDFの生成設定は本文二段組みとなっている。V4の編集画面を垣間見る。V3では構成編集と編集画面が別でしたが、統合しました。五周年記念セミナーのスライドと動画をアップしました。cas-support1ブログの記事をコピーして、節の記事とする例のデモ動画を追加しました。【シナリオ】1.CAS-UBの記事の構成は章-節となっている2.ブログのタイトルをコピーして節のタイトルに貼り付ける3.ブログの本文をコピーして節の本文に貼り付ける4.記事の本文の*を見出しのマークアップ’=’にする5.CAS-UBは見出しと段落には一行を空ける6.PDFを生成する※PDFの生成設定は本文二段組みとなっている。V4の編集画面を垣間見る。V3では構成編集と編集画面が別でしたが、統合しました。五周年記念セミナーのスライドと動画をアップしました。五周年記念セミナーのスライドと動画をアップしました。五周年記念セミナーを開催致しました。CAS-UBのWebサービスは、10月20日にV4.0となりました。今回の機能改善で、編集操作がかなり使い易くなりました。PDFレイアウト指定についても、実際にプリントオンデマンドの本を書いて出版したりしながら、問題点を洗い出して改善しています。セミナーのスライドと、デモに使いました動画をこちらに用意しましたので、ぜひご覧下さい。V4の編集画面を垣間見る。V3では構成編集と編集画面が別でしたが、統合しました。V4.0の機能強化ポイント・その2は、CAS記法の強化です。V4.0の公開予定についてのご案内」をご覧下さい[1]。ここではなぜCAS記法が必要かをざっとお話します。原稿から紙の本(PDF)、EPUB、Webページを作るためには、それぞれの成果物に併せて原稿をレイアウトする必要があります。通常のやり方は、原稿ができたら1PDFを作るときはInDesignなどのDTPで組版処理を行い、2またEPUBを作るときは、素材からそれなりのツールで制作作業を行い、3Webページを作るときは、また素材からWebページ用の編集ツールで制作する、という風に出力媒体に合わせて制作作業を行います。多くの場合は、紙の出版物を作るためにInDesignで制作したPDFを使って校正をすすめて完成させ、そのデータからEPUBやWebなどの成果物を作ることが多いでしょう。最近はブログを含むWebページやからスタートするケースが増えているかもしれません。いずれにしても表示する媒体が先立っています。2.CAS-UBでは出力媒体に合わせた制作作業は最小CAS-UBの特徴は成果物毎の制作は行わずに編集ができたら、それぞれのボタンをクリックするだけで、紙用の成果物、EPUB、Webページを作ります。原稿をコンテンツとして仕上げ、そこから様々な媒体に一気に展開します。これこそが本来のデジタルファーストと考えます。3.汎用的なコンテンツを作るためのCAS記法デジタルファーストを実現するためには、原稿の編集において、様々な出力に使える汎用的なコンテンツを準備することが必要です。Bookという意味で、汎用的な書籍内容のことです。構造はマークアップという方式で付与します。マークアップの標準はXMLですが、編集時にXMLを直接マークアップするのは専門的な知識が必要です。そこで、XMLに関する専門的な知識がなくても、相応のマークアップができるようにしたのがCAS記法です。CAS-UBではCAS記法を覚えなくても本を作れますが、しかし、覚えていただくとより表現力がアップします。来週のセミナーでは、このあたりについても、もう少し具体的に、また、分かりやすくお話したいと考えています。V4.0の公開予定についてのご案内(予告)10月24日(月)バージョンアップ内容についてご案内するセミナーを予定しています。流通によるプリントオンデマンドでの出版が現実のものとなった今、その活用の課題を考える。この機会にオンラインストアを少し改善しました。第3巻』を10月下旬発売します。第4版』プリントオンデマンド版発売。技術書典5にも出品しますのでどうぞよろしくお願いします。簡単な解説10月8日(月)「アンテナハウスCAS電子出版」は、『技術書典5』に出典します。『XSL-FOの基礎』画像制作のこと。Word経由でインポートした画像は印刷品質の劣化が激しいため、第2版ではできるだけSVG形式に変更した件。EdgeのEPUB表示機能はなかなか良い。これからはEdgeだと言いたいところですが、しかし、残念な点もあります。FormatterClubセミナーでの、CAS-UBのスライドと動画を公開しました。