2017-07-11

kindle comic creatorの代替を作ろう

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

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

www.amazon.co.jp

kdp.amazon.co.jp

以前までの工程

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

これからの工程

FixedLayout Epub3.jsでEPUBを作る
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、ブラック

出版社/メーカー: Amazon
発売日: 2017/06/06
メディア: エレクトロニクス
この商品を含むブログ (1件) を見る

いつもなら11,980円にプライム会員で４０００円引きで７９８０円が５，９８０円になっていた。

BUFFALO USB3.0 外付けハードディスク PC/家電対応 3TB HD-LC3.0U3/N [フラストレーションフリーパッケージ(FFP)]

出版社/メーカー: バッファロー
発売日: 2014/09/10
メディア: Personal Computers
この商品を含むブログ (9件) を見る

togetter.com

2017-07-08

電子書籍作るのは簡単か？

EPUB3 Fixed Layout EPUB3 javascript

　電子書籍のどのあたりにコストがかかっているかがわかっていないのよね。専門書の棚の電子化があんまりで、紙の本の置き場所に困っている。

　一回作ったら紙の電子書籍も自動で出力する機能があればいいのだろう。電子書籍を作る時に仕様について調べて、電書協の資料を見ていた。その時に感じたのが仕様が電子配信する会社で異なっていてるところがある。配信サイトごとに作る必要があるので、コストはかさみそうだな。この辺を自動化できないものかなとはおもう。

　共通部分だけを取って電子書籍を作るとどうしてもレイアウトが味気なくなるな。

www.kotsulog.com

　今あるソフトでも微妙に違うなと思うところがあったので、自分でEPUB作成プログラムを作ってみた。サイト作ってもあまり知名度ないので便乗だ。

github.com

デジタルコミック協議会のEPUBの問題点

　キンドルの漫画ではパネルビューという機能がついてる。イーインク端末やファイアー端末で漫画をひらいてダブルタップすると拡大して表示される。その拡大時の移動方向を指定がデジタルコミック協議会EPUBに書いていなかった。そのパネルビューはキンドルパブリッシングガイドラインより。

rlとlr、horizontal、verticalの設定がある。

このmeta属性が干渉しなければ入れようと思う。

　これらの設定がデジタルコミック協議会EPUBには含まれていない。

機能追加のロードマップ

閉じ方向を選択できるようにする。
パネルビューを使えるように。
画像を見やすくする。広告をつけるかも。

綴じ方向の問題

右綴じの場合はこうする

本文で見開きにする場合、page-spread-rightの次にpage-spread-left

左綴じの場合は

本文で見開きにする場合、page-spread-leftの次にpage-spread-right

スマホ対応

　html5+javascriptで作ったらスマホやタブレットで動くかと思ったが。アンドロイドだと複数ファイルの一括選択ができない。iosだとfilesaver.jsが動かない。アプリでやれってことなんだろう。cordovaを使えば、html5+javascriptをスマホアプリにできるだろうけど。

日本語のページでは見つからなかったので英語で参考にした所。

stackoverflow.com

github.com

anond.hatelabo.jp

2017-06-30

「夜明け告げるルーのうた」について

映画

「夜明け告げるルーのうた」は受賞するまであんまり注目されていなかった。アヌシー国際アニメーション映画祭長編部門クリスタル賞、長編部門の最高賞を受賞したので上映館が増えるだろう。

　クローズアップ現代＋の中で新しいアニメーションの制作手法として、FLASH（現在Animate CC）を利用した作り方で紹介されてた。FLASHアニメは昔のイメージしか残っていないでいる。ウェブサイトを開いた時に読み込まれるまで長く待たされた。

　動きの指示ができるのコマ単位に制作する場合と比べて人手がかからない。制作費が削減できるのだろう。

上映館を調べると殆どないが今後増えるようである。

「夜明け告げるルーのうた」今３館くらいで上映中ですが、今後始まるところもありますので、ご注意ください。https://t.co/FXAlKiKeIk
歌って踊る人魚と人間の話です。クライマックスも壮大で歌もいいので、ぜひ劇場で体感してください

わんぎょ pic.twitter.com/ZBzsBVvJgq
— 湯浅政明 (@masaakiyuasa) 2017年6月17日

夜明け告げるルーのうたアートブック

作者: ポストメディア編集部
出版社/メーカー: 一迅社
発売日: 2017/05/31
メディア: 単行本（ソフトカバー）
この商品を含むブログを見る

小説夜明け告げるルーのうた

作者: 三萩せんや,湯浅政明
出版社/メーカー: KADOKAWA
発売日: 2017/05/10
メディア: 単行本
この商品を含むブログを見る

そういえば、「この世界の片隅に」も審査員賞を受賞していて。感想については以前書いたので。

99nyorituryo.hatenablog.com

www.youtube.com

In This Corner of the World (Kono sekai no katasumi ni) (2017) - Rotten Tomatoes

　ブルーレイディスクの発売が9月だから動画配信もその頃かと思っていたが、すでに配信されている。

この世界の片隅に

発売日: 2017/05/10
メディア: Amazonビデオ
この商品を含むブログを見る

【Amazon.co.jp限定】この世界の片隅に (Amazon.co.jpオリジナルメイキングDISC付) [Blu-ray]

出版社/メーカー: バンダイビジュアル
発売日: 2017/09/15
メディア: Blu-ray
この商品を含むブログ (3件) を見る

アニメ制作で疑問に思うことがあった。３D、フラッシュ、紙に鉛筆でと差が大きい。漫画の方では7割が全部デジタルに置き換わっているのに。

www.youtube.com

togetter.com

mannavi.net

2017-06-22

JavaScriptでXMLの整形

javascript Fixed Layout EPUB3 個人出版

　ブラウザ上で,JavaScriptだけでXMLの整形をするのを日本語で検索したらなかったのでメモをとっておく。vkBeautifyというのを使って整形したが他にも色々整形できるようだ。ブラウザ上でEPUBを出力する時に,XMLがパーサーやシリアライザーを使って編集をすると出力されるXMLがあまりきれいにならない。

github.com

以下サンプルコード

vkbeautify.jsを入れると動く。テキストエリアにXMLのテキストを貼り付けて変換をクリックすると整形される。

xml整形