What's BiB/i? | 「ビビ」?

BiB/i(ビビ)は、電子書籍とウェブをひとつに結び、本を届けるための EPUB リーダです

ブラウザで EPUB が読めるようになる、……というだけではありません。

アクセスすればすぐに本が読める URL をメールや SNS で共有したり、
ブログやウェブページに EPUB を貼り付けることができるようになるのです。

特別なアプリケーションやプラグインも必要もありません。
訪れた人は、その場で、ブラウザのまま読むことができます。

たとえば、小説の試し読みや論文をウェブで公開して読んでもらうことができます。
文中の特定箇所を指定して、そこから読み始めてもらうこともできます。

ビビは、本を届けたい人の思いを、読む人へと繋げるためのツールです。
もちろん、オフラインでお手元の EPUB 電子書籍を読むこともできます。

正式には BiB/i と綴りますが、どうぞお気軽に「ビビ」と呼んでください。


Demo | デモ

ウェブページへの貼り付け

日本語の縦書き・リフロー(横スクロール 右から左へ)
ガリ版の話 | 津野海太郎
英語の横書き・リフロー(横スクロール 左から右へ)
Children's Literature
日本語コミック・固定レイアウト(横スクロール 右から左へ)
ハルコさんの彼氏 | 倉塚りこ
フランス語コミック・固定レイアウト(横スクロール 左から右へ)
La Page Blanche | Boulet, Bagieu Pénélope

その他のデモ

英語の横書き・リフロー
アラビア語の横書き・リフロー
SVG の固定レイアウト + Web フォント
パソコンの中の EPUB ファイルを開く(iOS / Android ではつかえません)

Features | 特徴

EPUB 3 準拠の高い汎用性

電子書籍の国際標準である EPUB 3 に準拠。さまざまな本を扱うことができます。
日本語の縦書きをはじめ、見開きを生かした固定レイアウトなどにも対応済みです。

デスクトップでも、タブレットでも、スマートフォンでも

ウェブ標準の仕様に則った設計で、ブラウザの機能をフル活用して動作します。
そのため、デバイスに依存せず、多くのブラウザで動作します。

操作しやすいインタフェイス

スクロールによる高速な操作とページめくりを両立させた UI が特徴です。
ページ送り方向などは、読みながらすぐに切り替えることもできます。

試すのも公開するのも簡単

ダウンロードして解凍したら、なにはともあれすぐに試すことができます。

  1. ファイルのひとつをブラウザで開く。
  2. ウィンドウに EPUB をドラッグ&ドロップする。

これだけで本が開き、読みはじめられます。そして、

  1. ダウンロードしてきたフォルダをアップロードするか Dropbox などで公開。
  2. その中の所定のフォルダに EPUB を入れると……

ウェブ公開も完了。アクセスすればどこからでも読めます。さらに、

  1. ブログやウェブページに1行のコードを書き込めば……

電子書籍を貼り付けて、その場で読んでもらえるようになります。

柔軟なカスタマイズ

余白、背景の色・画像、ページの寸法や送り方向の縦横、などなど。
自由にアレンジして、本に合わせた読書体験をデザインできます。

クライアントサイド動作

表示するコンピュータの中だけで処理が完結するため、
たとえウェブ上のビビで EPUB を開いても、外部に送信されることはありません。


Download | ダウンロード・マニュアル

BiB/i ダウンロード(最新) v0.999.4 (2016/06/23) (440KB)

その他のリソース、ガイド、コミュニティ

設置マニュアル (暫定版 2014/05/06)
設置方法の基本をまとめました。詳細なカスタマイズ方法も充実させていきます。
GitHub リポジトリ
開発へのご参加をお待ちしております。
BiB/i フォーラム (Facebook 公開グループ)
ご質問にお答えしたり新機能をご紹介したりしています。お気軽にご参加ください。

バージョンアップの方法

bib フォルダ内の bookshelf フォルダ以外を、あたらしいものに置き換えてください。
バージョンアップはそれで完了です。


Credits | クレジット・利用事例・謝辞

使用しているプログラム

ビビには、オープンソースのソフトウェアをいくつか使用しています。

感謝して記載します。※拙作のものも併記しておきます。

The Elegant Icon Font
© Elegant Themes, Inc. (Dual licensed under the GPL 2.0 and the MIT license.)
Font Awesome
© Dave Gandy (Licensed under SIL Open Font License (OFL) 1.1)
Native Promise Only
© Kyle Simpson (Licensed under the MIT license.)
Hammer.js
© Jorik Tangelder (Licensed under the MIT license.)
easing.js
© Dan Rogers (Licensed under the MIT license.)
sML
© Satoru Matsushima (Licensed under the MIT license.)

同梱のエクステンションには次のプログラムを使用しています。

JSZip
© Stuart Knightley (Dual licensed under the MIT license or GPLv3.)
base64.js
© dankogai (Licensed under the MIT license.)

ご利用事例・お礼

開発にあたり、たくさんの方々にお世話になっています。お名前を挙げはじめるとキリがないので、みなさんの電子出版に関する活動をピックアップしてご紹介して、せめてもの謝意を表明させていただきます。みなさま、ありがとうございます。

ご採用の際は、ぜひお知らせください!(もちろん必須ではありません)

(順不同・敬称略で失礼いたします) ※ちかく、より詳細にご紹介したいと思います。

試し読みなどにビビが採用された作品

ビビが採用されたサービス

ビビと連携するツール・連携ガイド

スペシャルサンクス


Developer | ビビをつくっているのは

松島まつしま さとる | Satoru Matsushima

1981年6月9日生まれのウェブデザイナ。

読みものコンテンツを届けるためのウェブサイトや電子書籍を起点とした UX、
関連 UI とインタラクションのデザイン・実装が得意分野。

どうぞお気軽に声をかけてください。歌とお酒と本と文字が好物です。