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

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

固定レイアウトのEPUB3を作るjavascriptを作ってみる(まだ構想段階)

必要な機能として、タイトル、著者名、綴じ方向、解像度、目次、画像ファイルの読み込み、ZIP画像を考えていた。タイトルや著者名をサイト上から入力する。綴じ方向をrtlにかためておく。解像度を入力するようにするか、自動取得する。

 

 今やったところは、タイトルや著者名を入力するところと、画像ファイルの読み込み機能をつけた。つぎは取り込んだ画像ファイルをリネームして、imagesフォルダーにまとめようと思う。その後XHTML、CSS、OPFなどのテンプレートを作って追加する方法を考える。

 見開きなどの指定をUIでどのようにするかを決め兼ねている。

 

BootstrapとJsZipを組み合わせて固定レイアウトのEPUB3を作ってみようとしています。とりあえずココまでやったのをレポジトリにしてまとめた。

github.com

 

 

www.html5rocks.com

漫画のEPUBをどこの規格に合わせて作るか

epubを作るときに、どの規格に沿って作るか。自分の中での優先を考えるとidpf のEPUB validationをする。とりあえずキンドル向けに作ろうかと。

【楽天Koboライティングライフ】ヘルプ

kobo用のページもあるが電書協とデジタルコミック協議会に丸投げしている感じがある。kobo writing life自体の制限は厳し目。

 

densho.hatenablog.com

Samples | EPUB 3 Samples Project 

この中のharuko-html-jpegをベースに作るよ。

  • mimetype
  • META-INF 
  • OPS 

はじめの階層のフォルダ構成は上のようにmimetypeは拡張子なしのファイル。META-INFはフォルダーの中にcontainer.xmlが入っている。そういうもんだと思っておこう。

 OPSのフォルダー内がこれから。

 package.opfはほかではcontents.opfの場合もあるし名前を変えてもいいが、名前を変えるとcontainer.xmlの中身も変える必要がある。全体の中で一番編集しなければならないのがこのファイルだろう。本のIDとか編集した日付。言語、タイトル、含まれているファイル。などを列挙する必要がある。特に漫画の場合は、ページ自体を見開きにしたときに右にするか左にするかという設定もある。

  • タイトル
  • 言語
  • 見開き時の位置
  • ページの移動方向
  • 目次

CSSフォルダーはそのまま利用する、imagesには画像を入れてファイル名などを変更するか。

xhmlフォルダーには画像ページのxhtmltoc.ncx、toc.xhtmlがある。画像ページのhtmlではタイトルを入れたり、画像の説明を入れることがある。

toc.ncxは互換性のためにあるが、キンドルではこの目次が優先されることがある。xmlで書かれているため。

toc.xhtmlはほかではnav.xhtmlという名前の場合もある。キンドルではcover.xhtmlで表紙が必要になる。

余談として、haruko-html-jpegをkindlegenで変換しようとすると失敗するよ。

github.com

 

 

IDPF

EPUB 仕様書(EPUB 3.0, EPUB 3.0.1, EPUB 3.1)および関連文書の日本語訳

キンドルパブリッシングガイドライン

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

電書協

電書協 EPUB 3 制作ガイド | 日本電子書籍出版社協会

kadokawa-epub.bookwalker.co.jp

www.digital-comic.jp

 

 

クライアントサイドJavaScriptでEPUBが作れるか調べてみた

 クライアントサイドJavaScriptで画像ファイルをzip圧縮はできるようなのでEPUBもできるんじゃないかなと思って調べてみることに。

 サーバサイドでEPUBを作れるサービスはよくあるが、漫画の場合はアップロード時間がかかる。ならばローカルで出来れば時間短縮になるが、他のOSでは動かないと対象は狭そう。別にjavascriptではなくてもjavaでも良さそうだが、MacだとかWindowsやスマホなどを考えるとブラウザで動ければ、大抵の端末で動くだろう。コマンドラインで操作しないだけでとっつきやすいと思う。さて、javascriptでEPUB作成は可能なのだろうか。

 ググったら、EPUBを作るjavascriptを見つけたがどうも規格が古そうだ。

d.hatena.ne.jp

 気になる問題点

  • javascriptでzip圧縮
  • フォルダの階層化
  • 画像ファイルの読み込みと保存

 調べているとJSZipでできそうかなと思った。試しに下のようなコードをJSZipのサイトのサンプルに入れるとepubみたいなファイルになる。当然中身は作っていないがファイル構造だけはできる。

