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
その他のデモ
- 英語の横書き・リフロー(左から右)
(Herman Melville “Moby Dick”) - SVG の固定レイアウト + Web フォント(左から右)
(Jean-Bernard Pouy, Joe G. Pinelli “Sous le vent”) - ヘブライ語の横書き・リフロー(右から左)
(Ori Idan “Sailing in Israel”) - アラビア語の横書き・リフロー(右から左)
(Pr David Khayat “Le Vrai Régime anti-cancer”)
Features | 特徴
EPUB 3 準拠の高い汎用性
電子書籍の国際標準である EPUB 3 に準拠。さまざまな本を扱うことができます。
日本語の縦書きをはじめ、見開きを生かした固定レイアウトなどにも対応済みです。
デスクトップでも、タブレットでも、スマートフォンでも
ウェブ標準の仕様に則った設計で、ブラウザの機能をフル活用して動作します。
そのため、デバイスに依存せず、多くのブラウザで動作します。
操作しやすいインタフェイス
スクロールによる高速な操作とページめくりを両立させた UI が特徴です。
ページ送り方向などは、読みながらすぐに切り替えることもできます。
試すのも公開するのも簡単
ダウンロードして解凍したら、なにはともあれすぐに試すことができます。
- ファイルのひとつをブラウザで開く。
- ウィンドウに EPUB をドラッグ&ドロップする。
これだけで本が開き、読みはじめられます。そして、
- ダウンロードしてきたフォルダをアップロードするか Dropbox などで公開。
- その中の所定のフォルダに EPUB を入れると……
ウェブ公開も完了。アクセスすればどこからでも読めます。さらに、
- ブログやウェブページに1行のコードを書き込めば……
電子書籍を貼り付けて、その場で読んでもらえるようになります。
柔軟なカスタマイズ
余白、背景の色・画像、ページの寸法や送り方向の縦横、などなど。
自由にアレンジして、本に合わせた読書体験をデザインできます。
クライアントサイド動作
表示するコンピュータの中だけで処理が完結するため、
たとえウェブ上のビビで EPUB を開いても、外部に送信されることはありません。
Download | ダウンロード・マニュアル
Bibi ダウンロード v1.2.0 (2020/07/05)
Bibi + 後方互換キット ダウンロード v1.2.0 (2020/07/05)
その他のリソース、ガイド、コミュニティ
- 設置マニュアル (暫定版 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 をカスタマイズしていた場合は、同じ名前の項目を新しいファイルに引き写してから上書きしてください。
Developer | ビビをつくっているのは
松島 智 | Satoru Matsushima
1981年6月9日生まれ。
フリーランスのインタラクションデザイナ/ウェブデザイナ/イーブックデザイナ。
読みものコンテンツを届けるためのウェブサイトや電子書籍を起点とした UX、
関連 UI とインタラクションのデザイン・実装が得意分野。
どうぞお気軽に声をかけてください。歌とお酒と本と文字が好物です。
- @satorumurmur
- @satorumurmur
- satoru.matsushima
- Blog
- fracoco.co | ふらここ、こ