JP6833189B1 - 電子書籍のコンテンツ生成方法及びプログラム - Google Patents

Abstract

【課題】複数の部分領域（コマ）を含むマンガなど、複数のコンテンツを有する電子書籍を携帯端末等の表示画面に表示する態様を改善する技術を提供する。【解決手段】第１のコンテンツと第２のコンテンツとを、直交座標系のＹ軸に沿って距離Ｄで表示画面に配置する方法であって、第１のコンテンツの領域から第１の表示対象の領域を除いた表示対象外の領域のうち第２のコンテンツ側にある第１の表示対象外の領域を特定することと、第２のコンテンツの領域から第２の表示対象の領域を除いた表示対象外の領域のうち第１のコンテンツ側にある第２の表示対象外の領域を特定することと、複数の総幅を算出することであって、総幅の各々は、同一のＸ座標における第１の表示対象外の領域のＹ軸方向の幅と、第２の表示対象外の領域のＹ軸方向の幅との和である、複数の総幅を算出することと、複数の総幅と所定の基準に基づいて距離Ｄを決定することと、を含む。【選択図】図２１

Description

本発明は、電子書籍のコンテンツ生成方法及びプログラムに関する。

複数の部分領域（コマ）を含むマンガなど、複数のコンテンツを有する書籍を携帯端末等の表示画面に表示させる技術が存在する。

例えば、コマ・データによって表される漫画コマ画像の表示順序を表すコマ番号データを記憶し、コマ番号データに基づいて、コマ・データによって表される漫画コマ画像を表示装置の表示画面に１コマずつ表示する技術が存在する（例えば、特許文献１参照）。

また、１ページ分のコマを画面上に表示し、表示されたコマの中の所定のコマに対して、フェードイン処理又はフェードアウト処理の何れかを行なう技術が存在する（例えば、特許文献２参照）。

また、台紙を分割して複数の図形のコマを形成するためのコマ確定手段と、このコマ確定手段により形成された複数のコマを表示する技術が存在する（例えば、特許文献３参照）。

特開２００２−２７９３９６号公報 特開２００２−２５９１１１号公報 特開２００４−３４２００２号公報

開示の技術は、複数の部分領域（コマ）を含むマンガなど、複数のコンテンツを有する電子書籍を携帯端末等の表示画面に表示する態様を改善することで、より読みやすい電子書籍の提供を行うことを目的とする。

開示の技術によって、コンピュータが、第１のコンテンツと、第２のコンテンツとを、相互に直交するＸ軸及びＹ軸で構成される直交座標系の前記Ｙ軸に沿って、距離Ｄで、表示画面に配置する方法であって、前記第１のコンテンツは第１の表示対象を含み、前記第２のコンテンツは第２の表示対象を含み、当該方法は、前記第１のコンテンツの領域から前記第１の表示対象の領域を除いた表示対象外の領域のうち前記第２のコンテンツ側にある第１の表示対象外の領域を特定することと、前記第２のコンテンツの領域から前記第２の表示対象の領域を除いた表示対象外の領域のうち前記第１のコンテンツ側にある第２の表示対象外の領域を特定することと、複数の総幅を算出することであって、前記総幅の各々は、同一のＸ座標における前記第１の表示対象外の領域の前記Ｙ軸方向の幅と、前記第２の表示対象外の領域の前記Ｙ軸方向の幅との和である、複数の総幅を算出することと、前記複数の総幅と、所定の基準に基づいて、前記距離Ｄを決定することと、を含む、方法が提供される。

開示の技術によれば、複数の部分領域（コマ）を含むマンガなど、複数のコンテンツを有する電子書籍を携帯端末等の表示画面に表示する態様を改善することで、より読みやすい電子書籍を提供することができる。

図１は、漫画のコマの配置の例を示す図である。 図２は、漫画のコンテンツを示す図である。 図３は、漫画のコンテンツを示す図である。 図４Ａは、２つのコンテンツを縦に並べたときの表示対象外の領域の幅の総和を示す図である。 図４Ｂは、総和を表したグラフである。 図５は、複数の総和を、その値が小さい順に並び替えたグラフである。 図６は、図５のうち複数の総和の値が小さい部分のグラフである。 図７は、所定の基準と複数の総和との関係を示すグラフである。 図８は、所定の基準と総和との差を示すグラフの一例を示した図である。 図９は、所定の基準と総和との差を示すグラフの他の例を示した図である。 図１０は、所定の基準と総和との差を示すグラフの他の例を示した図である。 図１１は、所定の基準と総和との差を示すグラフの他の例を示した図である。 図１２は、所定の基準と総和との差を示すグラフの他の例を示した図である。 図１３Ａは、コンテンツ間の距離の一例を示した図である。 図１３Ｂは、コンテンツ間の距離の他の例を示した図である。 図１４は、コンテンツ間の距離の他の例を示した図である。 図１５Ａは、一方のコンテンツの表示対象の領域が他方のコンテンツの表示対象外の領域によって隠されてしまう例を示した図である。 図１５Ｂは、コンテンツ間の距離の下限値を設定した例を示した図である。 図１６Ａは、コンテンツの境界が水平でない例を示した図である。 図１６Ｂは、コンテンツの境界が同じ形状である例を示した図である。 図１７は、コンテンツの境界の形状が合っていない例を示した図である。 図１８Ａは、コンテンツＡの境界の形状を補正した例を示した図である。 図１８Ｂは、コンテンツＡの境界の形状を補正した例を示した図である。 図１８Ｃは、コンテンツＡの境界の形状を補正した例を示した図である。 図１８Ｄは、コンテンツＡの境界の形状を補正した例を示した図である。 図１９Ａは、コンテンツＢの境界の形状を補正した例を示した図である。 図１９Ｂは、コンテンツＢの境界の形状を補正した例を示した図である。 図１９Ｃは、コンテンツＢの境界の形状を補正した例を示した図である。 図１９Ｄは、コンテンツＢの境界の形状を補正した例を示した図である。 図２０Ａは、コンテンツＡのみの境界の形状を補正した例を示した図である。 図２０Ｂは、コンテンツＡのみの境界の形状を補正した例を示した図である。 図２０Ｃは、コンテンツＡのみの境界の形状を補正した例を示した図である。 図２０Ｄは、コンテンツＡのみの境界の形状を補正した例を示した図である。 図２１は、実施形態の処理フローの例を示す図である。 図２２は、コンテンツ間の距離を決定する処理フローの例を示す図である。 図２３は、コンテンツ間の距離を決定する処理フローの例を示す図である。 図２４は、コンテンツ間の距離を決定する処理フローの例を示す図である。 図２５は、コンテンツ間の距離を決定する処理フローの例を示す図である。 図２６は、コンテンツ間の距離を決定する処理フローの例を示す図である。 図２７は、コンテンツ間の距離を決定する処理フローの例を示す図である。 図２８は、実施形態のハードウェア構成の例を示す図である。 図２９は、実施形態の処理ブロック図の例を示す図である。

