KDP(電子出版)のメモ 急急如律令

Amazon Kindleダイレクト・パブリッシングでの電子出版や電子書籍の作成販売について、文章やイラストの作成や編集方法について書いています。

FixedEpub3JSの使い方

説明

 漫画や写真集などの画像が主な固定レイアウトのEPUBを簡単に作れるサイト。ここで作ったEPUBkobo、bookwalker、KindleiBooksで販売が可能。kindle用にはキンドルプレビュワーを使うことでEPUBからMOBIに変換できる。ファイルサイズの上限はPCやブラウザに依存し、私の環境では200MBまでは試した。ブラウザシステムの上限は2GBまで。画像ファイルの数は999枚以下、ブラウザはchromeを推奨している。

kyukyunyorituryo.github.io

 

使い方

画像形式はJPGとPNGにしていて混在も可能。画像サイズは表紙も含めてすべての画像が同じサイズであることを前提に作っている。

  • 見開きページは分割する必要がある。
  • 見開きページ位置を調整するには白ページなどを適宜入れてほしい。

見開きの確認はEPUBビュワーで確認してほしいが。右綴じの場合に奇数ページが右、偶数ページが左のページになる。

 本のとじ方向

 本のとじ方向は通常の漫画では右綴じである。電子書籍端末で右綴じの場合に端末の左端をタップすると次のページをひらく。もしくは左から右にスワイプする。綴じ方向は見開きにした場合に、右綴じでは、右側から左側にページが並ぶ。左綴じでは左側から目右側にページが並ぶ。

f:id:kyukyunyorituryo:20170811003318p:plain

 パネルビュー

 Kindle端末で画面をダブルタップした時に画像が拡大される。その拡大された表示の移動方向を指定する。通常の右綴じ漫画であれば、右上、左上、右下、左下と移動する。四コマの場合は、右上、右下、左上、左下と移動する。左綴じの場合は左上から移動が始まる。

f:id:kyukyunyorituryo:20170811003140p:plainf:id:kyukyunyorituryo:20170811003213p:plain

本の情報の入力

  • タイトル名
  • 著者名1
  • 著者名2

著者名は2つ入力できるが著者名2は入力しなくても問題がいない。

表紙画像

表紙画像でファイル選択をクリックすると、画像選択するウィンドウがひらく。ファイル形式はJPGとPNGに制限しています。表紙画像を選択するとその下の、画像の横幅と高さも自動で設定される。手動でサイズを変更することもできる。

本文ファイルの読み込み

 本の内容の画像を複数ファイルを一括で読み込む。HTML5の使用の問題でファイルの読み込まれる順番がランダムになっている。画像の整列をクリックしてファイル名順に整列してほしい。画像ファイルが読み込まれると小さく画像が表示される。その小さい画像をクリックすると拡大して表示ができる。ファイル名順ではファイル名が1、3、11だと 1、11、3と整列されるので001、003、011のように数字の桁合わせをする必要がある。

 Android端末では、画像ファイルは一括して読み込むことができず、ひとつづつしか追加できない。iOS端末ではファイルの出力ができない。ともにOSの問題であり、パソコンでは動作する。推奨するブラウザはクローム

目次の編集

 EPUBの目次とはタップすることでそのページにジャンプする機能。利用方法として

表紙、目次ページ、人物紹介、第一話、第二話、奥付などを目次に入れる。

 

 目次の編集画面ではCoverの右側が目次に表示される表紙の名前。表示する名前をかることができる。

 本文の選択となっているところが、本文の画像ファイルを読み込むと画像ファイル名に変わる。画像ファイルを選び、画像につける目次の内容を決める。

追加をクリックすると目次を増やせる。

 ファイルの出力

 保存をクリックするとEPUBがダウンロードされる。このサイトはサーバー側で処理しているわけではないので、画像ファイルはアップロードされない。ブラウザでファイルを生成しているがファイルの保存機能はブラウザのダウンロードを利用している。本来はオフラインでもスクリプトをダウンロードすれば動くはずだが、CDNを利用しているのでいったんネットに繋ぐ必要がある。

利用条件

 koboブックウォーカーKindleiBooksなどで個人でのEPUBでの入稿を目的として作った。KDPやkobo writing life、BWインディーズ、

 サイトは維持費はかからないようにGitHub Pagesで公開している。シェアーウェアにするかオープンソースにして寄付に頼るか、広告をはるか決めかねている。ほしいものリストを公開しているので儲かったらくれるとありがたい。

www.amazon.co.jp

EPUBビュワー

EPUBビュワーとしてBiB/iを設置しているが、EPUB3の固定レイアウトに対応しているビュワーなら問題ない。クロームアプリのReadiumもある。EPUBビュワーで確認してほしいのは見開きや、目次の表示。

chrome.google.com

