PWAをホーム画面に追加するには

BCCKSをスマートフォンで「ホーム画面に追加」することで、より快適に本を閲覧することができます。ホーム画面から1タップでアクセスできるようになり、画面表示領域も広くなります。 以下、iPhoneとAndroidでBCCKSをホーム画面に追加する手順を説明いたします。

iPhoneでBCCKSをホーム画面に追加する

1. Safariで bccks.jp にアクセスします。 ※必ずトップページを開いた状態でホーム画面に追加してください。
2. Safariのブラウザメニューを開く  ブラウザ下部の中央にある「追加・共有・保存」ボタンをタップします。
3. メニューから[ホーム画面に追加]を選択する  表示される「追加」メニューの中の[ホーム画面に追加]をタップします。

AndroidでBCCKSをホーム画面に追加する


1. Google Chromeでbccks.jp にアクセスします。
2. メニューを開く Chromeの右上にあるメニューボタンをタップします。
3. メニューから[ホーム画面に追加]を選択する 表示されるメニューの中の[ホーム画面に追加]をタップします。

Chromeでルビの文字サイズが大きく表示される

Chromeのデフォルトでは、表示できる最小フォントサイズが10pxになっているため BCCKSで作成した本をChromeでプレビューすると、ルビなどの小さい文字が本来より大きく表示されてしまうことがあります。 Chromeの[設定]メニュー > [フォントをカスタマイズ] > [最小フォントサイズ]の項目で変更することができます。 この項目で、フォントサイズを[極小]にすることで、ルビなどの小さい文字を正常に表示することができるようになります。

よめるブログパーツの操作方法

よめるブログパーツの操作方法は以下の通りです。

embed_reder_01

本を読み込む

よめるブログパーツは、設置されたページを開いた段階では、内容が読み込まれていません。中央の[読む]アイコンか、下部リーダーメニューを操作すると本の読み込みを開始します。本の容量によっては全頁表示するまでに時間がかかります。
右開き縦組の本は左方向へ展開され、左開き横組の本は右方向に展開されます。

embed_reder_02

ページをめくる

本の左右端をクリックか、下端リーダーメニューの左右矢印ボタンでページめくりできます。ブログパーツにフォーカスした状態ならば、キーボードの[←][→]キー、[J][K]キーでもページめくりができます。

embed_reder_03

サムネイルスライダーを使ってページ移動

本の下端にマウスカーソルを近づけるとサムネイルスライダーが表示され、本の好きなページにジャンプできます。移動したいページサムネイルをクリックしてください。
サムネイルスライダーでページを移動すると、画面右下に[前にいた頁に戻る]ボタンが表示され、移動前のページに戻ることができます。

embed_reder_04

リーダーメニュー

下端のリーダーメニューの各ボタンの動作は以下のようになっています。

矢印ページめくりできます。画面左右端クリックや、本にフォーカスした状態でキーボードの[←][→]キー、[J][K]キーも同様です。
BCCKSでよむこの本の情報ページが別ウィンドウで開きます。
本のタイトル
著者名
この本の情報ページが別ウィンドウで開きます。
iPhone型では表示されません。
共有 share本にfacebookのいいねをつけたり、Twitterのタイムラインにつぶやけます。BCCKSにログインした状態で本を開いていると、本を[読了]にする、星評価をつける、コメントを書くなどの操作もできます。
フルスクリーンアイコンフルスクリーンモードに対応したブラウザで、画面いっぱいに本を表示します。Escキーで解除できます。
BCCKSロゴBCCKSのTOPページが別ウィンドウで開きます。

サイトやブログ、書店への設置方法はこちらをご覧ください。

PCリーダーの操作方法はこちらです。

ブログパーツを使って本を宣伝する

外部のサイトやブログへの設置

book_blogparts

書斎TOPから各本の「ブログパーツ」ページにあるタグを、あなたのサイトやブログの設置したい場所にコピー&ペーストするだけでご利用いただけます。
公開されている他者の本であれば、本の情報ページ()内の「ブログパーツ」にあるタグをご利用ください。
ブログの場合、ご利用のサービスによって設置方法が決められていることがありますので、各サービスの設置方法に従ってください。

  • BCCKSで有料販売している本は自動的にタチヨミ版が表示されます。
  • よめるブログパーツでは、パスワード公開や非公開の本は開く事ができません。
  • ページ数や容量の大きい本を多数配置すると、Webページの読み込みが遅くなったり、反応しなくなったりしてしまう事があります。ご注意ください。

BCCKS内のあなたの書店への設置

store_embedreader

BCCKS内に作成したあなたの書店に設置する場合は、上記のようにタグをコピー&ペーストする必要はありません。書店エディタで[本を追加]し、追加された本を[書影にする][リーダーにする]ボタンで切り替えてください。

リーダーで本がうまく読めない場合

リーダーで本がうまく読めない場合は、以下の項目をご確認ください。
以下の推奨環境でも本が開かない場合、お手数ですが、閲覧環境をこちらにご連絡ください。

PC Webブラウザ(Mac、Windows共)