以下、図面を参照しながら実施形態を説明する。

図１は、漫画のコマの配置１０の例を示す図である。コマ１乃至コマ８におけるコマの符号は、漫画のストーリーの順番を示している。漫画のコマの配置１０は、紙媒体に印刷された漫画と同様に、１頁内にコマ１の左隣に空き領域がある場合には、左隣にコマ２を配置する。コマ２の左隣は空き領域がないため、コマ１及びコマ２の下段にコマ３及びコマ４が並置されている。このように、１頁内に漫画の各コマを配置する場合には、図１のような配置が行われる例が多い。

しかしながら、携帯端末などの、表示領域が小さい画面では、このようなコマの配置１０の全体を表示すると、各コマの表示が小さくなってしまう。このため、携帯端末において、漫画をストーリー順に表示させる場合には、例えば、各コマを縦に一列に並べ替えて配置し直すことが要求される場合がある。縦一列に各コマを配置し直せば、縦スクロールにより、各コマを順次表示させることができる。しかも、各コマが表示画面に大きく表示されるようになるため、読みやすくなる。

このように漫画のコマを縦に並べる場合には、読みやすいように各コマの間隔を調節することが望ましい。例えば、コマ３には、吹出し９が付随している。この場合、コマ３及び吹出し９と、コマ３及び吹出し９の下に配置し直されるコマ４との間隔は、吹出し９を考慮して決定されることが望ましい。

以下の説明では、コマ及びそのコマに付随する吹出しなどの表示の対象となるオブジェクトを表示対象と呼ぶ。そして、以下の実施形態で、コンテンツとは、表示対象の領域と表示対象外の領域とを含む領域で構成される。

このようにコンテンツを縦に並べる際に、隣接する表示対象どうしの間隔をより適切な間隔となるように、コンテンツを配置する実施形態を例示して説明する。

なお、実施形態では、コンテンツを縦に並べる例を示すが、コンテンツを横に並べる場合にも、実施形態に示された手法を同様に適用することができることは言うまでもない。

図２は、漫画のコンテンツ２０を示す図である。コンテンツ２０は、表示対象の領域２４と、表示対象外の領域２２及び領域２６とを含んでいる。表示対象の領域２４は、図１における吹き出し９を含むコマ３を有する。

本実施形態では、吹き出し９を含むコマ３のように表示の対象となる領域を表示対象の領域と呼ぶ。そして、表示対象の領域と表示対象外の領域とで構成される一塊をコンテンツと呼ぶ。

図３は、漫画のコンテンツ３０を示す図である。コンテンツ３０は、表示対象の領域３４と、表示対象外の領域３２とを含んでいる。表示対象の領域３４は、図１におけるコマ４を有する。

図２及び図３に示されるように、各々のコンテンツには、表示対象の領域と表示対象外の領域が含まれる。各々のコンテンツの表示対象が比較的小さい場合には、表示対象外の領域を比較的広くなるようにすることで、各々のコンテンツの大きさが略同じ大きさになるようにしてもよい。コンテンツは、ピクセルで構成された画像であってもよいし、ベクターデータで構成された画像であってもよいし、これらが混在している画像であってもよいことは言うまでもない。

なお、以下に示す実施形態では、複数のコンテンツを重ねて配置する場合に、コンテンツに含まれる表示対象外の領域が、他のコンテンツの表示対象の領域を覆い隠すことを避けるために、表示対象外の領域は、表示対象の領域よりも背面に位置するようにしたり、表示対象外の領域は、透明にしたりすることが望ましい。

図４Ａは、コンテンツ２０及びコンテンツ３０を縦（Ｙ軸方向）に並べたときの表示対象外の領域の縦方向の幅の総和を示す図である。図４Ａに示す実施形態では、コンテンツを縦に並べた例を用いて説明するが、以下に述べる手法は、２つのコンテンツを横に並べる場合にも同様に適用できることは言うまでもない。ここで、Ｙ軸はコンテンツを順に配置する方向を示し、Ｘ軸はＹ軸に直交する軸である。

コンテンツ２０とコンテンツ３０とを、距離D_cを隔てて縦に並べる際に、この距離D_cを適切な距離とすることで、表示対象の領域２４と表示対象の領域３４とが適切な距離を隔てて配置される。以下の実施形態では、この距離D_cを決定する例を示す。

