飲食店用のメニューをタブレットで作って欲しいと個人的な依頼がありました。どんな料理?と、よく聞かれるので写真を見せたいということでした。ただ、注文までは必要なく、メニューブックのかわりということです。

どのように表示させるか

とりあえず手持ちの端末は、iPad、kindle fire でしたが追加で、ZenPad 8.0を購入して評価しました。

google photo のアルバムを公開する、google document を公開する、WEBサイトに掲載する、など考えました。
しかし、お客さんが自由に触れる端末なので、セキュリティ上、使えるアプリを制限したいです。
また、使えるアプリが制限されているほうが、スタッフさんやお客さんにもわかりやすいでしょう。

そこで考えたのが、電子ブック(epub)化することです。本と同じなので、メニューブックとほとんど同じ感じで扱えるでしょう。

ZenPad には、キッズモードというのが付いており、起動できるアプリを制限することができるので、お客さんが使う時はキッズモードを有効にする。

電子ブックリーダーとして、ローカルの epub ファイルを読み出すことができ、広告も挿入されない Android 用の Lithium というアプリを使うこととしました。

epub を作る

さて、epub ファイルを作る方法ですが、iBooks Author、google document、calibreなどがあります。

iBooks AUthor は、私には少し難しすぎますし、テキストの入力が煩雑に思えました。

google document はまあ使えます。epub 出力して、さらに、calibre でカバーページなどを追加します。この方法で初期バージョンを作成しました。写真の横幅を15cm程度に縮めておかないと、画像が次のページにはみだしてしまうようでした。その手間さえ面倒でなければ、割と誰でもできるのではないかと思います。今のところ、「美味しそう」と好評です。

本題ですが、さらにネット検索と試行錯誤をしてみたところ、calibre には markdown 形式のドキュメントを epub に変換する機能がありました。markdown 形式のドキュメントと画像等を zip に圧縮して calibre に登録して変換するとよいです。

この変換の結果できたファイルを bluetooth や、google drive などで端末に送ればよいです。

markdown を使う時の注意点

google document を使う方法で悩まされた問題は、画像が ZenPad だと正しく表示されますが、スマートフォンだとはみ出て見えることです。markdown もそのまま使うとそうなるのですが、html で書くこともできるので、画像を img タグで記述して width を % で指定するとどの端末でもうまく収まってくれるようです。chrome 拡張の markdown preview plus などを入れておくとよいでしょう。

改ページは、

<hr style="page-break-before:always;display:none;"/>

のように書くと calibre は改ページと認識するようで、そこでファイルが分割されます。
calibre ドキュメントの Replace scene breaks の項も参考。

先頭に

[TOC]

を入れておくと目次が生成されると同時にナビゲーション(というのかどうか知りませんが、右端から左にスワイプすると表示されるメニュー)も生成されるようです。calibre の書籍編集機能を使って目次ページを削除すれば、目次は消えますが、ナビゲーションは残るようです。

ビデオを入れることも可能なようです。video タグが使えます。ただし、ZenPad など Android 端末の場合は mp4 から webm 形式に変換しておく必要があります。video タグは以下のように。

<video controls>
  <source src="movie/tmrz-1518447087.webm" type="video/webm">
</video>

mac の iBook でしか確認していませんが、以下も可能そうです。

<video controls>
  <source src="movie/tmrz-1518447087.webm" type="video/webm">
  <source src="movie/tmrz-1518447087.MP4" type="video/mp4">
</video>

以上、ご参考に。