--- title: "EPUB形式について：構造と内容" date: "2016-03-23" categories: - "technology" tags: - "epub" - "html-editor" - "xml-editor" - "xmlspy" description: EPUB形式の構造と内容について、XMLSpyを用いた作成、編集、および検証方法を学び、効果的な電子書籍の開発と再利用を実現します。 --- Status: #blog Tags: #epub #html-editor #xml-editor #xmlspy Categories: [development](/blog/ja/category/development.md) # EPUB形式について：構造と内容 電子書籍は、ますます多くの人々が文章コンテンツを消費する方法に革命をもたらし、電子リーダー、モバイルデバイス、そしてコンピューターを通じて、数多くの出版物を手軽に利用できるようになりました。しかし、このすべてを可能にする技術について、考えたことはありますか？ 電子書籍を作成するための形式は様々ですが、その中でも最も一般的なのは、標準規格に基づいたEPUB形式です。ここでは、実際にEPUB形式の電子書籍を作成し、既存のHTMLページを再利用してコンテンツを充実させることで、EPUBの仕組みを詳しく見ていきましょう。 ![電子書籍リーダー](/blog/images/shutterstock_160560011.jpg) ### EPUBとは何ですか？ EPUB®（電子出版形式）は、[組織名]が定めるオープンな標準規格です [国際デジタル出版フォーラム](http://idpf.org/) ([IDPF (International Digital Publishing Forum)](http://idpf.org/)) 電子書籍などのデジタル出版物を制作・配信するために使用されます。EPUB形式のコンテンツは「リフロー可能」であり、そのため、Kindle、Sony Reader、Nook、Koboなど、この規格に対応する多くの電子書籍リーダー、そしてほとんどのスマートフォンやタブレットで利用できます。 EPUBドキュメントは、OPS（オープン出版構造）、OPF（オープンパッケージ形式）、OCF（オープンコンテナ形式）、XHTML、CSS、SVG、画像、およびその他のファイル形式を、単一の相互運用性のあるファイル形式で構成されており、これにより、容易な配布と公開が可能になります。 ### **EPUBコンテンツの編集と検証** EPUBドキュメントを構成する要素は、圧縮されたアーカイブファイルに格納されています。XMLSpyには、これらのファイルやフォルダを閲覧、追加、削除、検証、編集するための[EPUBエディタ](https://www.altova.com/ja/xmlspy/epub-editor.html)が搭載されています。さらに、XMLSpyにはサンプルEPUB書籍が付属しており、この機能を簡単に試すことができます。ここでは、構造や各ドキュメントに含まれる要素をより詳しく理解するために、最初から電子書籍を作成してみましょう。今回の例では、料理本を作成します。 まず、ファイルメニューから「新規作成」を選択し、次に「.epub 電子出版」をクリックします。新しい電子書籍に名前を付けて保存すると、XMLSpyのアーカイブビューで、有効なEPUBドキュメントを作成するために必要なすべてのファイルとフォルダを含む、基本的な構造が表示されます。   ![(画像ファイル名: clip_image001)](https://lh6.ggpht.com/-CzXIKpEaLRM/T8Thb6BG4GI/AAAAAAAAAMA/Ohxr4NnTif8/clip_image001_thumb.png?imgmax=800 "clip_image001") 上記のように、各EPUBファイルは以下の構造と主要な要素で構成されています > |-- Mimetype file (Archive) |-- META-INF folder |             -- container.xml |-- DOCUMENT folder (_In the screenshot above, OEBPS is the Document folder.)_ |             -- contains HTML, CSS, image files, plus OPF and NCX files OPFファイル（通常はcontent.opfという名前）には、電子書籍のメタデータが格納されています。このファイルは、[オープンパッケージングフォーマット（OPF）](http://idpf.org/epub/20/spec/OPF_2.0.1_draft.htm)という仕様に基づいて作成されています。 NCXファイル（XML形式のナビゲーション制御ファイル）は、一般的にtoc.ncxという名前で、電子書籍の目次情報を含んでいます。このファイルは、... (以下省略) [NCX](http://idpf.org/epub/20/spec/OPF_2.0.1_draft.htm) OPF仕様の一部です。 "META-INF"という名前のフォルダには、必ず "container.xml" というファイルが含まれている必要があります。このファイルは、書籍の内容を定義するファイル（OPFファイル）を指します。 "container.xml" ファイルは、[Open Container Format (OCF)](http://idpf.org/epub/201) 仕様に規定されたルールに従って、アーカイブファイルがどのように整理されるかを指定します。 XMLSpyは、これらの標準規格に準拠したファイルに対して、状況に応じた入力支援機能と、役立つ編集ガイダンスを提供します。それでは、まずタイトルとなる「title.html」ファイルをダブルクリックして、電子書籍のコンテンツ作成を始めましょう。XMLSpyのHTMLエディタでファイルが開くと、最初に更新する必要がある箇所がすぐに確認できます。   ![(画像は添付されていません。テキストのみの翻訳です。)](https://lh4.ggpht.com/-ays7SNKpUaM/T8ThcRjaCaI/AAAAAAAAAMQ/4QESX1tPvCE/clip_image002_thumb.png?imgmax=800 "clip_image002") ファイル内のプレースホルダーに基づいて、いくつかの初期コンテンツを追加しましょう。また、ウェルカムメッセージのために、