なお、コンテンツ２０とコンテンツ３０との境は水平となっている（Ｘ軸に平行な線で対面している）が、必ずしもコンテンツ２０とコンテンツ３０との境は水平となっていなくてもよいことは言うまでもない。また、図４Ａの例では、各々のコンテンツは、長方形となっているが、コンテンツは、長方形以外であってもよい。コンテンツが長方形以外の例は、図１６Ａないし図２０Ｄを用いて後述する。
以下に述べる実施形態では、隣接するコンテンツの境が、略同じ形状であればよい。この例については、図１６Ｂを用いて後述する。

図４Ａにおいて、コンテンツ２０とコンテンツ３０との横方向（Ｘ軸方向）の相対的な位置関係は、コンテンツ同士の中心をＸ軸に対して一致させるようにする（中央合わせにする）ことが望ましい。このようにすることによって、表示対象の領域２４及び表示対象の領域３４の中央がＸ軸方向に略揃うこととなる。このようにすることによって、コンテンツ２０とコンテンツ３０とが配置された画面を縦にスクロールする場合に、２つのコンテンツの中央がＹ軸と略揃うこととなり、２つのコンテンツが、より見やすく順番に表示されることとなる。なお、複数のコンテンツのＸ軸方向の位置合わせは、上記の例に限られるものではなく、コンテンツを右又は左にそろえるようにしてもよい。あるいは、コンテンツの中の表示対象を右又は左にそろえるようにしてもよい。あるいは、コンテンツの中の表示対象の面積重心をＸ軸にそろえるようにしてもよい。

図４Ａにおいて、より適切な距離D_cを求めるために、まず、表示対象外の領域のうち、相対するコンテンツ側に対面している表示対象外の領域に注目し、同じＸ軸の値における表示対象外の領域のＹ軸方向の幅の和を求める。例えば下記のようになる。
W_bg(x₁)=w_a1+w_b1
W_bg(x₂)=w_a2+w_b2
W_bg(x₃)=w_a3+w_b3
ここで、W_bg(x₁)は、x₁におけるコンテンツ２０の表示対象外の領域のＹ軸方向の幅w_a1と、x₁におけるコンテンツ３０の表示対象外の領域のＹ軸方向の幅w_b1との和である。W_bg(x₂)及びW_bg(x₃)についても、同様に求めることができる。
W_bgは、総幅の一例である。
なお、コンテンツ３０は、表示対象の左右両側にも表示対象外の領域が存在するため、w_b1は表示対象外の領域の最大幅の値となっている。

図４Ｂは、Ｘ軸にＸ軸方向の位置、Ｙ軸にW_bgの値をプロットしたグラフ４２である。

図５は、W_bgをピクセル単位で値の小さい順にソートしたものをW_bgsとし、ソート後の順番をindexの値とし、Ｘ軸にindexを設定し、Ｙ軸にW_bgsを設定して描き直したグラフ５２である。図５のグラフ５２は、ソートした結果であるから、必ず単調増加になる。

以下に詳細に述べるように、Ｘ軸がゼロから予め定められたF_rangeまでのW_bgの値に注目してコンテンツの距離D_cが決定されることが望ましい。なお、F_rangeは、オペレータの指示に基づいて変更されてもよい。すなわち、indexを示すＸ軸のゼロからF_rangeまでは、W_bgが小さい値を持ち、表示対象の領域２４と表示対象の領域３４との距離が小さい値となっている。したがって、F_rangeが小さいと、値の小さい総和W_bgが優先的に使用されることとなる。逆に、F_rangeが大きな値になると、値の小さい総和W_bgが優先的に使用されることの度合いは、減少することとなる。

したがって、Ｘ軸のゼロからF_rangeまでの、グラフ５２の値に着目することで、表示対象間の距離が狭い部分を着目することができる。表示対象間の距離が短くなりすぎると（あるいは長くなりすぎると）、表示対象の間隔が不自然に見える度合いが増すこととなる。Ｘ軸のゼロからF_rangeまでの、グラフ５２の値に着目することで、マンガのコマの間隔が自然な間隔になるように配置できる。

以下に示す実施形態は、図４Ａに示すコンテンツ２０とコンテンツ３０との距離D_cを適切な値にすることで、表示対象の領域２４と表示対象の領域３４との間隔を適正な間隔にすることができる。

F_rangeの値を調節することで、様々な分布を持つW_bgの集合のうち、小さい値を持つW_bgの集合の大きさを調節することができる。F_rangeが小さければ小さいほど、W_bgのうちの小さい値のW_bgをより優先することとなる。

図６は、図５のグラフ５２のうち、Ｘ軸がF_rangeまでを切り出したグラフ６２を示している。以下の実施形態では、Ｘ軸がゼロからF_rangeまでを切り出したグラフ６２の形状に応じて、距離D_cを決定する処理の例を説明する。

なお、表示対象外の領域の輪郭がベクターデータで構成されている場合には、離散量ではなく連続量として処理してもよいし、あるいはピクセルの代わりに、ピクセル幅に相当する単位距離を用いて、例えばindexが１増加する場合の単位距離を定めることで、輪郭がピクセルで構成されている場合と同様の処理を行ってもよい。

図７は、所定の基準と複数の総和との関係を示すグラフである。あらかじめ定められた基準値D_std７２は、indexが、ゼロからF_rangeまでの間の望ましい基準の値の一例を示している。曲線D_std７２はＸ軸の値indexの関数であり、indexがゼロのときF_minの値を持ち、indexがF_rangeのときF_maxの値を持つ直線の例が示されている。

一例として、D_std７２は傾きが１の直線であり。F_min=20ピクセル、F_max=100ピクセル、F_range=F_max-F_min＝80ピクセルのように設定される。なお、この例は、一例であって、コンテンツのピクセル解像度によって変動することは言うまでもない。

