top


総投稿数 本 
no_ star_y
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
no_13771377 star_y
 電子書籍 epub viewer
 先日公開して、結構アクセスをいただいている。
 簡単な機能なのだけど、それでも一応
 簡単な「ヘルプ・使い方ガイド」を用意しました。

epub(電子書籍) viewer β版
epub(電子書籍) viewer β版 ツール上部の [?]ボタンでガイドが表示されますが、下記にリンクも。

no_13761376 star_y
 電子書籍 epub viewer
 またしばらく何もできなかった。
 ※FC2 の自動広告出てしまうし・・・
 ありがたい事にまた公開問い合わせのメールをいただいたので
 現状を β版 として公開

epub(電子書籍) viewer β版
epub(電子書籍) viewer β版 動作をお試しいただき、こんなの創れるよって方は、
 (たくさんいると思うけど)
 もっとエレガントに高機能に創ってください。


 この 作成シリーズ通して、一番勉強になったのは
 ・epubの構造だった。

 ※バグなど潜んでいる可能性があります。見つけたら御教えいただければ大変嬉しいです。
  • ローカルに保存した 拡張子(.epub) のファイルを開いてご利用ください。
  • 動作するブラウザは、Firefox, Chrome。

no_13751375 star_y
 電子書籍 epub viewer。しおり機能。
このあたりから、また面白いことになってきますねぇ。
どうやった実現するか・・・いやその前に
どのような機能にするか。

 ◆しおり機能
 こんな感じの機能かなぁ。

  □画面で読んでいるとき、
   ・ここに "しおり" って時に
   ・ワンクリックで "しおり" が付けられて・・・
  □次回
   ・同じ epub 開いたときに
    ・"しおり" があれば、それを示して
     ・クリックすれば そこに移動
     ・設定によっては、epub 開いたときに
      自動的に移動
  □"しおり" は複数付けられて・・・
   ・色が違ってつけられる、とか
   ※雑誌で気になったページの片隅を
    折っておいたりするもんなぁ。
    (個人的には、後でほとんど見ないけど)

 とりあえず、実装。
   電子書籍 epub viewer しおり機能(ここチェック、あるいはここまで ってやつ)
  ただし、今回は時間の関係で、
  ひとつの "しおり"だけれど。


  詳しくは、追記に  ▼

no_13741374 star_y
 電子書籍 epub viewer。ひとりで黙々と粛々と・・・
でも、誰でも考えることですよね。
ブラウザだけで、電子書籍を読む・・・って。

 先に やられてしまいました。
 (語弊があるな。感銘しているのですが・・・)


ボイジャー、ついにHTML5ベースの新読書システム「BinB」を発表
ボイジャー、ついにHTML5ベースの新読書システム「BinB」を発表 リサーチ不足でしたが、
 すでに、
 ・7月に開催された「第15回国際電子出版EXPO」
  でプロトタイプ公開されてたんですね。
  (最近急に "電子書籍" 興味持ったもんだから)


 まぁ、「創る」方向性としては
 間違いない・・・ということで。



 ・・・参考にさせてもらおう。
no_13731373 star_y
 電子書籍 epub viewer。午前中はこの作業。
やり残し継続。

 ◆ページ遷移
  マウススクロールやインデックスクリック以外に、
  [前へ][次へ]のような ナビゲーションが必須。
   電子書籍 epub viewer マウススクロールやインデックスクリック以外に、[前へ][次へ]のような ナビゲーションが必須
  一応 できた。


  詳しくは、追記に  ▼

no_13721372 star_y
 電子書籍 epub viewer。今日も少しだけ作業。
やり残しを。

 ◆印刷機能(その1)
  まずは、
  無駄なところが無いよう、印刷しなくてはならない。
   電子書籍 epub viewer 無駄なところが無いよう、印刷しなくてはならない
  これじゃぁね。


  詳しくは、追記に  ▼

no_13711371 star_y
 電子書籍 epub viewer。創るのはとても楽しい。
