記事を読んでもInDesignの知識が無いと分かりにくいかもしれないので、その辺りも補足しつつ進めていきます。

■InDesign CC2014のインタラクティブ演出が問題になるケース
以前もInDeisgn CC2014（以下単に「InDesign」と記載します）の固定レイアウト書き出しについては少し触れたことがありますが、改めて。

InDesignではEPUBの固定レイアウト書き出しが可能になりました。それに加えて、InDesign上でインタラクティブな演出を追加できるようにもなりました。

例えば、画像をクリックすると1回転する、といったアニメーション効果をつけることもできます。

クリックすると1回転の設定

仕組みとしては、インタラクティブな演出はJavaScriptで実現されます。

インタラクティブな演出を追加すると、EPUB書き出し時にInDesignが演出を実行するためのJavaScriptコードを追加します。

もちろんEPUBリーダー側がJavaScriptに対応していなければ適切に動作しません。

AppleのiBooksはJavaScriptのサポートが良好で、InDesignのインタラクティブな演出を始め多くのJavaScriptプログラムが動作します。

この例のような、「クリックでアニメーションが実行される」コンテンツをiPadのiBooksで動作させると、微妙な問題が発生します。

iPadではこの演出を実行するために、クリックではなくタップを行うことになります。ですが、iPadのiBooksでは画面タップのデフォルトの動作として、アプリの操作インターフェイスの表示／非表示を切り替えが組み込まれています。

操作インターフェイス（赤枠部）表示時

操作インターフェイス非表示時

つまり、インタラクティブ機能を実行するために画面をタップする度に、アニメーションが実行されるとともに、アプリの操作インターフェイスの表示／非表示が切り替わり、読者が煩わしい思いをする可能性がある、ということです。

このような動作を解消するJavaScriptコードが提示された、というのが今回取り上げたhon.jpさんの記事の内容です。

■JavaScriptコードについて
hon.jpさんの記事で紹介されたのは、EPUB Secretsの記事です。

ここではインタラクティブ機能を付加してInDesignから書き出した固定レイアウトEPUBを解凍し、内部に含まれるJavaScriptファイル（OEBPS/script/idGeneratedScript.js）を編集する方法が紹介されています。

示されている編集内容は、イベント処理用の関数（function）内の1行目に以下のスクリプトを追加する、というものです。

event.preventDefault();

例えば、InDesignが書き出した元のonMouseUp関数は次の通りです。

function onMouseUp(element, event) {
var is_touch_device = ‘ontouchstart’ in document.documentElement;
if (is_touch_device) return;
removeClass(element, ‘_idGenStateClick’);
var actions = element.getAttribute(“data-releaseactions”);
if(actions) {
eval(actions);
}
event.stopPropagation();
}

この関数内の1行目に先のスクリプトを追加して、次のようにします。

function onMouseUp(element, event) {
event.preventDefault();
var is_touch_device = ‘ontouchstart’ in document.documentElement;
if (is_touch_device) return;
removeClass(element, ‘_idGenStateClick’);
var actions = element.getAttribute(“data-releaseactions”);
if(actions) {
eval(actions);
}
event.stopPropagation();
}

EPUB Secretsの記事では、全てのイベント処理用の関数についてこれを実行するように提示しています。

実際、その通りにスクリプトコードを修正して、再EPUB化したものをiPadのiBooksで実行すると、確かにタップでアニメーションを再生させてもアプリのインターフェイスは表示されません。

しかし逆に、どこをタップしてもアプリのインターフェイスを表示させることができず、読者に別のストレスを与えることになりそうです。

そこで、独自に修正内容を考えて次のようにしてみました。

イベント処理用の関数全てに修正を施すのではなく、onTouchEndForAnimations関数とonMouseUpForAnimations関数に共通する以下の部分を修正します。

var actions = oFrame[i].getAttribute(“data-animationOnSelfClickActions”);
if(actions) {
var selfContainerID = oFrame[i].id;
eval(actions);
}

それぞれのこの部分に「event.preventDefault();」を追加し、以下のようにします。

var actions = oFrame[i].getAttribute(“data-animationOnSelfClickActions”);
if(actions) {
event.preventDefault();
var selfContainerID = oFrame[i].id;
eval(actions);
}

再EPUB化してチェックしたところ、インタラクティブ機能を付加した画像をタップしたときにはアプリのインターフェイスは表示／非表示が切り替わらずに、他の部分をタップしたときには切り替わるという動作が実現できました。

ただし、このコード修正はInDesignのインタラクティブ機能全てに対して有効なものかは分かりません。私がテスト用に用意した簡単なサンプルでは大丈夫だった、というだけのものです。

実際に利用する場合には、より時間をかけて確認する必要があることをご了解ください。

■最後に
日本ではインタラクティブな演出や動画・音声などによる演出などを含む電子書籍はあまり目にすることがありません。制作コストに売り上げが見合わなかったり、使いどころが難しくてなかなか効果的に利用できなかったりといった理由が多そうです。

それでも、個人的にはそのような電子書籍のジャンルが育って行って欲しいと思う気持ちがあります。

2014年12月12日(金)にHTML5に関するイベント「HTML5感」が開催されます。

このイベントで私もセッションをやらせていただくことになりました。初心者さま向けの1時間ほどのセミナーです。ご都合の合う方、ぜひお立ち寄りください。

林拓也のKindle出版講座、iBooks出版講座、ロクナナワークショップで受講生募集中です。詳細はロクナナワークショップのWebサイトでご確認ください。

■著者プロフィール
林　拓也（はやし　たくや）
テクニカルライター／トレーニングインストラクター／オーサリングエンジニア
Twitter：@HapHands
Facebook：https://www.facebook.com/takuya.hayashi

