What's Bibi? | 「ビビ」?

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

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

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

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

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

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

どうぞお気軽に「ビビ」と呼んでください。


Demo | デモ

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

日本語の縦書き・リフロー(右から左)
(津野海太郎『ガリ版の話』)
パソコンでは埋め込まれたまま、スマートフォンでは新しいウィンドウで開く(デフォルト)
ガリ版の話 | 津野海太郎
日本語コミック・固定レイアウト(右から左)
(倉塚りこ『ハルコさんの彼氏』)
パソコンでもスマートフォンでも埋め込まれたまま開く(埋め込み時に指定)
ハルコさんの彼氏 | 倉塚りこ
英語の横書き・リフロー(左から右)
(“World Cultures and Geography”)
常に新しいウィンドウで開く(埋め込み時に指定)
World Cultures and Geography
フランス語コミック・固定レイアウト(左から右)
(Boulet, Bagieu Pénélope “La Page Blanche”)
常に新しいウィンドウで開く(埋め込み時に指定)
La Page Blanche | Boulet, Bagieu Pénélope

その他のデモ


Features | 特徴

EPUB 3 準拠の高い汎用性

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

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

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

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

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

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

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

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

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

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

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

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

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

柔軟なカスタマイズ

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

クライアントサイド動作

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


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

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

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

v1.0.0 より以前からのバージョンアップの方法

v1.0.0 からフォルダ構成が変更になり、ユーザに公開する URL も変更されました。

でもご安心を。従来の URL のままで動作させる方法もあります。

「Bibi + 後方互換キット」をダウンロードして、その中にある「README.BackCompatKit.md」をご覧ください。

一度 v1.0.0 以降にしたあとのバージョンアップの方法

bibi フォルダをあたらしいものに置き換えるだけで、バージョンアップ完了です。

ただし、bibi/presets/default.js をカスタマイズしていた場合は、同じ名前の項目を新しいファイルに引き写してから上書きしてください。


Thanks | 謝辞

オープンソースの出版ツール、ブラウザビューワとして2012年に公開されて以来、日本をはじめ世界中の、作家、大小出版社、図書館、学校や研究組織、あるいは国連や公的機関など、たくさんの方にたくさんの場所でご利用いただいています。

なお、ビビ自身もまた、いくつかのオープンソースソフトウェアを利用して成り立っています。一覧

また、ビビのいくつかの機能は、カスタマイズ版の開発ご依頼元のご厚意でオープンソース化されています。

さらに、v1.0.0 へのアップデートは Lunascape からの大きな支援で達成されました。

これまでご支援くださった様々な方々に感謝申し上げます。


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

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

1981年6月9日生まれ。

フリーランスのインタラクションデザイナ/ウェブデザイナ/イーブックデザイナ。

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

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