kindleの小説無料サンプルを縦書きでブログに貼り付け

2016/1/21 [22:34:46] (木)

kindleは無料サンプル、試し読みが提供されている。
ttp://kindleweb.s3.amazonaws.com/content/ASIN/gz_sample.html
この「ASIN」の部分をamazonの商品ID、ASINにしてアクセスすると無料サンプルが読める。権利的な問題からかサンプルが用意されていない本もあるけど、KDPの個人出版の場合はおそらく確実に無料サンプルが用意されている。

これを縦書きにしてブログなんかに貼り付けられるようにしてみた。
以前、同じようなことを試して書いた、その改良版(ていうか、やっとfirefoxが縦書きに対応したのでこの手のネタは注釈なしでイケるのがありがたい)

百聞は一見に如かずとか論より証拠とか。

https://sandbox.doncha.net/sample-kindle.html
↑ページはこんな感じ。

「はてな」でも検証確認

以下のコードをHTMLやブログ記事にコピー＆ペーストすると、そこに無料サンプルを縦書きで表示します。
※「はてな」や「fc2」などのブログの場合は「HTML編集」でペーストしてください。
<div id="sample-kindle" data-asin="ASIN" data-column="20" data-font-size="100" data-url="https://sandbox.doncha.net/sample-kindle.cgi"></div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> <script type="text/javascript" src="https://sandbox.doncha.net/sample-kindle.js"></script> <script type="text/javascript">sampleKindle();</script>

1行目
・data-asin
　ここにASIN、kindleの商品コードを記入
・data-column
　一段落の高さ(emでの指定になります) デフォルトは20
・data-font-size
　フォントのサイズ(%での指定になります) デフォルトは100

data-columnとdata-font-sizeを調整するとそれっぽくページにおさまります。

KDPを利用して自分の作品を公開しているひとにとっては(サンプルなら自分でテキストを持っているので)ほとんど役に立たないシロモノですが、ブログに貼り付ける手間をほんの少しラクチンに。

2016/2/5 [15:15:47]
現状では、このCSS3マルチカラムを使った縦書きの段組が使い物にならないことが判明。
CSS3のマルチカラムを使わないで、縦書き段組を実現する方法についてはこちら

【改良版】kindleの小説無料サンプルを縦書きでブログに貼り付け
https://t2aki.doncha.net/?id=1454652947

縦書きをシンプルに実現するのはまだ難しい。