電子書籍は小説や漫画だけではない。専門書で使えるsvgを使った図版入りの電子書籍を作ってみよう。 |EPUBデータの作成 htmlファイルの読み込み Sigilを起動、[+]ボタンをクリックして、外部に保存している htmlファイルを読み込む。 ファイル先頭に番号を振っておいたのは、読み込み順（ページ順）の為。Sigil内で並びを変えてもページ順は変えられるが、番号を付けておくほうが管理が楽。 初め. |底本である元々の「虫喰い算大会」は縦組みっぽいのですが、序文の解き方解説等で数字を多く扱うので、横組みの方が読みやすいだろうということで、横組みにしました。 Mac用EPUBリーダMurasakiでEPUB版を表示. |現在、DTPデータをepub化しようと奮闘している者です。縦書きのデータを作成しようとしているのですが、InDesignからそのまま書き出すことができず、困っています。InDesign上で何か変更・設定することで書き出し可能であれば、教えていただけないでしょうか？また、CSSやHTMLを触るにあたっては. iPhoneのKindleでAZK版. |EPUB 3. 03em; } p { text-indent: 1em; } 文字間などの設定は感覚通りに設定して良いかと思います。. |epubフォーマットに縦組みやルビなどの日本語関 連機能を反映させる上で中心的な役割を果たした村 田真氏の言を借りると，epubとは，「htmlとcss注1） をzipで固めただけのもの」ということになる。 では，epubとはweb文書そのものなのであろう か。 |ただし、epubは日本語の文字組版には対応していません。現在のバージョンでは横組みしか対応しておらず、次期バージョンで縦組みの対応を探っているところです。 |epub2は、epub3と比べて、縦書き(縦組み)表示ができない、ルビが振れない、傍点などの強調表記が使えないなどの違いがあります。 本記事では、ウェブサイト上の文章や画像を簡単に電子書籍化する方法だけを扱いますので、EPUB2でも問題ないものとして進め. <spine page-progression-direction="rtl"> </spine>. |EPUB制作代行と販売支援サービスをスタート ～～ アマゾンkindleと楽天koboから配信できます！ ～～ クラウド型汎用電子書籍編集・制作サービス「CAS-UB」を用いて制作したEPUB3形式の電子書籍のストア配信（電子書店による販売）を支援するサービス「eXism Short Magazine」を開始しました。 |文字設定. mac. |電子書籍は小説や漫画だけではない。専門書で使えるsvgを使った図版入りの電子書籍を作ってみよう。縦書きやルビ付きのepubにも挑戦する。 |“電書協EPUB 3 制作ガイド ver. 0に至るまで、web上でドキュメントを閲覧するための技術として機能が追加されてきた。 その後、HTMLを再定義した「XHTML」として、コンピューターがXHTMLを読み込んで内容を認識できるようにする「セマンティックWeb」として. 日本語や欧文、中国語などで利用でき、縦組みや縦中横など、複雑. 9; letter-spacing: 0. OPF 内の「 page-rogression-direction 」を記載してください。. そこで、早速、自分で購入して、Paperwhite（以下、Kindle PW版）と、iOS版のKindleアプリ（Kindle for iPad V3. 縦組みコンテンツの場合には、. 5を使い縦書きで作成したページは、そのままEPUBとして書き出すとEPUB 3ドラフトに準拠したCSSタグとして書き出されます。 |epub: 3,498 円 ※ご購入後、「マイページ」からファイルをダウンロードしてください。 ※当商品は縦組みリフロー型のepubです。縦組みepubの表示に完全対応していないリーダーでご閲覧いただいた場合、表示上の不具合が発生する可能性があります。 |ページ（表示）の進行方向. zipに変更して圧縮解凍ソフトを使って解凍するとHTMLファイルとして記述されている. |解説：「縦書き書籍（epub）で画像を左右中央配置するためのcas-ubの指定方法」 3. |必要なHTMLファイルの作成が終われば、 新規スタイルシートを追加 します。. 以下、Kindle iOS版）で見え方を比較してみました。. |epub＋svgで縦組みの電子書籍に挑戦. 3 ランドマーク（Landmarks）を指定したEPUB3 ランドマーク関係は次をご参照ください。 |今回の報告会でも新聞におけるhtml vs EPUB が取り上げられていました。 これによると、確かに新聞の情報提供においてはhtmlのリアルタイム更新のほうが相性がいいのですが、新聞を朝刊夕刊のパッケージとして捉えたときにはEPUBの方が「商品」として販売し. 0では、w3cで策定中であるhtml5、css3を基にして、こうした日本語組版に対する拡張に対応した。 |「横組み ←→ 縦組み」の変換は、単純に組方向を変えるだけでなく、次のような作業が必要です。 横組みでは「Twitter」「Web」とするところ、縦組みでは「ツイッター」「ウェブ」のようにカタカナで扱うことが多い （アルファベットのままだと、書籍の内容によっては読みにくい） |縦組みのない欧米ではepub3への関心はそれほどでもありません。sigilなどの世界的に利用されているepubオーサリングツールでも、epub2についてはフルスペックでサポートしているものの、epub3への対応はいまだに見えてきません。 |InDesignCS5. 本文を縦書きにするための記述を追加。. Kindle PreviewerでMOBI版を表示. 1em （1文字分）下げれば、縦書きにはピッタリです。. epubファイルの拡張子を. Kindle PW版は縦組みリーダとして安定しています。. Copied! div { line-height: 1. 0用xhtml変換ワークフローです。こちらの詳細版になります。ご好評いただいたので一部補筆して再公開させていただきます。 |（縦組みは高さ、横組みは幅に対してのみ効く） : （ページ進行方向へのサイズ指定では画像が重なってしまう／横組みで進行方向へのサイズ指定が効かない） : （ページ内にその画像だけが表示されるとき、中央寄せになってしまう） |epub（特典付き） 1,562 円 電子書籍について ※ご購入後、「マイページ」からファイルをダウンロードしてください。 ※当商品は縦組みリフロー型のepubです。 |htmlは、1997年に勧告となったhtml 4. 0がベースにしていたxhtml 1. 変に考えず line-height を「行間」と読めば分かりやすいかと思います。. 『 日本語サポート補足資料（pdf）, 3-1 組方向』には、「cssプロパティ "-webkit-writing-mode. Stylesフォルダの上で右クリックで追加メニューが表示されます。. |関連資料 10月22日「縦組み時の文字の向き―その理論とマークアップ方法」の発表資料（CAS-UBブログ） プレゼン資料(PDF) UTR50 draft 7 CSS3 Writing Modes 前回記事「koboのEPUB3縦書きをため |これらの問題はepub 2. 0 が策定され、日本語組版の仕様拡張も実現しました。 |epubでの縦書きサポートとは実質的に、現在策定中のcss3で縦書きに関するプロパティを充実させることを意味しています。 CSSでの縦書きには、文字組の方向を示す「writing-modeプロパティ」などがすでに議論されており、一部のブラウザなどで（実験的に）実装されています。 |縦組み左右中央揃え（非推奨） コンテンツ全体は縦組み右揃えで、章扉ページのみ縦組み左右中央揃えにしたい場合は、html や body で writing-mode を混在させることはできないので、div で指定すればいいそうです。 |なお、書き出されたepubは、文字属性を持ったまま変換されますが、縦組みのテキストには注意が必要です。[自動縦中横設定]や[縦組み中の欧文回転]を適用している部分は、テキストが抜け落ちたり、回転が解除されます。 |epub 2. 1やcss 2が原因でしたが、2011年に公開されたepub 3. 1. . 縦組み epub html 上記のhtmlソースをブラウザに表示させると、下図のような感じに見えます。htmlソースに記述した順序で「コンテンツa」→「コンテンツb」のように縦方向に並ぶだけです。 ボックスを横並びにすれば段組レイアウトになる |epubの仕様は基本的にweb標準であるhtmlやcssをベースにしています。そして現在策定中のepub 3はhtml5やcss3をベースにしているため、基本的にhtml5やcssが備えている機能はepubでそのまま利用可能です。 |左右どちらのページで終わっても、続きを次の左ページ（縦組みの場合）から始めるようにタグを挿入します。 上級編 字下げ（任意の数を全角で）. |概要. |epubフォーマットに縦組みやルビなどの日本語関連機能を反映させる上で中心的な役割を果たした村田真氏の言を借りると，epubとは，「htmlとcss 注1) をzipで固めただけのもの」ということになる。 では，epubとはweb文書そのものなのであろうか。 |たとえば、縦組みは「CSS Writing Modes Module Level 3」、禁則処理は「CSS Text Level 3」、ルビは「CSS3 Ruby Module」です。 EPUB 3の日本語機能 それでは、EPUB 3における日本語関連の機能について見ていきましょう。 |とはいえ、epub 3が勧告されていない現状、「epubの縦組み」を正式にサポートしたepubビューアは見当たりません。 表1に挙げたもののうち、AIR草紙は縦組み表示できますが、CSS3の縦組み（writing-mode）を利用しているわけではなく、横のものを縦に表示して. epubは、htmlやウェブブラウザのオープン性を保持しつつ、インターネット接続が切断された状態の携帯情報端末（pda）やノートパソコンなどでも電子書籍の閲覧が継続できるようにダウンロード配信を前提にパッケージ化された、xhtmlのサブセット的なファイル・フォーマット規格であり. 1. 例：. Textフォルダにあるファイルを選択して右クリックで、「スタイルシートにリンク…」を実行。. ぜひ行いたい設定は text-indent 。. CA-UBで制作した縦組み書籍（mobi形式）がAmazon Kindle ストアで発売されました。. 4 [2]。. |レイアウトを epub に書き出す前に、適切に書き出されるように調整できます。 アンカー付きグラフィックの追加 - グラフィックをテキストフローにアンカー付けすることで、書き出されたテキストに対するグラフィックの相対的な位置を制御します。 |第一弾として岩波書店が、このサービスを使って岩波新書のEPUB化を始めた。. 2”対応 テキストデータ、InDesing形式、画像データより変換を行います。 もちろん縦組み、リフローやルビ入れ対応します。 |どうやらKindleGenで変換すると表紙が表示されないようです。ちなみに直接Aozoraepub3でmobiに変換すると（といってもそう見えるだけでAozoraepub3がEpubを作ったすぐにKindleGenが起動して自動的にmobiにしてくれている）縦組みが再現できているのです。 |epubは、htmlやcssなどウェブ作成のために作られたフォーマットに準拠しており、「個人用途、商用問わず、誰でも自由に無料で利用できる」という特徴を持っています。 |適切に論理方向を指すプロパティでサイズ指定してあるHTML文書は、レイアウトを損うことなく、writing-modeの指定の変更だけで縦書き・横書きどちらでも対応します。 論理方向についての詳細は、CSS Logical Properties and Values Level 1 を参考にしてください。 |facebookの日本語EPUBマークアップ指針「JBasic」のグループで公開させていただいた関係者向けのInDesign CS5→JBasic08準拠のEPUB3. 0 の CSS Profile の CSS Writing Modes のところを見ると、-epub- プレフィックスを付けて CSS3 Writing Modesドラフトの2011-04-28版のプロパティ名と構文を使うこととあります。このドラフトでは、text-orientationの値は sideways- ではなくて rotate- でした。 |・電子書籍(EPUB、mobi)での出版から、読者の要望に合わせてプリントオンデマンド出版 用のPDF出力まで ・PDFマニュアルから、Web(HTML)マニュアルへ ・当初縦組みを意識して制作していた書籍を、後から横組みへ路線変更 |Writerで作成したHTMLコンテンツをCalibreで この方法なら表の問題も起きない 縦組みの電子書籍を作成したい EPUB3ファイルに縦組み用スタイルシートを加え、XHTML ファイルを編集する 参考：EPUB3チュートリアル . |縦組みEPUBビューア「Murasaki」 「Murasaki」は、Mac App Storeで販売中のMac OS X用EPUBビューアです。 初期設定では、現在のEPUB仕様どおり横書き／ルビ非対応ですが、ある設定を行うと「CSS3縦組み対応のEPUBビューア」に変化します。 |epubファイルを制作する際はテキストデータをepubファイルに変換する専用ソフトを使用するため、htmlの知識等は必要にはなりません。 補足ですが、. 行頭に挿入することで、その行を任意の字数だけ天から字下げします。 |InDesignCS5. css. 5を使い縦書きで作成したページは、そのままEPUBとして書き出すとEPUB 3ドラフトに準拠したCSSタグとして書き出されます。 これら書き出されるものとして、縦書き（writing-mode : vertical-rl）、圏点（text-emphasis-style）、圏点カラー（text-emphasis-color）、またビデオ(video)、オーディオ（audio）な. 0では日本語の縦組みや右から左へのページ送り、ルビ、圏点、細かい禁則処理などに未対応であったが、epub 3. 0はベースとなる規格をhtml 5とcss 3に変更すること. |縦組みリフロー書籍のKindle PaperwhiteとiPad版での見え方の相違（メモ）. 0 では日本語の縦組みやルビ、縦中横、禁則処理、傍点などに未対応のため表現上の制約がありましたが、epub 3. |メイン画面。縦組みはもちろん、縦横混在や禁則処理などにも対応する。epubフォーマットでの入力・出力も行える; そのほかのスクリーンショット; 表組み機能や表計算機能も搭載; 既存の文字を組み合わせて、外字を作成することも可能 |epub 2.