CHiLO Book Library で公開しているオンライン版のCHiLO Bookを更新しました。
今回は以前追加したページのURLを取得するボタン の改良をしました。
以前は表示するのに window.prompt で見せていたのですが、
・文字が見切れないようにしたい
・ページのURLだけでなくブックのURLも表示したい
とのことなので改良しました。
（元々 Bootstrap のモーダルウィンドウが Setting ボタンで使われていたのでそれにあわせて改良）
URLを全て表示させるため、右端にいくと強制的に改行するようにしているので、
場合によっては、
http://hogehoge.html#hugahuga.xht ml
みたいな感じになってちと見づらいことが起こるかもしれませんが、
利用目的はURLをコピーしてどこかに貼り付けることなので気にならないかなぁと思います。
CHiLO Book Library で公開しているオンライン版のCHiLO Bookを更新しました。
今回は目次一覧の行間を修正しました。
目次の段落としては、
親 子 親 親 子
な感じで、親子の括りで段落の位置を調整していますが、
どうも親子の溝が広いようで、セット感がありませんでした。。
これを、親子の行間を近づけ、別の親子とは距離をおくようにしました。
CHiLO Book Library で公開しているオンライン版のCHiLO Bookを更新しました。
更新内容は2つ、
・現在開いてるページのURLを取得するボタンの追加
・現在開いてるブックのePubファイルをダウンロードするボタンの追加
です。
画面右上に追加しました。
・ページのURLを取得するボタン 
クリックすると、URLが表示されるので、コピーして使用します。
・ePubファイルをダウンロードするボタン 
クリックすると、ダウンロードするか確認がでて、OK を押すとダウンロードできます。
表示されない場合は画面をリロードするか、ブラウザのキャッシュを削除すれば表示されると思います。
先月更新したオンライン版のCHiLO Bookですが、利用していて、
ナビバーやページ捲りのボタンが消えると分かりにくいと言われました。（特にスマートフォン利用時）
確かに消えることで、ナビバーのボタンの誤動作や、ページ捲り方が分からなくなる場合もありそうだったので、
ならずっと表示させておこう。となりました。
以前は、時間経過で消える状態
→ 
これを、常時表示させておく対応にしました。
（後ついでに、上部にあるシリーズとブックのタイトルも見栄え悪いので取っ払いました）
現在、CHiLO ProducerでePub出力する時、シリーズタイトルがファイル名に含まれるのですが、
日本語などが含まれているとファイルアップロード時に上手くアップロードできないという意見があったので、
何かしら対応しておこうかと思います。
ただ、シリーズ名がないと、どのシリーズか分からなくなるので、あった方がよさそうな気もするし。
ファイル出力名用の項目を追加するのもその分手間が増える気もするし、、悩ましいところです。
（ファイル出力名用の項目に情報があればそちらを採用して、なければシリーズ名を採用するようにしようかな・・・）
とりあえず問題としてあげておきます。
https://github.com/cccties/chilo-producer/issues/17
先日こんな記事を書きましたが、シリーズ紹介・章末情報等に表示させる意図はなかったらしく、問題の優先度を下げました。
これとは別にもう１つ、シリーズ紹介ページを消せるようにしたいという要望がありました。
現状、シリーズ構成情報のExcelで、series-introductionを入力しなかった場合は、以下のように空白のシリーズ紹介ページが生成されます。
このページをなくしたいというわけですね。
ちなみにブック概要ページについては、Excelのbook-summaryに何も書かなければページが消えるようになっています。
CHiLO Book Library で公開しているオンライン版のCHiLO Bookを更新しました。
更新内容は、以前ブログにも書いた、ブック内のリンクが別ウィンドウで表示するのを回避させたり、指定したページを表示したり、ある一定のウィンドウサイズ以上だと初期状態で目次出したり・・・など、細々と更新しています。
（サイトの構成上、指定したページの表示は今のところ意味ないですが。。）
レイアウト等も少し直したりしていますが、いじっていると、あれも直したいこれも直したいと要望は尽きないので、ひとまず区切りを付けたいので、この内容で本番環境を更新しました。
新デザインのCHiLO Bookではコミュニティアイコンが、本文ページだけでなく、シリーズ紹介や内表紙、章末情報等にも付くようになりましたが、この追加分のコミュニティアイコンに関して、表示の有無をExcelで切り替えられない問題が見つかりました。
問題を整理するために、本番環境のCHiLO-Producerの仕様を確認してみます。
本文ページについては、Excelの各vol.のシートのcommunity列に、TRUEを書く/書かないで表示を切り替えられます。
また、「はじめにお読みください」のページについてはテンプレートに以下の条件式があり、book-listシートのcommunity-url列にURLが書かれていれば、コミュニティへのリンクが表示されるようになっています。
#if ( $community-url && $community-url != "" ) <p class="subtitle" style="margin-top:1em;">学習コミュニティ参加</p> <p>本書の学習コミュニティに参加して議論し、教えあいながらバッジ獲得を目指すことができます。</p>
<p class="link_icon">・<a href="$!{community-url}">学習コミュニティを見てみる</a>
</p>
<div class="width20 link_icon">
<a href="$!{community-url}">
<img src="../../common/images/b_portal.png"/>
</a>
</div>
#end
他のページについてもこの条件式で表示を切り替えたいところですが、本文ページと「はじめにお読みください」ページ以外はこの条件式が反応しないため、book-listにcommunity-urlを書いても、結果として表示されなくなってしまうのです。
対応策としては、コミュニティアイコンを表示するテンプレートと表示しないテンプレートを作っておき、書き出すCHiLO Bookの、コミュニティアイコンの必要性に応じてテンプレートを切り替えることが考えられます。いやはや、めんどくさいですね。
本番環境のCHiLO-Producerではこの問題は発生しないため、Githubのissueには書いていませんが、それでも内部ではバグとして問題を共有しています。
CHiLO Producer作成時、表紙の画像を指定せず出力すると、
表紙の画像がない、つまり真っ白な表紙ページが生成されるのに気づきました。
真っ白のページ・・・
本の見たときに白いページが表示されると、戸惑ってしまうこと請け合いですので、
表紙の画像を指定しない時は表紙ページが生成されないように修正しておきます。
readium-js-viewerでePubを読み込んだ後、ブラウザを閉じたりして、ePubを開きなおしても見ていたページが表示されるのはどうやっているのか確認したところ、LocalStorageという領域に表示しているページ情報を保存しておいて、それを読み込んでいるようでした。
keyにはePubコンテンツの場所、Valueには表示しているxhtmlファイルのidrefの値をもたせているようです。
上記画像のページだと、
key ： ../in1/cb00101
Value ： "{\"idref\":\"vol-1-text-vol-001-011.xhtml\",\"contentCFI\":\"/4/2@0:0\"}"
となっていました。
"/4/2@0:0\"の部分は、表示しているページで情報がころころ変化していました。
例えば、同じxhtmlファイル内でも、次のページに移動すると情報が変わります。ページ位置とかも都度更新しているのでしょうか。
なので、現状、例えば指定のページを見させたい場合、ここの情報を変更してやれば開くページが変わりました。
ページ表示処理中に介入する方法と、処理前にLocalStorageを変更させておく方法の場合、どちらがスマートなんですかね。
（それ以前にページ指定する方法が実はあって知らないだけだっら、、、）