図７の曲線D_std７２は、２つの表示対象がユーザにとって近すぎない距離で見える限界を示す一例である。なお、２つの表示対象がユーザにとって近すぎない距離で見える限界は、ユーザ毎の主観的な感覚に依存するため、図７の曲線D_std７２は一例であって、これに限られるものではない。

図８は、所定の基準である曲線D_std８２と総和W_bgs８４との差を示すグラフの一例を示した図である。
本実施形態では、D_std-W_bgsが最大になるindexの値i_maxを求める。そして、下記の式（１）のように、i_maxにおける基準値D_std(i_max)と、i_maxにおける表示対象外の領域のＹ軸方向の幅の総和W_bgs(i_max)との差をD_cとする。

D_c=D_std(i_max)-W_bgs(i_max) 式（１）

コンテンツの距離をD_cにすることは、W_bgs８４（あるいは W_bg４２）がW_bgs(_imax)になる箇所での２つの表示対象どうしの距離をD_std(_imax)にすることに相当する。このように、コンテンツの距離をD _c にすることによって、２つのコンテンツの各々の表示対象どうしの距離を、ユーザにとって違和感のない距離にすることができる。なお、コンテンツの距離D_cについての具体例は、図１３Aなどを用いて後述する。

図９は、所定の基準である曲線D_std９２と総和W_bgs９４との差を示すグラフの一例を示した図である。図９のようにW_bgsの傾きが急になる状態は、２つの表示対象の向き合った側の表示対象の領域に突き出た部分が存在し、その突き出た部分が鋭角的な場合に発生する。すなわち、この場合には、D_std-W_bgsが最大になるindexの値i_maxの値は小さくなり、D_std(i_max)の値も小さくなる。

なお、突き出た部分が鋭角的な場合であっても、突き出た部分の大きさによって、配置間隔の基準値は変化する。突き出た部分の範囲がF_rangeと同程度以上に大きい場合は、図9のようにindexが0からF_rangeまでの全域においてW_bgsの傾きは急になる。そのためD_std(i_max)の値は小さくなる。

図９の場合には、i_maxの値が零のときにD_std(i_max)-W_bgs(i_max)の値が最大となる。この場合に、式（１）を適用してコンテンツの距離をD_cにすれば、W_bgs９４（あるいは W_bg４２）がW_bgs(i_max)になる箇所での２つの表示対象どうしの距離をD_std(i_max)にすることに相当する。図９の場合には、D_std(i_max)＝F_minであるから、２つの表示対象が最も接近した箇所での間隔が、F_minとなり、２つの表示対象が重なる状態は発生しない。

図１０は、所定の基準である曲線D_std１０２と総和W_bgs１０４との差を示すグラフの一例を示した図である。図１０のようにW_bgsの傾きが緩やかになる状態は、２つの表示対象の向き合った側の表示対象の領域に突き出た部分が存在しないか、又はその突き出た部分が鋭角的でない場合に発生する。すなわち、この場合には、D_std-W_bgsが最大になるindexの値i_maxの値は図９の場合よりも大きくなり、D_std(i_max)の値も大きくなる。この場合に、式（１）を適用してコンテンツの距離をD_cにすれば、W_bgs１０４（あるいは W_bg４２）がW_bgs(i_max)になる箇所での２つの表示対象どうしの距離をD_std(i_max)にすることに相当する。図１０の場合には、D_std(i_max)＝F_maxであるから、２つの表示対象が最も接近した箇所での間隔は、F_min よりも大きくなる。

図１１は、所定の基準である曲線D_std１１２と総和W_bgs１１４との差を示すグラフの一例を示した図である。突き出た部分の範囲がF_rangeよりも小さい場合は、図１１のようにW_bgs１１４の曲線の傾きが、indexが増加するにつれて穏やかになる。すなわち突き出た部分の範囲がF_rangeよりも小さい場合は、indexが小さい領域でのみW_bgsの傾きは急になり、indexが大きい領域ではW_bgsの傾きは緩やかになる。図１１の場合、i_maxの値は大きくなり、D_std(i_max)の値は大きくなる。図１１の場合には、D_std(i_max)＝F_maxであるから、２つの表示対象が最も接近した箇所での間隔は、F_minよりも大きくなる。

図１２は、所定の基準である曲線D_std１２２と総和W_bgs１２４との差を示すグラフの一例を示した図である。図１２は、D_std(i_max)-W_bgs(i_max) の値が負になる場合を示している。D_std(i_max)<W_bgs(i_max)すなわちD_std(i_max)-W_bgs(i_max)<0であるから、式（１）によって計算されるコンテンツの距離D_cは、負の値となる。

図１３Ａは、コンテンツ間の距離D_cの一例を示した図である。
図１３Ｂは、コンテンツ間の距離の他の例を示した図である。
図１３Ａと図１３Ｂとを比較するとわかるように、表示対象外の領域の幅が変っても、式（１）を適用して求められたD_cの値が、表示対象外の領域の幅の変化に応じて変わる。このため、D_cを使って２つのコンテンツを配置した結果を示す図１３Ａと図１３Ｂとで、表示対象領域の間隔は変わらない。

上記の理由は以下のとおりである。すなわち、表示対象外の領域の縦幅をwだけ増加させると、例えば図８のW_bgsの曲線の位置がwだけ上に移動するだけであり、i_maxの値は変わらない。この場合には、D_cの値はwだけ減少する。その結果、表示対象外の領域の縦幅が増減しても、コンテンツどうしの間隔をD_cにして配置すると、表示対象どうしの間隔はwの増減に影響されない。

