【ePub】カテゴリの記事

InDesignから書き出したXHTMLファイルのソースコードは、Web制作に関わる人間から見ると、一瞬クラっとするほど、ムダなコードが含まれています。

たとえ、HTMLに精通していてもハンドコーディングでソースコードを修正していくのは手間が折れるだけでなく、時間がかかり、修正モレも生じます。Dreamweaverを使って

Dreamweaverでの整形の流れ

• .epubファイルを解凍し、その中の「OEBPS」フォルダーを対象に、サイト定義を行う
• 検索置換を利用してソースコードを整形する（後述）
• 見出しセルに設定したいセルをデザインビューで選択後、［プロパティ］パネルの［ヘッダー］をクリックする（tdがthに変更される）
• ［コマンド］メニューの［ソースフォーマットの適用］を実行して、ソースコード内の改行やインデントなどを整理する
• ［ファイル］メニューの［バリデート］→［マークアップ］をクリックして、文法チェックを行う

Dreamweaverの検索置換を使って行うソースコードの整形

Dreamweaverでは、開いているファイルを対象に、高度な検索置換を利用することができます。

検索置換の条件（クエリー）はファイルとして保存し、あとから読み込むことができるので、これを利用するとよいでしょう（DTP Booster 021-026にご参加の方には、このクエリーをご提供しています）。

この方法を使えば、検索ダイアログボックス内ですら、ソースコードを入力することが不要です。

2010年8月19日、アップルストア銀座にて開催されたCSS Nite in Ginza, Vol.51のフォローアップ（スライド、音声）が公開されています。

CSS Niteは、Web制作に関わる方のためのセミナーイベントですが、ジャンルに関係なく、まとめていただいているので、参考になるところがあると思います。

• CSS Nite in Ginza, Vol.51フォローアップ（1）アドビ西村さんのセッション | CSS Nite公式サイト
• CSS Nite in Ginza, Vol.51フォローアップ（2）馮さん（技術評論社）のセッション | CSS Nite公式サイト

2010年6月のDTP Booster 014の終了後、EPUBの編集を行うにあたりCSSやHTMLの最低限の知識が必要だよね、とうことで、都内で開催したDTP Booster 016は、再演（017）、再々演（018）を行いました。これの大阪版を10月2日に開催します。

• イベント名：DTP Booster 020（Osaka/101002）
• 日時：10月2日（土）13:50-16:10
• 会場：大阪産業創造館（サンソウカン）（大阪市中央区本町）
• 参加費：2,500円（事前決済）

電子書籍の汎用フォーマットであるEPUBのオーサリングを行う際、HTMLやCSSのスキルが必要になってきます。QuarkXPressや InDesignのスタイルシートと似て非なるCSS、そして、それ以前に知っておくべきHTMLのマークアップについて、短時間で、必要最小限の知識をご紹介します。

次の内容を予定しています。

• HTMLの基礎
• CSSの基礎
• ePub編集のワークフロー

なお、DTP Booster 020（Osaka/101002）終了直後、同会場にて「CSS Niteビギナーズ：Dreamweaver編」が開催されます。DTP制作者にはハードルが高いHTMLやCSSの手打ち作業。これを効率的に行うDreamweaverの基本について学べます（同時にお申し込みされると割引があります）。

EPUB形式（拡張子「.epub」）は、画像やHTMLファイルなどがZIP形式に圧縮されたものです。編集するには次の2通りの方法があります。

• Sigilで開いて編集する：Sigilのみで完結するならこれでOK
• StuffIt Expander 2010：解凍してフォルダーに展開→Dreamweaverなどで再編集するにはコレ

これに加えて、「Springy.app」というアプリケーションを使うと、解凍しないまま、その中身を見て、さらに編集することができます。

ただし、これをDreamweaverで開くような場合、当然ながらリンクしている外部CSSファイルは読み込まれません。ちょっとした編集なら最適ですが、ガッツリ編集したい場合には、解凍してしまうのがよさそうです。

ネタ元：MAX 2009: Creating an eBook for Distribution on Sony Reader Digital Book, Amazon Kindle, and Apple iPhone

※キャプチャで利用しているEPUBには、市川せうぞーさんのEPUB版『InDesign者のための正規表現入門』を使いました。

8月26日（木）に開催予定のDTP Booster 021（Tokyo/100826）が1日で満席になってしまったため、2回分の追加を行います。

DTP Booster 022（Tokyo/100901）

• 日時：2010年9月1日（水）19:00-21:00
• 会場 ：JaGraプロフェッショナルDTP&Webスクール（中央区日本橋小伝馬町）
• 詳細・キャンセル待ちお申し込み　※残席5満席

DTP Booster 023（Tokyo/100902）

• 日時：2010年9月2日（木）19:00-21:00
• 会場 ：JaGraプロフェッショナルDTP&Webスクール（中央区日本橋小伝馬町）
• 詳細・キャンセル待ちお申し込み　満席

DTP Booster 024（Tokyo/100914）

• 日時：2010年9月14日（水）19:00-21:00
• 会場 ：JaGraプロフェッショナルDTP&Webスクール（中央区日本橋小伝馬町）
• 詳細・キャンセル待ちお申し込み

2010年7月20日に開催したDTP Booster 016は、80席が即日満席となり、2回の再演を行いました。DTP Booster 016-018では「EPUBの編集を行うにあたりCSSやHTMLの最低限の知識を得ていただくこと」をゴールとしましたが、「ePubにフォーカスしたハンズオン（操作研修）を」という声をたくさんいただき、ハンズオンセミナーを企画しました。

追記（8月20日）

DTP Booster 021、DTP Booster 022、DTP Booster 023ともに満席になりました。

追記（8月20日）

DTP Booster 024も満席になりました。