メールで「公開しないのか」というお問い合わせをいただいた。
ありがとうございます。ただ、まだまだ習作のレベル。
あと、何をしなくてはならないか、少し整理してみた。
すべてが実装されたら、(恥ずかしながら)
公開します。

※なお、ブログ表題にあるように、このブログは「創る過程もすべて記録しています」。すべてのページに言えることですが、(もし)ご参考になればとてもうれしいのですが、ご利用の際は、参照レベルでお願いします。また(それでも)ご利用される場合は、できるだけ新しい投稿のものをご参照ください。制作途中もすべて記録しています。


今回の習作

 ◆HTML/Javascript版 電子書籍 epub viewer での し残り残


 □ 印刷機能(印刷の際は、本文だけ印刷されある程度整形されること)
 □ ページ遷移(タイトルクリックやマウススクロール以外に ページ遷移という動き)
 □ FileAPI 利用した、(現在の)ローカルファイル対応以外に
  ネット上に存在するepubファイルの取得表示(※ちと荷が重い?)
 □しおり機能
 □CSV書き出し機能
 □バグとり、エラートラップ
 他にも何か欲しい機能があれば、ぜひ、お教えください。
no_13701370 star_y
 電子書籍 epub viewer。少し時間空いた・・・
細かい表現カスタマイズを。

 ◆目次の階層表示
  epub3 なら、'toc.xhtml'、epub2 なら、'toc.ncx'
  が目次ファイルなのだけれど、
  今までの方法では、階層化された情報が得られなかった。
  一応2段階まで、階層表示をできるようにしておく。
   電子書籍 epub viewer 目次の階層表示


 ◆ページ内遷移
  目次の中には、単純にファイル指定しているものだけでなく
  #toname のように、ページ内遷移しているものがある。
  これへの対応。(jQuery利用してスムーズ移動させる)
   電子書籍 epub viewer ページ内遷移
    ▼
   電子書籍 epub viewer jQuery利用してスムーズ移動させる


  詳しくは、追記に  ▼

no_13671367 star_y
 電子書籍 epub viewer。楽しい、機能UI追加作業。
まずは3つ。

 ◆ヘッダー固定
  これは、今後ここの部分にいくつか考えている機能メニューを
  表示させるため、固定オンオフの機能がいいな、と。
 ◆本文エリア文字サイズ増減
  読むためのアプリだから、当然必要。
  色々な方法があると思うけど、今回は%指定増減で。
   電子書籍 epub viewer ヘッダー固定/本文エリア文字サイズ増減


 ◆ページトップへ
  どこに用意するか迷ったけど、
  [表示]された際に、フッターにタイトル。ここだな。
   電子書籍 epub viewer ページトップへ


  詳しくは、追記に  ▼

no_13661366 star_y
 電子書籍 epub viewer。この辺で、気分をさらに盛り上げる。
少しお化粧した。

目次部分も、jQueryでアニメーション閉じを実現。
   電子書籍 epub viewer アプリケーションぽくなったでしょ
   アプリケーションぽくなったでしょ。
   電子書籍 epub viewer アプリケーションぽくなったでしょ2


目次部分の右側をクリックすると・・・
   電子書籍 epub viewer 目次部分の右側をクリックすると・・・
     ▼
   目次がスライド退場。コンテンツ部分が広く読める。
   電子書籍 epub viewer 目次がスライド退場。コンテンツ部分が広く読める。


  詳しくは、追記に  ▼






ようこそ
Add to Google 創るmetaboy:RSSフィード
My Yahoo!に追加
最新記事のRSS | 問い合わせ

仕事検索、アルバイト検索、依頼仕事の検索ポータル - 仕事検索.COM - www.jobkensaku.com ツクルン

創るmetaboy - WEB創る、サイト創る、何創る - 創ったmetaboy

 

リンク集

 

最近の記事

 

ブロとも申請フォーム
Sponserd by

さくらのレンタルサーバ さくらのレンタルサーバ
大容量・高機能レンタルサーバー heteml 大容量・高機能レンタルサーバー heteml
XREA (ValueDomain)
お名前.com お名前.com
名づけてねっと名づけてねっと
ムームードメインムームードメイン

 

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。