bibi.epub.link

 JSライブラリ

 本来はjavascriptライブラリを作ることを目的として作っていたが、早く作ることを優先した。名前の付け方がjavascriptライブラリっぽい付け方になっているのはそのためだ。javascriptライブラリは特定の機能をひとまとめにしたもの。 

 今のところサイト専用のライブラリになってしまって汎用性がない。例えば、汎用化するには、タイトル、著者名、目次、画像などをオブジェクト化してライブラリに渡すようにすべきだろうと思う。またテンプレートも外部ファイル化して編集しやすくすべきだろう。そういうことが全くできてない。

 そうすればサイトにfixedepub3.jsを読み込めばサイト上からEPUB3を生成できるようになる。

 

Fixed Layout EPUB3やFXLなどと略したりする。日本語では固定レイアウトEPUB

  kindle comic creatorでつくったMOBIでは目次の表示に問題があります。chainlpではEPUBが壊れているので電子書籍販売サイトで販売ができません。

iBooksやグーグルブックスのEPUB仕様を調べた。

 iBooksやグーグルブックスのEPUB仕様をみてみるとiBooksでは細かくサイズ指定があるが、google booksでは動くかどうか調べて見るようにと書かれていた。META-INF/com.apple.ibooks.display-options.xml ファイルがAppleがすでに使っていないのにグーグルの方に書いてあるのが不思議なところだ。

 iBooks

iBooks アセットガイド 5.2.5

画像サイズ (EPUB 内) は 400 万ピクセル以内にする必要があります。想定される表示サイズの 1.5 倍以上で、最大 400 万ピクセルの画像が推奨されます。ブック内画像が 400 万ピクセル以内に収まるかどうかを計算するには、画像の高さと幅を掛け合わせます。

 固定レイアウトのブックでは、発行者は CSS を使用して画像をスケールダウンできます。 たとえば、CSS で幅 40px で定義される画像は、実際上は 60px 幅である必要があります。 フルブリード画像は、738 x 985 より小さいサイズ (単一ページのサイズ、フル画面、iPad 上の iBooks) であってはなりません。

最大推奨サイズは、XHTML ファイル当たり非エンコードの画像データで約 10 MB です。

 最大ブックサイズは ZIP 標準により、現在 2 GB に制約されています。

 Google Play Books

EPUB ファイル - Books ヘルプ

サポートされる画像の形式

  • GIF
  • JPEG
  • PNG
  • SVG(幅または高さが 3200 以下)

 

support.google.com

サイズ制限

  • 各ファイル(表紙の画像ファイルを含む)のサイズは 2 GB 未満にします。
  • 書籍は 4 ページ以上にします。

 

Fire HD8を買ってみたので、感想を

  2、3時間wifi経由でアマゾンビデオを見ても、電池が10%ぐらいしか減って無ないので電池容量が大きめな気がした。Fireタブレットだとビデオもダウンロードができるようで、無線LANがないところでもダウンロードしておけば見ることができそうだ。

  少し気になったのが、再起動をたまにしないと反応が遅くなることがあるのに再起動の方法が説明されていない。こういう端末には珍しくmicroSDカードスロットがあるので容量を大きく出る。

 

Fire HD 8 タブレット (Newモデル) 16GB、ブラック

Fire HD 8 タブレット (Newモデル) 16GB、ブラック

 

 

 キーボードを付けたら外出た時にメモ代わりに使えるかなと思って調べた。一番安いものでケースが付いた英字キーボードが500円ぐらいであった。実際に使えるかどうかは調べる必要がありそう。大抵はブルートゥースキーボードで3000円ぐらいのものが多い。

 アンドロイドアプリではグーグルプレイ向けに配信されていて、fire端末からはダウンロードできないものがある。とあることをするとできるようなので、グーグルプレイからアプリをダウンロードする方法を調べた。

 root取得不要で簡単にFireタブレットでGoogle Playを動かす方法

Fire hdを買ったが直ぐにgoogle playを入れて普通のandroidタブレットのようにしてしまった。androidのkoboやbookwalkerアプリを入れてEPUB検証用機材にしてみた。これを行って壊れても自己責任でお願いします。iPadの価格が最近下がっていることもありFire HD 10の価格は微妙だな。

 

 

 

Fire HD 10 タブレット 16GB、ブラック

Fire HD 10 タブレット 16GB、ブラック

 

 

EPUB3の漫画向けkindleやibooksのメタデータ設定

99nyorituryo.hatenablog.com

 EPUB作成サイトを作っていたので完成したら、各電子配信サイトで実際に売ってみて検証しようとおもってたんだけど先に越されていた。

FixedLayout Epub3.jsでEPUBを作って実際に販売したようだ。デジタルコミック協議会のEPUBの仕様通りに作って多少作りやすく変えている。なので、コボやブックウォーカーでは大丈夫だろう。キンドルではプレビューワーやkindlegenでエラーが出ないのを確認して。PaperwhiteやfireやWindowsで表示が問題がないことを確認はしている。

hunkotu.hatenablog.com

  FixedLayout Epub3.jsで作ったEPUBがどのような表示になるかは下のキンドル書籍を買ってみるとわかるかも。

かっぱとせ 天狗殺し編