なお、既に述べたように、図１３Ｂのように、２つのコンテンツを重ねて配置する場合に、コンテンツに含まれる一方の表示対象外の領域が、他方のコンテンツの表示対象の領域を覆い隠すことを避けるために、表示対象外の領域は、表示対象よりも背面に位置するようにしたり、表示対象外の領域は、透明にしたりすることが望ましい。

図１４は、コンテンツ間の距離の他の例を示した図である。図１２において説明したように、コンテンツの配置間隔Dc値が負となっている。負の値を持つDcを使って、コンテンツ２０とコンテンツ３０とが配置されている。図１２に示したように、表示対象の領域２４と表示対象の領域３４との間隔は、最も狭い箇所でもF_min以上になるので、この例のような場合でも、表示対象の領域２４と表示対象の領域３４とには重なりは発生しない。

＜変形例１＞
変形例として、コンテンツの配置間隔D_cの下限値を設ける方法がある。予めコンテンツの配置間隔D_cの下限値D_minを設定しておく。そして、D_c<D_minとなった場合にはD_c=D_minに補正するようにしてもよい。例えば、D_min>0に設定すれば、コンテンツどうしに重なりは発生しなくなる。

＜変形例２＞
他の変形例として、コンテンツの配置間隔D_cの上限値を設ける方法がある。予めコンテンツの配置間隔D_cの上限値D_maxを設定しておく。そして、D_c>D_maxとなった場合にはD_c=D_maxに補正するようにしてもよい。D_maxの設定により、コンテンツどうしの間隔が開きすぎないようにすることができる。

図１５Ａは、一方のコンテンツの表示対象の領域３４が他方のコンテンツの表示対象外の領域２６によって隠されてしまう例を示した図である。このように、表示環境によっては、一方のコンテンツの表示対象の領域３４が、他方のコンテンツの表示対象外の領域２６によって隠されてしまうことがある。

図１５Ｂは、コンテンツ間の距離の下限値を設定した例を示した図である。図１５Ａのような表示環境では、図１５Ｂに示されるように、下限値D_minを設定することで一方のコンテンツの表示対象の領域３４が、他方のコンテンツの表示対象外の領域２６によって隠されてしまうことを避けることができる。

図１６Ａは、コンテンツの境界が水平でない例を示した図である。
図１６Ｂは、コンテンツの境界が同じ形状である例を示した図である。
図１６Ａ及び図１６Ｂのように、コンテンツの境界１６２が水平でない場合であっても、隣接するコンテンツの境界が略同じ形状であれば、既に述べた実施形態の手法を使うことができる。

図１７は、コンテンツ２０の表示対象外の領域１７０の境界１７２の形状と、コンテンツ３０の表示対象外の領域１７６の境界１７４の形状とが合っていない例を示した図である。コンテンツの境界の形状が合っていない場合には、以下に示す実施形態を用いて形状を修正してから、既に述べた実施形態の手法を適用することができる。

図１８Ａ、図１８Ｂ、図１８Ｃ及び図１８Ｄは、コンテンツ２０の境界の形状を補正した例を示した図である。
図１８Ａは、コンテンツ２０の境界が水平となるように、表示対象外の領域１７０に領域１８２を加えた例を示している。
図１８Ｂは、コンテンツ２０の境界が水平となるように、表示対象外の領域１７０に領域１８３を加えると共に、表示対象外の領域１７０から領域１８４を取り除いた例を示している。
図１８Ｃは、コンテンツ２０の境界が水平となるように、表示対象外の領域１７０から領域１８５を取り除いた例を示している。
図１８Ｄは、コンテンツ２０の境界が水平となるように、表示対象外の領域１７０に領域１８６を加えた例を示している。

図１９Ａ、図１９Ｂ、図１９Ｃ及び図１９Ｄは、コンテンツ３０の境界の形状を補正した例を示した図である。
図１９Ａは、コンテンツ３０の境界が水平となるように、表示対象外の領域１７６に領域１９１を加えた例を示している。
図１９Ｂは、コンテンツ３０の境界が水平となるように、表示対象外の領域１７６に領域１９２を加えると共に、表示対象外の領域１７６から領域１９３を取り除いた例を示している。

図１９Ｃは、コンテンツ３０の境界が水平となるように、表示対象外の領域１７６に領域１９４を加えると共に、表示対象外の領域１７６から領域１９５を取り除いた例を示している。
図１９Ｄは、コンテンツ３０の境界が水平となるように、表示対象外の領域１７６に領域１９６を加えた例を示している。

上記の図１７のコンテンツ２０及びコンテンツ３０の境界の形状を、図１８Ａ乃至１９Ｄ のように修正することで、既に述べた実施形態の手法を適用できるようになる。図１８Ａ乃至図１８Ｄに示す修正後のコンテンツと、図１９Ａ乃至図１９Ｄに示す修正後のコンテンツとの、いずれを組み合わせても、図１３Ａ又は図１３Ｂに示したように、２つのコンテンツを配置した結果、２つの表示対象領域の間隔は同じとなる。

図２０Ａ、図２０Ｂ、図２０Ｃ及び図２０Ｄは、コンテンツ２０のみの境界の形状を補正して、コンテンツ３０の境界の形状と合わせた例を示した図である。
図２０Ａは、コンテンツ２０の境界が、図１７のコンテンツ３０の境界１７４と略同じになるように、表示対象外の領域１７０に領域２０１を加えた例を示している。
図２０Ｂは、コンテンツ２０の境界が、図１７のコンテンツ３０の境界１７４と略同じになるように、表示対象外の領域１７０に領域２０２を加えた例を示している。
図２０Ｃは、コンテンツ２０の境界が、図１７のコンテンツ３０の境界１７４と略同じになるように、表示対象外の領域１７０に領域２０４を加えると共に、表示対象外の領域１７０から領域２０３を取り除いた例を示している。

