【目次】見た目がきれいなiBooks(iPad)用電子書籍(ePub)の作り方

iPadが発売されました。
ePubという、iPadの目玉であるiBooksで使える電子書籍に注目が集まっています。
そんな電子書籍(ePub)を、できるだけ簡単に、できるだけきれいに作ってみませんか??

ということで、iBooks用電子書籍(ePub)の作り方やできること・できないことをまとめたいと思います。
参考になれば幸いです。

最近は時間がないので、ボチボチ埋めていこうかと思います。

【6/27 追記】2章のePub作成で、eCubを使った方法をご紹介していますが、
Sigilがバージョンアップにより相当よくなっていました。(編集、CSS対応等)
将来的にSigilでの作成方法をご紹介しますが、更新が間に合っておらず申し訳ありません。

[8/22 追加] Google BooksはiPadで使えるか?

  1. ePubファイルってどんなもの?
  2. ePubファイルを作るにはどうすればいいの?
  3. ePubをiBooksで表示したときに、どこまでできるの?
  4. iBooksできれいに表示するためのhilock702的ノウハウ
  5. 参考資料
  6. その他

5 件のコメント:

  1. hilock702様
    初めまして、東京目黒区に住む栗山真行と申します。
    家人から、会社のiPadのiBooksで、ある文書が見たいと言われまして、
    検索したところ、hilock702様の当記事を発見致しました。
    本も記事がなく、他のサイトでもなかなか見つからず、とても助かっています。
    ありがとうございます。

    本来はiPadで確認すべきところ、手元にないため、
    iPhone3GをiOS4にバージョンアップして、
    iBooksで見ております。

    画像を貼った簡単なHTMLを手作りしまして、
    eCubでコンパイルして、iPhoneへ転送しました。
    HTMLの書き方ミスで発生したエラーを何回か修正しまして、
    やっとノーエラーとなりました。

    ところが、iPhoneのiBooksではテキストは表示されるのですが、
    画像が表示されないです。
    PC上でHTMLファイルをIEで開くと画像も表示されます。
    ただし、epubファイルの拡張子をzipに変更して、
    HTMLファイルを開くと画像は表示されないです。

    それで、お忙しいところ申し訳ないですが、
    お手すきの折に、ヒントを教えていただくことは
    できますでしょうか。
    もちろん急ぎません。
    よろしくお願い致します。


    追伸
    作成したHTMLファイルの内容をここに記述しようと
    したのですが、エラーになりまして、
    すみません、お見せできないです。
    記述方法を教えていただければ、追記致します。

    返信削除
  2. 栗山様

    こんにちは。ご質問頂き、ありがとうございます。

    というか、エラー対応のコツを記事に書けておらず、申し訳ありません。
    エラー対応、相当大変だったのではないでしょうか。
    うまく画像も表示したいところですよね。

    私のiPhoneをまだiOS4にしていないので、
    確実なことを申し上げられないのですが、
    私の経験から以下のどれかではないかと想像しております。

    1.実は画像ファイルの入れ先が違う
     ⇒ePubファイルを別のフォルダに写し、
      その上でFirefoxのePub読み込みプラグインで表示してみると
      うまく画像が表示されるか確認して頂けないでしょうか?
    2.HTMLソースコードのファイル名と
     実際のファイル名で、大文字・小文字が違う
     (ファイル名の大文字と小文字が不一致)
     ⇒Windows上では大文字小文字を意識しないので、
      問題なく表示できるのですが
      iBooksでは表示されませんでした。
      (バツだったかハテナだったかが表示された覚えがあります)
      特に、実際のファイル名の拡張子が大文字になっていて、
      全然表示できなかったことがあります。
    3.テーブルの中に画像を配置しており、
     テーブルの横幅に比べて画像が大きい
     &iPhoneの横幅に比べて画像が大きい。
     ⇒解決方法がわかっていないのがコレです。
      iPadの時に悩んで、結局あきらめたままになっています。
      テーブルの中に配置しなければ、
      幅に合わせてリサイズされたのですが・・・。

    もし閲覧してもよければ、作成されたePubファイルを添付し、
    私のメールアドレス(hilock702@gmail.com)へお送りいただけないでしょうか?
    もう少し正確なことをお答えできるかもしれません。

    返信削除
  3. ePubファイルをお送り頂き確認したところ、
    画像を表示するためのタグを
    「<IMG SRC=...」と大文字で記載されていることが原因でした。

    HTMLブラウザや多くのePubビューワーではこれを大目に見てくれるため
    問題ないように見えるんですが、
    iBooks上では無視されてしまうんですよね。。。

    (テスト環境:iPod Touch(2G) + iOS4.0 + iBooks)

    返信削除
  4. (追記)修正したePubファイルと詳細を
    メールにてお送りしましたので、
    詳しくはそちらをご覧頂ければ幸いです。

    返信削除
  5. hilock702様
    栗山です。
    ありがとうございます。
    コメントが遅れましてすみません。

    おかげさまで、imageタグを小文字にしまして、iPhoneにて画像を表示できました。
    また、本日iPadを借りることができまして、iPadでも正しく表示されることを確認致しました。

    ありがとうございました。
    今後もよろしくお願いします。

    返信削除