かっぱとせ 天狗殺し編

 

 

 コボのサイトでは、電書協とデジタルコミック協議会のEPUBで作るようにと書かれていた。KADOKAWA EPUB仕様でも電書協がベースだったので、国内の電子配信サイトでは売れるかと考えていた。

y-nakase.hatenablog.com

 紹介されました。ただファイルはアップロードはせずにブラウザでEPUBを生成している。なので画像ファイルをいっぱい入れてもサーバーにアップロードしていないので負担はかからない。アップロードしないので、ネットの速度に依存しない。その分PCの性能やブラウザの影響が大きくchromeでの動作確認を主にしている。iOSではOSの制限によって保存ができず、アンドロイドでは一括でファイルの選択ができない制限がある。

 スマホアプリを作ってスマホで作成することも考えたが欲しい人はいるのだろうか。どちらにしてもMacを持ってないのでiOSアプリは作れそうになない。

 HTML5アプリやクライアントサイドJavaScriptと呼ぼれるやり方。概略はQiitaのほうで説明している。

qiita.com

 これがソースコードでJavascriptなのでどうしてもオープンソースになっている。javascriptがわかれば自分用のカスタマイズしたEPUBが作れるかも。

github.com

 

 キンドル向けの設定

 最新のキンドルパブリッシングガイドラインよりメタデータの設定がだいぶ電書協EPUBに近づいてるように思う。キンドル独自のパネルビューの設定は別にする必要がありそう。kindlegenの変換ログを見るとoriginal-resolutionとbook-type comicも自動で追加されていて表示には問題がない。追加するとpreviewerや実機Fire HDでの表示がおかしくなった。よく入稿されるパターンに近い形式だけチェックされていてそこから外れるとチェックされてないのかも。

https://kindlegen.s3.amazonaws.com/AmazonKindlePublishingGuidelines_JP.pdf

 ただ、<meta name="primary-writing-mode" content="horizontal-rl"/>だけはパネルビューの設定のために入れている。

f:id:kyukyunyorituryo:20170714004308p:plain

 

  ibooks向けの設定

 ibooks向けでは prefixやibooks:bindingを以前は追加する必要があったが現在では非推奨になっている。

【EPUB】固定レイアウトEpubを作ってみた « こざくらラボ

 

iBooks アセットガイド 5.2.5

これまで、見開きごとに 2 つのドキュメントを持つ固定レイアウトのブックは、本の背、ページ、ページのめくれを備えた書籍らしい外観を保持していました。この書籍らしい外観の設定は、ibooks:binding プロパティで上書きすることが可能でした。今後は、固定レイアウトのブックで書籍らしい外観がサポートされなくなるため、ブック綴じ用プロパティに関する文章と例は本書から削除されました。

 ibooks:bindingは非推奨と書かれている。下位互換のためにいれてもいいかも。

 

kindle comic creatorの代替を作ろう

 kindle comic creatorで漫画の電子書籍が簡単に作れる。けれど出力されるファイルがキンドル専用で目次の編集が面倒だった。そのため目次の編集するツールを作って補っていた。でも、どうせなら全体をいっぺんに作るようにしようとEPUBを作るプログラムをつくった。キンドルコミッククリエイターを使っていた人の乗り換え先を狙っている。

 キンドルコミッククリエイターではMOBIファイルまで一度に出力できるが、目次を編集するには、NCXファイルをテキストエディタで書き換えていた。その後にOPFファイルをキンドルプレビューワーに読み込ませることで作っていた。

www.amazon.co.jp

kdp.amazon.co.jp

以前までの工程

  1. キンドルコミッククリエイターで出力
  2. NCXをテキストエディターで書換
  3. OPFをkindle previewerにドラッグ・アンド・ドロップ

これからの工程

  1. FixedLayout Epub3.jsでEPUBを作る
  2. EPUBをkindle previewerにドラッグ・アンド・ドロップ

EPUBを作る

 EPUBを作るプログラムでEPUBを出力して、キンドルプレビュワーに読み込ませてMOBIに変換する。そうすることでテキストエディターでの編集作業をしなくてすむ。

EPUB作成サイトは次のリンクとなる。

FixedLayout Epub3.js

基本的な構成はキンドルコミッククリエイターに似せているのでだいたい分かるかも。

 名前順に整列をクリックしないと画像がソートされないので注意。

ファイル名が1、3、11だと 1、11、3と整列されるので001、003、011のように数字の桁合わせをする必要がある。

 目次の編集で追加をクリックすると目次を増やすことができる。

左側がファイル名で、右側が目次にする内容。

たとえば、

  • 001.jpg 目次
  • 002.jpg 第一話

のように目次の内容を書き込める。

 保存で、EPUBがダウンロードのように保存画面が出る。

 

 

 

プライムデーで気になった商品

Fire HD 8 タブレット (Newモデル) 16GB、ブラック

Fire HD 8 タブレット (Newモデル) 16GB、ブラック

 

 いつもなら11,980円にプライム会員で4000円引きで7980円が5,980円になっていた。

 

 

togetter.com