図２０Ｄは、コンテンツ２０の境界２０７が、図１７のコンテンツ３０の境界１７４と略同じになるように、表示対象外の領域１７０に領域２０５を加えた例を示している。なお、この場合、図１７のコンテンツ３０の幅よりも外側に位置するコンテンツ２０の境界２０８及び境界２０６については、任意の形状であってよい。コンテンツ２０の境界２０８及び境界２０６の形状は、図１７のコンテンツ３０の外側に位置する境界の形状であるため、表示対象の領域２４と表示対象の領域３４との距離の決定に寄与しないからである。

図１７のコンテンツ３０と、図２０Ａ乃至図２０Ｄの修正後のコンテンツ２０のいずれとを組み合わせても、図１３Ａ及び図１３Ｂに示したように、２つのコンテンツを配置した結果の表示対象の領域の間隔は同じものになる。

＜変形例３＞
コンテンツの各々の大きさは、必ずしも似通った大きさであるとは限られず、各コンテンツの大きさが甚だしく異なる場合もある。そのような場合には、当該コンテンツに拡縮を加えてから本手法を適用してもよい。例えば、大きいコンテンツと小さいコンテンツとが混ざっている場合に、小さいコンテンツを小さいままに表示すると、画面上のコンテンツのバランスが悪くなり、コンテンツが見にくくなることがある。このような場合には、コンテンツに拡縮を掛けて大きさを揃えることにより、よりユーザにとって見やすい大きさにコンテンツを変化させてもよい。しかし、コンテンツのサイズがすべて同じ大きさに揃うように拡縮すると、小さいコンテンツに極端な拡大が掛かり、見苦しくなる場合もある。このような場合には、拡大率の制限を掛けて見やすいバランスになるよう調整してもよい。このように適切に拡縮をかけてから、本発明の手法を適用してもよい。

＜変形例４＞
コンテンツの表示対象外の領域の形状は、動的に変化してもよい。例えば、表示画面の大きさに応じて、吹き出し（及びその中の文字）の大きさが変化するようにしてもよい。この場合には、表示対象の領域又は表示対象外の領域の形状も変化する。したがって、表示対象の領域又は表示対象外の領域の形状の変化に応じて、距離Dcを決定するようにしてもよい。
＜処理フロー＞
図２１は、実施形態の処理フローの例を示す図である。実施形態の処理フローの概略を以下に説明する。処理フローは、コンピュータによって実行される。
［ステップＳ２１０２］第１のコンテンツと第２のコンテンツを特定する。各々のコンテンツは、表示対象の領域と表示対象外の領域とを含む。
［ステップＳ２１０４］第２のコンテンツ側にある第１の表示対象外の領域を特定する。
［ステップＳ２１０６］第１のコンテンツ側にある第２の表示対象外の領域を特定する。

［ステップＳ２１０８］複数の総幅を算出する。すなわち、図４Ａで述べたように、総幅とは、例えば、計算式W_bg(x₁)=w_a1+w_b1を用いてW_bg(x₁)を算出された幅を意味する。
［ステップＳ２１１０］複数の総幅と、所定の基準に基づいて、コンテンツ間の距離Ｄを決定する。例えば、既に述べたように以下の式（１）により距離が決定される。
D_c=D_std(i_max)-W_bgs(i_max) 式（１）
このステップの詳細は、後述する。
［ステップＳ２１１２］第１及び第２のコンテンツを配置する。この２つのコンテンツ間の間隔は、既に決定された距離D_cが用いられる。
［ステップＳ２１１４］電子書籍を出力する。電子書籍は、携帯端末などによって表示される。

なお、以上のステップは、電子書籍を生産するコンピュータによって実行されてもよい。生産された電子書籍は、例えば携帯端末などに、ネットワークを介して配信されてもよいし、あるいは記憶媒体を介して伝達されてもよい。携帯端末は、複数のコンテンツと複数のコンテンツ間の距離とを含む電子書籍の情報を用いて、各コンテンツを画面に表示する。

あるいは、以上のステップは、電子書籍を表示する携帯端末によってなされてもよい。この場合には、電子書籍は、各々のコンテンツ間の距離を含まなくてもよい。コンテンツ間の距離は、表示画面を含む携帯端末などによって決定されてもよい。あるいは、各コンテンツ間の距離を含む電子書籍の情報のうち、各コンテンツ間の距離に代えて、上記ステップによって携帯端末が新たな距離を決定してもよい。

以上のステップで述べた距離Ｄは、例えば図７で述べたF_rangeの値、基準となる曲線D_std７２の形状、F_min、F_maxなどを、オペレータ等の指示に基づき変化させることにより変化させることができる。あるいは、以上ステップで述べた距離は、変形例１で述べたコンテンツ間の距離の下限値D_min、又は変形例２で述べたコンテンツ間の距離の下限値D_maxをオペレータ等の指示に基づき設定することにより、変化させることができる。

あるいは、変形例３で述べたように、コンテンツの拡縮がなされてもよい。また、変形例４で述べたように、コンテンツの表示対象外の領域の形状が動的に変化する場合には、動的に変化する形状に応じて距離Ｄが変更されてもよい。

図２２は、コンテンツ間の距離Ｄを決定する処理フローの例を示す図である。
［ステップＳ２２０２］値の小さい総幅を優先して、距離Ｄを決定する。例えば、図７において述べたように、総幅W_bgが零からF_rangeの値までの値の小さな総幅W_bgを考慮して、距離D_cの決定に用いることで、このステップが実行される。