と

の部分も追加します。 これらの変更を保存した後、アーカイブ表示に戻り、これまでのEPUBドキュメントの内容をプレビューすることができます。プレビューボタンをクリックすると、EPUBアーカイブ内のコンテンツからHTMLファイルが生成され、XMLSpyに組み込まれたブラウザビューに表示されます。   ![(画像は添付されていません。テキストのみの翻訳です。)](https://lh6.ggpht.com/-FlaLWTm_vUE/T8Thc5-q9qI/AAAAAAAAAMg/ga8Na_M4UQE/clip_image004_thumb.jpg?imgmax=800 "clip_image004")   ご覧の通り、まだいくつかの必要な情報が不足しています。次に、コンテンツファイル（content.opf）をダブルクリックして、電子書籍のメタデータを追加します。今回は、データを入力するためにグリッド表示に切り替えましょう。テキストベースとグラフィカルな編集方法を、お好みに応じて簡単に切り替えることができます。   ![(画像は添付されていません。テキストのみの翻訳です。)](https://lh6.ggpht.com/-NmT7BuGHue8/T8ThdaU0hlI/AAAAAAAAAMw/Coe6KHhhFcU/clip_image005_thumb.png?imgmax=800 "clip_image005")   もう一度「プレビュー」をクリックすると、最初に確認した情報がすべて揃っていることがわかります。   ![(画像は添付されていません。テキストのみの翻訳です。)](https://lh5.ggpht.com/-Bc8lWZxIkdM/T8TheB24P6I/AAAAAAAAANA/ysCGNHqmC0s/clip_image006_thumb.png?imgmax=800 "clip_image006")   始める前に、まず確認しておきましょう [EPUBファイルを検証する](https://www.altova.com/ja/xmlspy/epub-editor.html) 互換性を確保するためには、F8キーを押してください。   ![(画像は添付されていません。テキストのみの翻訳です。)](https://lh4.ggpht.com/-Vls8qXkX-mg/T8ThelnByZI/AAAAAAAAANM/3o4FwAwlp1M/clip_image007_thumb.png?imgmax=800 "clip_image007") 弊社のファイルは有効であり、残りのコンテンツをEPUBアーカイブに追加して、電子書籍の作成を完了することができます。エラーが発生した場合、XMLSpyの検証ウィンドウには、それぞれのエラー箇所がリスト表示され、ファイル内の該当箇所へのリンクが記載されているため、問題解決に役立ちます。 ### **EPUB形式で既存のコンテンツを再利用する方法** 現代では、読者が電子書籍からPDFファイル、ウェブページなど、様々な形式で文章コンテンツを消費できるため、同じコンテンツを複数のチャネルを通じて利用できるようにすることが一般的になっています。そして、それを実現するのがより簡単であるほど、より良いと言えるでしょう。 XMLSpyでは、ウェブサイトのHTMLコンテンツをEPUBドキュメントに簡単に再利用できます。それでは、例として、著者の料理ブログにある既存のHTMLページをいくつか追加し、電子書籍の内容を充実させていきましょう。 アーカイブ表示で「ドキュメントを追加」ボタンをクリックし、ファイルを選択するためのファイル参照画面を開くことで、ブログ記事を追加することができます。   ![(画像は添付されていません。テキストのみの翻訳です。)](https://lh6.ggpht.com/-NFToE0AQxbY/T8ThfMtNwaI/AAAAAAAAANc/CxteWWcrGdE/clip_image008_thumb.png?imgmax=800 "clip_image008")   また、HTMLページに含まれている画像も追加する必要があります。これらの画像はバイナリファイルなので、EPUBドキュメントをWinZipやWinRARなどのソフトで開き、必要なファイルをアーカイブに追加するのが最も良い方法です。   ![(画像は添付されていません。テキストのみの翻訳です。)](https://lh5.ggpht.com/-7PtZiNpYSg0/T8Thf33d7oI/AAAAAAAAANw/3RkPcE8EB3A/clip_image009_thumb.png?imgmax=800 "clip_image009")   ZIP形式のアーカイブを保存すると、XMLSpy上で表示されるEPUBドキュメントに、変更が反映されます。 次に、目次ファイル（toc.ncx）を更新し、各HTMLページに対応するNavPointとNavLabelを作成することで、それぞれのHTMLページを参照するようにします。   ![(画像が添付されています)](https://lh6.ggpht.com/-Mrcd7Y33dq4/T8Thge6sOtI/AAAAAAAAAOA/ZzF6MXByGRY/clip_image010_thumb.png?imgmax=800 "clip_image010")   …そして、コンテンツを更新し、`content.opf` ファイルを修正して、HTML ファイルを EPUB のマニフェストの一部として含めます。   ![(画像ファイル名: clip_image011)](https://lh6.ggpht.com/-R8_rBTW2jnw/T8Thg_3uO5I/AAAAAAAAAOQ/eQS_nGvaDio/clip_image011_thumb.png?imgmax=800 "clip_image011")   今回、プレビューをクリックすると、追加した2つの記事が表示され、それぞれにアクセスできます。   ![(画像クリップ)](https://lh4.ggpht.com/-KVzkp3VC5_A/T8ThhuqtFHI/AAAAAAAAAOg/Ro-i7N-AlbQ/clip_image012_thumb.png?imgmax=800 "clip_image012")   弊社の電子書籍が、いよいよ完成に近づいています！ これは非常に単純な例ですが、EPUBドキュメントの構造を理解し、既存のコンテンツをEPUB形式で再利用する際の容易さを理解するのに役立ちます。使いやすいアーカイブ表示機能に加え、XMLSpyは、最も高度な電子書籍の表示に必要な技術に対する、高度な編集サポートを提供します [XML](https://www.altova.com/ja/xml-editor/), [XHTML (エクステンセブル・マークアップ言語)](https://www.altova.com/ja/xmlspy/html-editor.html), [HTML](https://www.altova.com/ja/xmlspy/html-editor.html), [CSS](https://www.altova.com/ja/xmlspy/css-editor.html), など。 EPUB形式の書籍全体の構造を確認するには、XMLSpyのサンプルプロジェクトにある「TheCantervilleGhost.epub」ファイルを開いてください。または、インターネット上で公開されている無料のEPUB書籍のいずれかを利用することもできます。優れた情報源として、[Project Gutenberg](http://www.gutenberg.org/wiki/Main_Page) があります。 もし、まだXMLSpyのユーザーでない場合は、XMLSpyの[無料トライアル版](https://www.altova.com/ja/download-trial/)をダウンロードして、ぜひお試しください。