iOS向けKindleアプリは入稿前と入稿後でKindle Format 8の表示が違う場合がある

2013/2/18 23:14

この記事ではアフィリエイト広告を利用しています。

Kindle関連エントリーが続いてますが、まだまだ続きますよ。今回「マフモコスナップ」のコンテンツ作成時に最も苦労したというか、ハマったところがiOS向けKindleアプリでの「表示」でした。

ただ単にうまく表示できないというだけでなく、入稿後にAmazon側で変換されたコンテンツならiOS向けKindleアプリで正常に表示される場合があるのです。これを知らないと、検証に余計な時間を費やすことになってしまいます。

入稿前にKF8の固定レイアウトが思い通りに表示されない…

今回Kindle Format 8(KF8)というKindle独自のフォーマットに従ってコンテンツを組み、Kindle Previewer を使って .mobi ファイルに変換したものをそれぞれの端末に転送し、表示を確認するという手順で検証していました。

Kindle Fire HD や Kindle for Android では思い通りの固定レイアウトで表示できたので、念のために iPhone/iPad でも確認しておこうかと思い、コンテンツを転送して表示してみたところと、なんと写真周囲の余白が消えていないという状態に。

↑ こんな感じ。(入稿前に Kindle Previewer で作った .mobi ファイルで確認/iPhone4)

これだと見開きで真ん中に白い区切りが入ってしまい、残念な感じになってしまいます。

↑ こんな風に。。(iPad)

Kindle本の漫画や写真集を購入したことがある人なら分かると思いますが、画像周囲の白い余白は消えて、画面の横幅いっぱいに表示される書籍がほとんどです。で、これは OPF ファイルに以下のような meta タグを記述することで実現されます。

<!-- Kindle Format 8 での固定レイアウト(comic属性、余白なし) -->
<meta name="fixed-layout" content="true"/>
<meta name="book-type" content="comic"/>
<meta name="zero-gutter" content="true"/>
<meta name="zero-margin" content="true"/>

↑ 本当はこうなるはず。(Kindle Fire HD)

KF8のガイドラインに従っていたはずなので、OPFに記述したmetaタグに問題があるのか、それともCSSや画像サイズに問題があるのかまったく原因が分からず、色々とネットで調べて試行錯誤してみたものの、まったく効果がありませんでした。

KF8の公式サンプルも同じ状態だった

そんな状態なので、もしやそもそもKF8のコンテンツはiOSでは正常に表示できないのではないかという疑念が生じ、試しに Amazon の「Kindle Format 8 Overview」のページからダウンロードできるKF8の公式サンプルを表示させてみたところ、やはり余白は消えていませんでした(苦笑)。