図２３は、コンテンツ間の距離を決定する処理フローの例を示す図である。
［ステップＳ２３０２］所定の分布関数と複数の総幅の分布との比較の結果に基づいて、距離Ｄを決定する。例えば、図７を用いて説明したように、所定の分布関数である曲線D_std７２と、複数の総幅の分布である曲線W_bgs７４とを比較することにより、コンテンツ間の距離D_cを決定することができる。

図２４は、コンテンツ間の距離を決定する処理フローの例を示す図である。
［ステップＳ２４０２］総幅の値を縦軸にして、複数の総幅を小さい順に横軸方向に等間隔に並べてプロットした関数が、急峻な傾きを有するほど、基準の値を小さくする。例えば、図５を用いて述べたように、総和W_bgをピクセル単位で値の小さい順にソートしたものをW_bgsとし、ソート後の順番をindexの値とし、Ｘ軸にindexを設定し、Ｙ軸にW_bgsを設定して描き直したグラフ５２を得る。

そして、図９を用いて述べたように、図９の例の場合には、W_bgsの傾きが急になる状態であり、D_std-W_bgsが最大になるindexのi_maxの値は小さくなり、D_std(i_max)の値も小さくなる。このD_std(i_max)の値は距離D_cを決定する基準となる。

図２５は、コンテンツ間の距離を決定する処理フローの例を示す図である。
［ステップＳ２５０２］総幅W_bgの値を縦軸にして、複数の総幅を小さい順に横軸方向に等間隔に並べてプロットした関数W_bgsが、急峻な傾きを有する領域の大きさに応じて、基準の値を変更する。

図１１を用いて説明したように、突き出た部分の範囲がF_rangeよりも小さい場合の処理がなされる。この場合、W_bgs１１４の曲線の傾きが、indexが増加するにつれて穏やかになる。すなわち突き出た部分の範囲がF_rangeよりも小さい場合は、indexが小さい領域でのみW_bgsの傾きは急になり、indexが大きい領域ではW_bgsの傾きは緩やかになる。この場合、i_maxの値は大きくなり、D_std(i_max)の値は大きくなる。このような状態が発生するか否かは、突き出た部分の範囲（すなわち突き出た部分の領域の大きさ）と、F_rangeの値との大小比較による。この大小に応じて、D_std(i_max)の値は変化することとなる。このD_std(i_max)の値は距離D_cを決定する基準となる。

図２６は、コンテンツ間の距離を決定する処理フローの例を示す図である。
［ステップＳ２６０２］所定の分布関数の値から、総幅の値を縦軸にして複数の総幅を小さい順に横軸方向に等間隔に並べてプロットした関数の値を引いた関数の最大値に基づいて、距離Ｄを決定する。

図８ないし図１２において述べたように、所定の分布関数の値D_stdから、総幅の値を縦軸にして複数の総幅を小さい順に横軸方向に等間隔に並べてプロットした関数W_bgsを引いた値D_std-W_bgsが最大になるindexのi_maxを求める。そしてこのi_maxの値におけるD_std(i_max)の値を、距離D_cが決定される基準とする。

図２７は、コンテンツ間の距離を決定する処理フローの例を示す図である。
［ステップＳ２７０２」距離Ｄを、所定の最大値又は所定の最小値の制限により定める。
変形例１及び図１５Ｂにおいて述べたように、コンテンツ間の距離の下限値D_minを設定することで一方のコンテンツの表示対象の領域３４が、他方のコンテンツの表示対象外の領域２６によって隠されてしまうことを避けることができる。

また、変形例２で述べたように、予めコンテンツの配置間隔D_cの上限値D_maxを設定しておいてもよい。D_maxの設定により、コンテンツどうしの間隔が開きすぎないようにすることができる。

図２８は、実施形態のハードウェア構成の例を示す図である。
ハードウェア構成は、ＣＰＵ２８０１、本実施形態のプログラム及びデータが格納されるＲＯＭ２８０２及びＲＡＭ２８０３、ネットワークインターフェース２８０５、入力インタフェース２８０６、表示インタフェース２８０７、外部メモリインタフェース２８０８を有する。これらのハードウェアは、バス２８０４によって相互に接続されている。
ネットワークインターフェース２８０５は、ネットワーク２８１５に接続されている。ネットワーク２８１５には、有線ＬＡＮ、無線ＬＡＮ、インターネット、電話網などがある。入力インタフェース２８０６には、入力部２８１６が接続されている。表示インタフェース２８０７には、表示部２８１７が接続される。外部メモリインタフェース２８０８には、記憶媒体２８１８が接続される。記憶媒体２８１８は、ＲＡＭ、ＲＯＭ、ＣＤ−ＲＯＭ、ＤＶＤ−ＲＯＭ、ハードディスク、メモリーカード、ＵＳＢメモリ等であってもよい。

図２９は、実施形態の処理ブロック図の例を示す図である。
以下に示す処理は、電子書籍を生産するコンピュータによって実現されてもい。あるいは、コンテンツを受け取った携帯端末において実現されてもよい。
コンテンツ特定部２９０２は、複数のコンテンツを受け取り、複数のコンテンツの各々を特定する。
表示対象外領域特定部２９０４は、コンテンツに含まれる表示対象外の領域を特定する。
総幅算出部２９０６は、２つの隣接するコンテンツの間における表示対象外の領域のＹ軸方向（例えばコンテンツのスクロール方向）の総幅W_bgを算出する。

距離決定部２９０８は、２つの隣接するコンテンツの間の距離D_cを決定する。距離D_cを決定する種々の実施形態及び変形例については、既に図を用いて説明したとおりである。