Google ChromeMac、Windows共に推奨ブラウザです。最新版をご利用ください。
SafariMacでのみ推奨ブラウザです。最新版をご利用ください。
Firefox表示される事は確認できていますが、ブラウザの解釈の違い等により文字表示が崩れる場合があります。
Internet ExplorerInternet Explorer 10 以降の最新版をご利用いただく事で表示されます。ブラウザの解釈の違いによって文字表示が崩れる場合があります。

リーダーアプリ「bccks reader」

iOS

iOSアプリ「bccks reader for iOS」は、iOS5以降の以下の機種で動作チェックをしています。

iPhoneiPhone4、iPhone4S、iPhone5、iPhone6、iPhone6s
iPadiPad(第2世代)、iPad 2、iPad (第3世代)、iPad mini、iPad Pro

Android

Androidアプリ「bccks reader for Android」は、Android2.3以降の以下の機種で動作チェックをしています。下記以外の機種をお持ちの方で動作不良がありましたらこちらまでご報告ください。

スマートフォンGALAXY S、Optimus bright L-07C
タブレットGALAXY Tab、GALAXY Note

EPUBの読書環境について

BCCKSで書き出されたEPUBは『EPUB 3』に準拠した形になっております。
EPUB 3対応のリーダーでご覧ください。

また、BCCKSでは以下の環境で動作確認を行っております。

  • Readium Version 0.9.1(Google Chrome拡張機能)
  • iBooks ver 3.2 iOS 7.0.4
  • kobo glo
  • Kindle Paperwhite(KindleGenでmobiファイルに変換)

上記のリーダー以外でもEPUB 3対応のリーダーであれば本を読む事ができます。

各リーダーの仕様によって異なった表示になる事があります。
画像サイズが正しく反映されない、表紙が連続して表示される等。

BCCKS版のEPUB3はどう表示される?

BCCKS版のEPUB 3は、BCCKSの仕組みに最適化されているデータを書き出して、EPUB 3に対応したリーダーで読めるようにしたものです。

BCCKSでの本の表示から大きく変わらないように、縦書きでつくられた本は縦書きにする等、可能なレイアウトや文字組みは反映されるように設計しています。
ただし、EPUB 3というフォーマット自体の表現力や、各社リーダーの性能やレイアウトスタイルやタグへの対応状況に依存するので、文字組や禁則、画像レイアウトなど、BCCKSで実現している組版やレイアウトが再現されるものではありません。

データ本をBCCKSのリーダーで見た際に実現している紙面レイアウトの中で、BCCKS版EPUB 3を標準的なEPUB 3対応リーダーで確認し、表示が可能だったものは以下になります。

標準的なEPUB 3対応リーダーで表示確認できた機能

  • 縦書き右開き、横書き左開き
  • 字下げ、引用
  • ルビ
  • 版面設定(※一部のリーダーで、リーダー側に設定された版面に強制的に変わる)
  • 縦組の本の中で横組を使う、又は逆(※一部のリーダーで、途中から表示されなくなる不具合)
  • 本文の強調弱調(※一部リーダーで、文字がボールドにならない)
  • 本文の縦中横(※iBooksなどの一部のリーダーでは未対応)
  • 画像サイズXS〜XL(※一部のリーダーでは未対応)
  • 画像の寄せ方向(※一部のリーダーでは未対応)

標準的なEPUB 3対応リーダーで再現できなかったもの、反映されないもの

  • 判型設定(※判型はリーダーに依存)
  • 本文の2段組、3段組(※EPUB側の対応が不完全なのではずしました)
  • 禁則処理(※リーダーに依存)
  • 背表紙(※EPUBには標準的に背表紙が無いのではずしました)
  • 画像見開き置き
  • 画像頁置き(※頁置きに近い形に表示されることはあります)
  • 縦書き時、画像の下に本文を表示させる
  • 画像のキャプション、クレジットの付き方(※画像の次に書かれるようにしています)
  • 余白パネル「改段」「改頁」「見開改頁」「白頁挿入」(※エントリーを分けると改頁されます)

リーダーやエディタの推奨環境は?

BCCKSのリーダー及びエディタの推奨環境は以下の通りです。

リーダー(本を読む)推奨環境

PC Webブラウザ

Google ChromeMac、Windows共に推奨ブラウザです。最新版をご利用ください。
SafariMacでのみ推奨ブラウザです。最新版をご利用ください。
Firefox表示される事は確認できていますが、ブラウザの解釈の違い等により文字表示が崩れる場合があります。
Internet ExplorerInternet Explorer 10 以降の最新版をご利用いただく事で表示されます。ブラウザの解釈の違いによって文字表示が崩れる場合があります。

リーダーアプリ「bccks reader」

iOS

iOSアプリ「bccks reader for iOS」は、iOS5以降の以下の機種で動作チェックをしています。

iPhoneiPhone4、iPhone4S、iPhone5、iPhone6、iPhone6s
iPadiPad(第2世代)、iPad 2、iPad (第3世代)、iPad mini、iPad Pro

エディタ(本を作る)推奨環境

PC Webブラウザ

Google ChromeMac、Windows共に推奨ブラウザです。最新版をご利用ください。
SafariMacでのみ推奨ブラウザです。最新版をご利用ください。
Firefox表示される事は確認できていますが、ブラウザの解釈の違い等により文字表示が崩れる場合があります。
Internet Explorer対応していません。