var zip = new JSZip();
zip.file("mimetype", "application/epub+zip");
var meta = zip.folder("META-INF");
var container = zip.folder("OPS");
var img = zip.folder("OPS/images");
img.file("smile.gif", imgData, {base64: true});
zip.generateAsync({type:"blob"})
.then(function(content) {
// see FileSaver.js
saveAs(content, "example.epub");
});

 

stuk.github.io

 

 ローカルファイルをいったんブラウザに読み込んで、jszipを使ってアーカイブする方法を考えると。FileAPIを使って読み込ませるとそれらしくなる。こういう方向性で作ってみようと思う。

Make KMZ

 

nt-book.com

「浦沢直樹の漫勉-山本直樹」で使っている道具を調べた

 漫勉では紙にペンで書くことが多かったけど、やっとフルデジタルで作る人が出てきた。と思ったが、Power MacG5やSuper PaintやPhotoshop4.0、クラリスワークスであった。現在では手に入れるのが難しいぐらい古い機器だ。いまだと、ペンタブレットの筆圧を無視する設定にしたりで可能なのかも。

www.nhk.or.jp

 

Macintosh スペック表

 PowerMac G5のスペック表を見てどのくらいかなと思ったけどメモリを16GBまで積めるようでわりと性能的はいいのかも。この頃のパソコンはものすごくファンがうるさかったと思うし消費電力もかなりのはず。

アップル Power Mac G5 2.0GHz デュアルコア M9590J/A

アップル Power Mac G5 2.0GHz デュアルコア M9590J/A

 

 

軍手の指を切ってタブレットで使いやすいようにしている。タブレットはintuos3と思われる。

 

WACOM Intuos3 A4サイズ クリスタルグレー PTZ-930/G0

WACOM Intuos3 A4サイズ クリスタルグレー PTZ-930/G0

 

 

自家製カケアミトーンを使っていたり、星空を自作したりで省力化を見れた。最新のソフトウェアに最新のPCを使うより、古いソフトウェアに新しめのPCを使うほうが動作が軽く感じるかも。オフラインで使う場合は問題が少ないか。

 

 クリップスタジオペイントで同じことしようとすると筆圧を切ったり、アンチエイリアスをオフにするぐらいかな。もともとあまり筆圧が関係がないサインペンの設定から、アンチエイリアスをオフにしてみた。

f:id:kyukyunyorituryo:20170319223857j:plain

f:id:kyukyunyorituryo:20170319223856j:plain

 試し書きしてみたけど線があまりなれない。

f:id:kyukyunyorituryo:20170320003603j:plain

 

レッド 最後の60日 そしてあさま山荘へ(4) (イブニングコミックス)

レッド 最後の60日 そしてあさま山荘へ(4) (イブニングコミックス)

 

 

togetter.com

「浦沢直樹の漫勉-伊藤潤二」で使っている道具を調べた

www.nhk.or.jp

 

 「恐怖の重層」の執筆現場。

 ペンはGペン、丸ペン、日本字ペンなどを使っていたが、ペン軸は改造しているのでわからなかった。ベタ塗りに筆ペン。

 

伊藤潤二の猫日記 よん&むー (ワイドKC 週刊少年マガジン)

伊藤潤二の猫日記 よん&むー (ワイドKC 週刊少年マガジン)

 

 水の方にデッサン人形が置いてあった。

アーキタイプ:シー flesh color ver. 全高約13cm ABS&PVC製 塗装済み可動フィギュア (再販)
 

 練り消しを手にひっつけていて、消すのが速いらしい。

 

人体解剖図の本を見ながら描いていた。表紙に「人体」と書いてあったが探しても見つからなかったな。

 ホワイトインク

 

ライオン事務器 修正液 ミスノン 油性インキ用 W-20

ライオン事務器 修正液 ミスノン 油性インキ用 W-20

 

 

アイシー コミック スーパーホワイト 20CC IC-SW

アイシー コミック スーパーホワイト 20CC IC-SW

 

 

 

 液タブはこれを使っていたが、ペンも改造していて。

 

 このネットゲーやるときに、右手にマウス、左手でキーボードを使うのに使われる。左手デバイスを改造して使っていた。胸に抱えるようにして使っている。

 ソフトはクリップスタジオペイントと思われる。 

 

CLIP STUDIO PAINT PRO

CLIP STUDIO PAINT PRO

 

 

togetter.com