コンテンツ配置部２９１０は、コンテンツ間の決定された距離D_cを用いて、コンテンツを配置する。なお、電子書籍のデータにコンテンツ間の距離D_cを各コンテンツと紐づけて格納するしておくだけでもよい。電子書籍が表示装置に表示される段階で、このコンテンツ間の距離D_cが用いられて、コンテンツが表示画面に配置されるようにしてもよい。なお、既に述べたように、コンテンツ間の距離D_cは、表示対象の大きさが動的に変化する場合には、その変化に応じて変更されてもよい。また、コンテンツ間の距離D_cは、上限値D_max又は下限値D_minが設けられてもよい。

電子書籍出力部２９１２は、距離D_cで配置された複数のコンテンツを含む電子書籍を出力する。出力された電子書籍は、記憶媒体に記憶されてもよい。あるいは、電子書籍は、通信回線を通じて、表示画面を持つ携帯端末などに配信されてもよい。或いは、電子書籍は、複数のコンテンツを受け取った携帯端末などの表示装置を持つコンピュータで生成され、生成された電子書籍がコンピュータの表示装置に表示されるようにしてもよい。

上述の実施形態を実現するプログラムは、図２８に示されるハードウェア構成を備えるコンピュータにより実行され得る。また、実施形態のプログラムは、コンピュータに実行させる方法として、インプリメントされてもよい。プログラムは図２８のＲＯＭ２８０２、ＲＡＭ２８０３又は記憶媒体２８１８（非一時的な（nontransitory）記憶媒体）などに記憶されてもよい。

本明細書及び図面に開示された動作フローの各ステップは、矛盾の無い限り順番を入れ換えて実行されてもよい。また、複数のステップが同時に実行されてもよい。各ステップは、メモリに記憶されたプログラムを実行することにより実現されてもよい。また各ステップの一部は、オペレーティングシステムあるいはハードウェアにより実現されてもよい。
また、各フローは排他的なものではなく、矛盾の無い限り組み合わせることができる。
実施形態は、ハードウェアの装置としてインプリメントされ得る。
以上の実施形態は、請求項に記載された発明を限定するものではなく、例示として取り扱われることは言うまでもない。

２９０２ コンテンツ特定部
２９０４ 表示対象外領域特定部
２９０６ 総幅算出部
２９０８ 距離決定部
２９１０ コンテンツ配置部
２９１２ 電子書籍出力部

Claims (9)

1. コンピュータが、第１のコンテンツと、第２のコンテンツとを、相互に直交するＸ軸及びＹ軸で構成される直交座標系の前記Ｙ軸に沿って、距離Ｄで、表示画面に配置する方法であって、前記第１のコンテンツは第１の表示対象を含み、前記第２のコンテンツは第２の表示対象を含み、
   当該方法は、
   前記第１のコンテンツの領域から前記第１の表示対象の領域を除いた表示対象外の領域のうち前記第２のコンテンツ側にある第１の表示対象外の領域を特定することと、
   前記第２のコンテンツの領域から前記第２の表示対象の領域を除いた表示対象外の領域のうち前記第１のコンテンツ側にある第２の表示対象外の領域を特定することと、
   複数の総幅を算出することであって、前記総幅の各々は、同一のＸ座標における前記第１の表示対象外の領域の前記Ｙ軸方向の幅と、前記第２の表示対象外の領域の前記Ｙ軸方向の幅との和である、複数の総幅を算出することと、
   前記複数の総幅と、所定の基準に基づいて、前記距離Ｄを決定することと、
   を含む、方法。
2. 前記距離Ｄを決定することは、
   前記複数の総幅のうち、値の小さい総幅を優先して使用して、前記距離Ｄを決定する、
   請求項１に記載の方法。
3. 前記距離Ｄを決定することは、
   所定の分布関数と、前記複数の総幅の分布との比較の結果に基づいて、前記距離Ｄを決定する、
   請求項１又は２に記載の方法。
4. 前記所定の基準は、前記第１の表示対象領域と前記第２の表示対象領域との距離の目標値となる基準であって、
   前記距離Ｄを決定することは、
   前記総幅の値を縦軸にして、前記複数の総幅を小さい順に横軸方向に等間隔に並べてプロットした関数が、急峻な傾きを有するほど、前記基準を小さくする、
   請求項１乃至３のうちのいずれか１項に記載の方法。
5. 前記所定の基準は、前記第１の表示対象領域と前記第２の表示対象領域との距離の目標値となる基準であって、
   前記距離Ｄを決定することは、
   前記総幅の値を縦軸にして、前記複数の総幅を小さい順に横軸方向に等間隔に並べてプロットした関数が、急峻な傾きを有する領域の大きさに応じて、前記基準を変更する、
   請求項１乃至３のうちのいずれか１項に記載の方法。
6. 前記距離Ｄを決定することは、
   所定の分布関数の値から、前記総幅の値を縦軸にして前記複数の総幅を小さい順に横軸方向に等間隔に並べてプロットした関数の値を引いた関数の最大値に基づいて、前記距離Ｄを決定する、
   請求項３乃至５のうちのいずれか１項に記載の方法。
7. 前記距離Ｄを決定することは、
   前記距離Ｄを、所定の最大値又は所定の最小値の制限により定める、
   請求項１ないし６のうちのいずれか１項に記載の方法。
8. 請求項１ないし７のうちのいずれか１項に記載の方法をコンピュータに実行させるプログラム。
9. 請求項１ないし７のうちのいずれか１項に記載の方法により前記距離Ｄが決定された前記第１のコンテンツ及び前記第２のコンテンツを含む電子書籍データを前記コンピュータが生産する方法。

Images