先に結論から

Size: px

Start display at page:

Download "先に結論から"

えりかかに
7 years ago
Views:

1 簡易マークアップとAH Formatterによる商業品質を満たした技術書籍制作フローの展望株式会社トップスタジオ武藤

2 先に結論から

3 AHFormatter CSS組版はまだ本格導入には難あり当社で制作している書籍において

4 でも

5 未来は感じる

6 お話すること当社の紹介 Re:VIEW+InDesign DTPとその制約 Re:VIEW+AH Formatterの状況と展望

7 (株)トップスタジオ編集プロダクション出版社版元が顧客のBtoB事業メーカー等のカタログマニュアルガイドブック等も制作印刷所の手前までを請け負う総合プロダクション企画翻訳執筆編集検証校正組版カバー/紙面デザイン電子書籍化

8 (株)トップスタジオ IT技術書資格書 IT技術資格福祉資格通関士等カタログなど技術書籍出版社の取引先多数ソフトウェアハードウェアプログラミングネットワークソーシャルモバイル etc... Cisco社さま製品カタログ大手メーカーマニュアル英語辞書文芸書 etc... BtoBではあるが制作物はConsumerの目に触れることになる

9 (株)トップスタジオ顧客である出版社の意向が最重要

10 自己紹介武藤健志 (MUTO 株式会社トップスタジオ執行役員えらくないです編集自動組版設計プログラミングその他萬事前職はSGML/XML処理開発 Debian Project公式開発者執筆監修翻訳 TeX好きものぐさ

11 再掲顧客である出版社の意向が最重要ではあるが...

12 ミッション出版社の意向に応えるには... このゾーンの実現が近道

13 制作手法の改善が必要 InDesignファイルのようなバイナリファイルをマスターデータにしない DTPオペレータしか触われない代物に EPUB化はちょっと凝ったデザインだけで破綻原稿データを常に更新し文責のある人編集者 or 著者 or 訳者が直接修正できる原稿データから変換して最終的に組版 PDF が容易にできる

14 制作手法の改善が必要ただし紙面デザイン要素の配置方法は本ごとに変わるシリーズ書でも微妙に違ってたり汎用性がありかつカスタマイズできる制作フローが必要

15 適切な原稿フォーマットでは原稿フォーマットに適切なのは何か技術書籍において独断と偏見とポジショントークです XML (InDesignに利用できる) HTML (EPUB用) テキストどうにもならなくなったときに従来のやり方で組版できるに簡単に変換可能であること特定の紙面デザインに限定されないこと

16 適切な原稿フォーマット Word? スタンダード構造化とは無縁スタイル付けなどすごいがんばればでもそれちゃんと守れる組版の元データにするには厄介事が多い原稿を差し替えて組み直すのは非現実的

17 適切な原稿フォーマット XML? 構造化文書の王道拡張しやすいマークアップタグがたくさんで読みにくい編集しにくいメタ情報が区別しづらい紙面には出さないが原稿には入れておきたい情報コメントや作業連絡など文字のエスケープが頻出する < < > > & &

18 XMLがhuman readable? XML & InDesign 2013, オライリージャパン

19 適切な原稿フォーマット HTML? XMLより覚えることは少ないマークアップの種類が少ない Webブラウザで確認できる拡張性は低い HTMLだからといって紙とEPUBでの併用はあまり現実的でないメタ情報を入れにくい章節項番号や図表番号等の採番機能がない HTMLBook? アンテナハウスさんのアピールとは相反するかも...

20 適切な原稿フォーマットその他 TeX 完全バッチ型数式表現や採番処理など優れた機能紙面化を含んだフローでありその紙面デザインおよびスタイル作成に高度な技術を要する XML化やプレインテキスト化は難 Markdown Wiki 単純なマークアップ githubの人気とともに最近広まりつつある相互参照や採番機能の不足マークアップと地の文の区別がしづらい pandocはまぁまぁいいかも

21 適切な原稿フォーマットがない... 結局マスターデータとして使い続けられるような原稿形式がなかった 2007年当時今だとpandocがわりと良いように思える

22 Re:VIEW れびゅー私が書籍の編集を担当した青木峰郎さんがご自身の執筆環境としてRe:VIEWの原型を開発簡易なマークアップながら相互参照や自動採番の機能を備え構造化されたHTMLやテキスト TeXなどに変換できる私が開発を引き継ぎいろいろな書籍で利用できるように汎用化 InDesignでの利用や EPUB生成機能など達人出版会オライリージャパン等での標準形式の1つに

23 Re:VIEW

24 Re:VIEW原稿初めてのHTML5ゲームプログラミング 2012, オライリージャパン

25 EPUB変換 Chrome+Readiumで表示

26 Re:VIEW+InDesign自動組版 ①Re:VIEW原稿から汎用XMLに変換 ②汎用XMLを書籍の紙面デザインに合わせた加工フィルタに通し InDesign XMLへ ③InDesignの紙面テンプレートに投入し手での組版を近似する手法の独自の JavaScriptで紙面作成 ④文字修正はRe:VIEW原稿を編集し必要なら再度InDesignで紙面作成に近日ムービー掲載予定

27 Re:VIEW+InDesign自動組版

28 Re:VIEW+InDesign自動組版

29 InDesign自動組での表現の課題 50冊以上作ってきた結果オライリージャパンさまのシリーズ書のほか各社の千差万別な紙面おおむね満足いただけている模様どうにもならない制約も見えてきたあきらめて手でがんばるならなんとでもなるが...

30 InD課題1: フロートの扱い図版を本文から独立して版面の上あるいは下に合わせたい

31 InD課題1: フロートの扱い InDesign自動組版はコンテンツが一連のストリームになっていることが前提フロートに見える囲みなどはレイヤー機能ストリームからの切り出しは配置が困難

32 InD課題2: サイドバイサイド手順で左に番号と説明右に図を入れて関係が明示的にわかるようにしたい

33 InD課題2: サイドバイサイド課題1と同様の理由で一連のストリームにする必要があるグルーピングしてインラインテキストフレームとして配置する手動組版の王道が使えない実際に配置しないと箇条書き間にどの程度の空白行が必要かわからない実際に配置してから迂闊にJavaScriptでいじるとクラッシュする

34 InD課題3: バーティカルリズム見開きで左右のページの段落ベースラインが揃うようにしたい

35 InD課題3: バーティカルリズム配置してから自動で調整は困難不安定化配置してから手で調整はきりがないプログラムコードや図表など標準のベースラインと合わないサイズのものが多発すると揃える労力が多大手動組版だとそのような場面のたびに必死に調整していることが...

36 AH Formatterによる解(1) InD課題1: フロート float -ah-float-move -ah-float-x -ahfloat-yといったcss属性で版面の上や下への合わせが可能ただし -ah-float-moveで無茶するとクラッシュ top/bottom等は紙面の見栄えを見て恣意的に人間が判断することに変わりはない HTMLの指定要素のclassパラメータを調整することになるので手間はかかる

37 AH Formatterによる解(2) InD課題2: サイドバイサイド課題1と同じフロートで対処できるブロック化してスタイル付けは HTML+CSSの得意分野

38 AH Formatterによる解(3) InD課題3: バーティカルリズム column-fill属性など標準で段落以外の要素間アキを自動調整しておおむねいい具合になっているように見えるまだ向上の余地ありというアンテナハウス村上さんのtweetがあった

39 Re:VIEW+AH Formatter ①Re:VIEW形式の原稿をマスターデータとするのは同じ ②Formatter用の汎用HTMLに変換 ③紙面に合わせたHTML調整フィルタに通す ④Formatterで組版修正があれば再び Re:VIEW原稿を編集

40 Re:VIEW+AH Formatter

41 AH FormatterのためのHTML Re:VIEW標準のEPUB共通汎用HTMLでは AH Formatterには不都合要素に付いているid属性の値を書籍全体で固有に <h2 id= h1-2 > <h2 id= pre1-h1-2 > 脚注をインライン化 <p>...<div class= footnote ><p class= footnote >脚注内容</p></div>...</p> 表見出し行に<thead>追加 <table> <thead><tr><th>見出し</th><th>見出し </th></tr></thead> <tbody><tr>...</tr></tbody>

42 組版例初めてのHTML5ゲームプログラミング 2012, オライリージャパン

43 CSSの管理 AH Formatter向けのCSS管理が煩雑になりやすい紙面のためのいくぶん複雑な構造さまざまな書体や級数文字サイズ設定 AH Formatter独自のCSS属性が多いため現時点ではテキストエディタで書くしかない

44 CSSの管理 Compassを導入 Rubyツール CSS上位互換のSASSあるいはSCSSで変数やネスト各種プラグインを使ってCSSを記述 Compassツールで標準のCSSに変換 AH Formatter用の支援プラグインがあるとよいかも

45 AHFormatterでの表現の課題私の勉強不足なだけかも案件ごとに紙面デザインがばらばらなので作り込んでいられないという背景

46 AHF課題1: 文字組の設定段落文字組み禁則和欧文アキ量設定などパラメータは相当数あるが... -ah-punctuation-spacing, punctuationtrim, -ah-append-non-end-of-linecharacters, -ah-append-non-startercharacters, -ah-except-non-end-of-linecharacters, -ah-except-non-startercharacters, hanging-punctuation, -ahauto-letter-spacing, -ah-avoid-windowwords, -ah-justify-nbsp, -ah-kerningmode, -ah-letter-spacing-side, textautospace, -ah-text-autospace-width, text-justify-trim

47 AHF課題1: 文字組の設定プリセットがないので設定が大変 InDesignの設定に比べて柔軟性に欠ける InDesignの設定例

48 AHF課題2: 見開きの概念左ページ右ページの概念はあるが見開きスプレッドの考慮がない製本ならではの概念

49 AHF課題2: 見開きの概念 Bad knowhow... 紙面 Chapter: right { Background-repeat: no-repeat; Background-image: url(line.svg); Background-position: 0mm 16mm; } 紙面デザイナーや出版社にとっては見開きをもって1つのデザインと捉えることがある関連して章の最後のページも判断できない

50 AHF課題3: 版面外の要素調整柱ツメノンブルデザイナーの魅せドコロとなることも Linuxサーバーセキュリティ徹底入門 2013, 翔泳社

51 AHF課題3: 版面外の要素調整 AH Formatter/CSSの紙面要素概念

52 AHF課題3: 版面外の要素調整紙書籍固有の話版面の中を操作するCSSは豊富しかし版面外の指示があまり細かく書けない左上などの既定位置をまたがりにくい content属性やstring関数の融通が効かない改善予定

53 まとめ(1) InDesignでは手間のかかることが AH Formatterなら華麗にこなせるケースがある完全な自動化フロートサイドバイサイドバーティカルリズム etc...

54 まとめ(2) AH Formatter/CSSで出版社水準を満たす技術書組版にはまだ解決の必要な課題あり組設定見開き版面外描画これまでのアンテナハウスの活発な開発実績を見るに解決は遠くないと期待

55 まとめ(3) 書籍のマスターデータには扱いやすい原稿フォーマットの導入を原稿からの一方向変換での組版/EPUB作成手法 HTMLを中心にするのは疑問 Re:VIEW形式オススメ

56 まとめ InDesignでは手間のかかることが AH Formatterなら華麗にこなせるケースがある AH Formatter/CSSで出版社水準を満たす技術書組版にはまだ解決の必要な課題あり書籍のマスターデータには扱いやすい原稿フォーマットの導入を本メディアづくりのさまざまなご要望にワンストップでお応えします株式会社トップスタジオ

57 補足株式会社トップスタジオ Re:VIEW はじめてのReVIEW TechBooster

本日の内容レイアウトの前に基本的な知識文書の体裁を整える 2

本日の内容レイアウトの前に基本的な知識文書の体裁を整える 2 読みやすさのための表現 2010.6.8 マニュアルライティング (2010 年度 ) 1 本日の内容レイアウトの前に基本的な知識文書の体裁を整える 2 連絡事項レポート採点中 ( 次回戻し予定 ) 次回講義時に第 3 回レポート課題出題予定 3 レイアウトの前に (1/3) 可読性を向上させる要素視線の動きに対する配慮テキストの視覚処理情報構造の表現見出し処理情報構成要素の表現