■ITライフハック
■ITライフハック Twitter
■ITライフハック Facebook

雑談の内容であうが基本的に、電子書籍系情報サイトに掲載されていたニュースで個人的に気になった話題を見繕って感想を述べてみる形でいきたいと思います。

■雑談ネタ元となった電子書籍系情報サイトについて
電子書籍系情報サイトは色々ありますが、大まかに数多くの情報をチェックしたい場合によく利用しているのが「hon.jp」です。

hon.jpは日本だけでなく海外の情報も広く紹介されているのが特徴です。

さて、ざっくりhon.jpを眺めていて気に留めたものをいくつか紹介しようと思います。

『米Adobe、「Adobe Digital Publishing Suiteシングル版」をCreative Cloudサブスクリプション対象から外す予定』

案外知られていないかもしれませんが、Adobe Creative Cloudのコンプリートプラン（以後「Creative Cloud」）にはAdobe Digital Publishing Suite（以後「ADPS」）のシングル版ライセンスが付属しています。

ADPSはAdobe社の電子出版ソリューションで、InDesignを使って電子書籍を制作します。最終的にはタブレット向けのアプリとなります。

動画や音声の他、数種類のインタラクティブオブジェクト、オンラインコンテンツ、縦向き用／横向き用のレイアウト切り替えなどをサポートした、リッチな電子書籍の提供が可能です。

電子書籍の形態は大まかに固定レイアウトに分類されるもので、雑誌などで利用されることが多いようです。

さて、ADPSシングル版があれば、個人や小規模な組織によるリッチな電子書籍の出版が可能です。そのライセンスが外されるらしいとのこと。

記事にはInDesignで「固定EPUB3形式の電子書籍ファイルが生成できるようなったため、電子雑誌ユーザーをそちらに誘導する」目的であると書かれています。

本ブログでもInDesignのEPUB書き出しに触れたことがあります。確かに固定レイアウトについては思ったより出来がよかった記憶があります。

しかし、Adobeの意図が本当ならば、それはADPSからの撤退を示唆するもののように見えてしまいます。

ADPSについては個人でコンテンツを出版したことはありませんが、ADPSによる電子出版案件に参加したことがあり、EPUBでは実現困難ということでADPSが採用になった経緯があります。

そんなことから、個人的にはある程度電子出版の選択肢があって欲しいと考えています。
このニュースだけで「ADPSが無くなる」と考えるのは早計でしょうが、ちょっと気になる感じではあります。

『韓国Samsung、自国内での電子書籍ストア運営を終了、Kindle・教保文庫アプリのプリインに戦略変更』

日本でも電子書店の淘汰が進んでいます。今年も色々とサービス終了に関する話が聞かれました。この記事を見て韓国でもそうなのかな、と感じました。

サムスン電子と言えば、韓国第一の企業であるだけでなく世界的にも大きな企業です。

そのサムスンの電子書籍ストアのサービス終了は、韓国における電子書店の淘汰の波が小さくないことを物語っているように思われます。

ただサムスン電子は今年、主力商品のスマートフォンの販売に苦戦しているので、サムスンの苦しさを物語っているという可能性もなきにしもあらず。

『【電子版最大40％OFF！】52年におよぶチッチとサリーの初恋、遂に完結。電子特別版＆最終巻セール!!』

マンガ『小さな恋のものがたり』ご存知でしょうか。子供の頃、姉が持っていたコミックスを読んだ記憶が懐かしく思い出されました。

つい電子特別編集版1～10巻を買ってしまいました。数十年ぶりの『小さな恋のものがたり』との再会です。

このセール、本記事の公開予定の11月27日までとなっております。気づくのが遅れて申し訳ありません。もっと早くお知らせしたかった…。

それはさておき、この『小さな恋のものがたり』電子特別編集版、Amazonでは紙の書籍（「図書館版」となっていますが）は各巻1,728円（税込）となっています。

さすがに1,728円（税込）だったら1冊も買っていない自信があります。

今のところ電子版の価格は売り手が変更できるので、セールで安く購入できることがありますが、紙だけしかなかったらこの再会はなかったはずです。それを思うと、電子書籍は読書の機会を増やすのに間違いなく貢献しているな、と思う次第です。

『日本電子出版協会、「電子出版アワード2014」の一般投票を本日から受付開始』

毎年恒例JEPAさんの電子出版アワード。一般投票の受付が始まりました。

デジタル・インフラ賞にノミネートされているインプレスR&Dさんの「NextPublishing」は低価格で分量が少な目の技術書のブランドです。電子書籍とプリント・オンデマンド（POD）で電子版・印刷版両方に対応しています。

私も2冊（「今、見直すHTML」／「今、見直すCSS」出させていただきました。

その他、知り合いの方のサービスもノミネートされているので、個人的によく考えて投票したいと思っています。

■最後に
告知です。

2014年12月12日(金)にHTML5に関するイベント「HTML5感」が開催されます。

このイベントで私もセッションをやらせていただくことになりました。初心者さま向けの1時間ほどのセミナーです。ご都合の合う方、ぜひお立ち寄りください。

林拓也のKindle出版講座、iBooks出版講座、ロクナナワークショップで受講生募集中です。詳細はロクナナワークショップのWebサイトでご確認ください。

■著者プロフィール
林　拓也（はやし　たくや）
テクニカルライター／トレーニングインストラクター／オーサリングエンジニア
Twitter：@HapHands
Facebook：https://www.facebook.com/takuya.hayashi

■ITライフハック
■ITライフハック Twitter
■ITライフハック Facebook