(57)【要約】【課題】デジタル出版システム、デジタル出版方法及びコンピュータプログラムを提供する。【解決手段】表示デバイスを備えるクライアント装置からの操作に基づき、画像又はテキストを含むデジタル出版物を作成するデジタル出版システムにおいて、クライアント装置は、Ｗｅｂブラウザプログラム上でデジタル出版物の作成又は編集を受け付ける編集部と、作成又は編集されたデジタル出版物の解像度又は画面比率を含む第１定義データを表示デバイスの種別、画面解像度又は画面比率毎に作成する第１作成部と、デジタル出版物内に配置された画像又はテキストであるエレメント夫々の配置情報を、ＨＴＭＬを用いることなく表示デバイスの種別、画面解像度又は画面比率毎に含む第２定義データを作成する第２作成部と、第１及び第２定義データを個別に、相互に対応付けて前記サーバ装置の記憶装置に記憶させる記憶処理部とを備える。【選択図】図７
2019021255.tif 000002
【特許請求の範囲】
【請求項１】
表示デバイスを備えるクライアント装置からの操作に基づき、画像又はテキストを含むデジタル出版物を作成してサーバ装置で他のクライアント装置から閲覧可能に記憶するデジタル出版システムにおいて、
前記クライアント装置は、
Ｗｅｂブラウザプログラム上でデジタル出版物の作成又は編集を受け付ける編集部と、
該編集部によって作成又は編集されたデジタル出版物の解像度又は画面比率を含む第１定義データを表示デバイスの種別、画面解像度又は画面比率毎に作成する第１作成部と、
前記デジタル出版物内に前記編集によって配置された画像又はテキストであるエレメント夫々の配置情報を、ＨＴＭＬを用いることなく表示デバイスの種別、画面解像度又は画面比率毎に含む第２定義データを作成する第２作成部と、
作成された前記第１及び第２定義データを個別に、相互に対応付けて前記サーバ装置の記憶装置に記憶させる記憶処理部と
を備えることを特徴とするデジタル出版システム。
【請求項２】
前記配置情報は、
異なる種別、画面解像度又は画面比率毎に、画面の横方向における前記エレメントの配置位置を示す座標、縦方向におけるエレメントの配置位置を示す座標、前記エレメントを表示させる範囲の幅及び高さの情報である
ことを特徴とする請求項１に記載のデジタル出版システム。
【請求項３】
前記第２定義データは、異なる第１定義データと対応付けられている
ことを特徴とする請求項１に記載のデジタル出版システム。
【請求項４】
前記クライアント装置は、
Ｗｅｂブラウザプログラム上で、１つのデジタル出版物の選択を受け付ける選択部と、
選択されたデジタル出版物の識別情報に対応する第１定義データ、及び該第１データに対応するデジタル出版物を表示させるレンダラプログラムを取得する第１取得部と、
該取得部が取得したレンダラプログラムにより、前記表示デバイスの種別、画面解像度又は前記Ｗｅｂブラウザプログラムにより表示されるＷｅｂブラウザ画面の画面比率を特定する特定部と、
特定された種別、画面解像度、又は画面比率と前記第１定義データにおけるデジタル出版物の解像度又は画面比率に基づき前記Ｗｅｂブラウザ画面内にレンダラ画面を表示させる第１表示処理部と、
前記デジタル出版物の識別情報に対応する第２定義データを取得する第２取得部と、
該第２取得部により取得した第２定義データの配置情報に基づき前記レンダラ画面内にエレメントを配置させて表示させる第２表示処理部と
を更に備えることを特徴とする請求項１に記載のデジタル出版システム。
【請求項５】
表示デバイスを備えるクライアント装置からの操作に基づき、画像又はテキストを含むデジタル出版物を作成してサーバ装置で他のクライアント装置から閲覧可能に記憶するデジタル出版方法において、
前記クライアント装置は、
Ｗｅｂブラウザプログラム上でデジタル出版物の作成又は編集を受け付け、
作成又は編集されたデジタル出版物の解像度又は画面比率を含む第１定義データを表示デバイスの種別、画面解像度又は画面比率毎に作成し、
前記デジタル出版物内に前記編集によって配置された画像又はテキストであるエレメント夫々の配置情報を、ＨＴＭＬを用いることなく表示デバイスの種別、画面解像度又は画面比率毎に含む第２定義データを作成し、
作成された前記第１及び第２定義データを個別に、相互に対応付けて前記サーバ装置の記憶装置に記憶させる
ことを特徴とするデジタル出版方法。
【請求項６】
表示デバイスを備えるコンピュータに、デジタル出版物を前記表示デバイスに表示させるコンピュータプログラムにおいて、
前記コンピュータに、
前記表示デバイスの種別、画面解像度又はＷｅｂブラウザプログラムにより表示されるＷｅｂブラウザ画面の画面比率を特定し、
表示対象のデジタル出版物に対応する第１定義データを取得し、
特定された種別、画面解像度、又は画面比率と前記第１定義データにおける前記デジタル出版物の解像度又は画面比率に基づき前記Ｗｅｂブラウザ画面内にレンダラ画面を表示し、
前記デジタル出版物の識別情報に対応し、前記デジタル出版物に配置されている画像又はテキストであるエレメント夫々の配置情報を含む第２定義データを取得し、
取得した第２定義データに含まれる前記配置情報に基づき前記レンダラ画面内に前記エレメントを配置させて表示する
処理を実行させることを特徴とするコンピュータプログラム。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、表示デバイスの環境によらずに美しいデジタル出版物を表示し、更にデジタル出版物に含まれるエレメントは再利用することが可能なデジタル出版システム、デジタル出版方法及びコンピュータプログラムに関する。
【背景技術】
【０００２】
通信技術の向上とその手軽さから、紙媒体の出版物よりもＷｅｂページによる情報の閲覧が主流となっている。このように出版物のデジタル化が進む中で、紙媒体の出版物の需要は低下しつつも一定数を保ち続けている。雑誌のような出版物における高精細で自由なレイアウト表現はデジタルディスプレイ上では困難であった。
【０００３】
一方で、Ｗｅｂページもデスクトップ型ＰＣ（Personal Computer ）、所謂スマートフォン、タブレット端末等、大きさ、画面解像度及び画面比率が種々異なる表示デバイスで統一的且つ柔軟な表示ができるようなレスポンシブデザインが利用されている。Ｗｅｂページの場合は、ページを構成する各要素を選択可能とし、リンクを貼るなど情報を埋め込むことができるから、ページ内に収められる情報量を増やすことができるという大きなメリットがある。
【０００４】
特許文献１には、デスクトップ型ＰＣにてＷｅｂアプリケーションサービス上でＷｅｂページ画面を作成することを可能とし、更に異なる解像度（大きさ及び解像度（ dpi））のデバイスでの出力を最適化するシステムが開示されている。特許文献１に開示されているシステムでは、Ｗｅｂ上で作成された紙面を構成する各要素に対応するオブジェクトについて、レイアウト情報をデータベースとして記憶しておく。そして紙媒体への印刷又は画面解像度の異なる他のデバイス（所謂スマートフォン）等、出力先に応じてレイアウト情報から適切な配置とすることができる。なお特許文献１では、デジタルデバイスへの出力はＣＳＳ（Cascading Style Sheets）等でスタイルが定義されたＨＴＭＬファイル等が想定されている。
【先行技術文献】
【特許文献】
【０００５】
【特許文献１】特開２０１３−１６１３７５号公報
【発明の概要】
【０００６】
表示デバイスの精細度（dpi：dot per inch）の限界から、紙媒体の印刷物ほどの精細さは到達が困難である。ＨＴＭＬをベースとしたＷｅｂページの表現では、上述のようにＣＳＳ、Javascript（登録商標）等を用いた多様なレイアウトの変更など種々の技術が提案されているが、高精細な画像を含む雑誌等の出版物における表現のＷｅｂページ化はそれらの技術を用いても困難である。したがって１つの画像として保存されるケースが多く、例えば雑誌のバックナンバーは各ページを pdf化したり、 pngファイル、 jpgファイルなどの画像ファイル化したり、又は電子書籍用の特別なファイルへ変換したりして電子書籍デバイスから閲覧を可能としている。このようなファイルへ変換した場合には、各ページに含まれている要素（画像又はテキスト）を個別に選択したりする再利用したりすることは困難である。
【０００７】
本発明は斯かる事情を鑑みてなされたものであり、表示デバイスの環境によらずに美しいデジタル出版物を表示し、更にデジタル出版物に配置される画像又はテキストなどのエレメントを再利用してデジタル出版物を編集することが可能なデジタル出版システム、デジタル出版方法及びコンピュータプログラムを提供することを目的とする。
【課題を解決するための手段】
【０００８】
本開示のデジタル出版システムは、表示デバイスを備えるクライアント装置からの操作に基づき、画像又はテキストを含むデジタル出版物を作成してサーバ装置で他のクライアント装置から閲覧可能に記憶するデジタル出版システムにおいて、前記クライアント装置は、Ｗｅｂブラウザプログラム上でデジタル出版物の作成又は編集を受け付ける編集部と、該編集部によって作成又は編集されたデジタル出版物の解像度又は画面比率を含む第１定義データを表示デバイスの種別、画面解像度又は画面比率毎に作成する第１作成部と、前記デジタル出版物内に前記編集によって配置された画像又はテキストであるエレメント夫々の配置情報を、ＨＴＭＬを用いることなく表示デバイスの種別、画面解像度又は画面比率毎に含む第２定義データを作成する第２作成部と、作成された前記第１及び第２定義データを個別に、相互に対応付けて前記サーバ装置の記憶装置に記憶させる記憶処理部とを備える。
【０００９】
本開示のデジタル出版システムは、前記配置情報は、異なる種別、画面解像度又は画面比率毎に、画面の横方向における前記エレメントの配置位置を示す座標、縦方向におけるエレメントの配置位置を示す座標、前記エレメントを表示させる範囲の幅及び高さの情報である。
【００１０】
本開示のデジタル出版システムは、前記第２定義データは、異なる第１定義データと対応付けられている。
【００１１】
本開示のデジタル出版システムは、前記クライアント装置は、Ｗｅｂブラウザプログラム上で、１つのデジタル出版物の選択を受け付ける選択部と、選択されたデジタル出版物の識別情報に対応する第１定義データ、及び該第１データに対応するデジタル出版物を表示させるレンダラプログラムを取得する第１取得部と、該取得部が取得したレンダラプログラムにより、前記表示デバイスの種別、画面解像度又は前記Ｗｅｂブラウザプログラムにより表示されるＷｅｂブラウザ画面の画面比率を特定する特定部と、特定された種別、画面解像度、又は画面比率と前記第１定義データにおけるデジタル出版物の解像度又は画面比率に基づき前記Ｗｅｂブラウザ画面内にレンダラ画面を表示させる第１表示処理部と、前記デジタル出版物の識別情報に対応する第２定義データを取得する第２取得部と、該第２取得部により取得した第２定義データの配置情報に基づき前記レンダラ画面内にエレメントを配置させて表示させる第２表示処理部とを更に備える。
【００１２】
本開示のデジタル出版方法は、表示デバイスを備えるクライアント装置からの操作に基づき、画像又はテキストを含むデジタル出版物を作成してサーバ装置で他のクライアント装置から閲覧可能に記憶するデジタル出版方法において、前記クライアント装置は、Ｗｅｂブラウザプログラム上でデジタル出版物の作成又は編集を受け付け、作成又は編集されたデジタル出版物の解像度又は画面比率を含む第１定義データを表示デバイスの種別、画面解像度又は画面比率毎に作成し、前記デジタル出版物内に前記編集によって配置された画像又はテキストであるエレメント夫々の配置情報を、ＨＴＭＬを用いることなく表示デバイスの種別、画面解像度又は画面比率毎に含む第２定義データを作成し、作成された前記第１及び第２定義データを個別に、相互に対応付けて前記サーバ装置の記憶装置に記憶させる。
【００１３】
本開示のコンピュータプログラムは、表示デバイスを備えるコンピュータに、デジタル出版物を前記表示デバイスに表示させるコンピュータプログラムにおいて、前記コンピュータに、前記表示デバイスの種別、画面解像度又はＷｅｂブラウザプログラムにより表示されるＷｅｂブラウザ画面の画面比率を特定し、表示対象のデジタル出版物に対応する第１定義データを取得し、特定された種別、画面解像度、又は画面比率と前記第１定義データにおける前記デジタル出版物の解像度又は画面比率に基づき前記Ｗｅｂブラウザ画面内にレンダラ画面を表示し、前記デジタル出版物の識別情報に対応し、前記デジタル出版物に配置されている画像又はテキストであるエレメント夫々の配置情報を含む第２定義データを取得し、取得した第２定義データに含まれる前記配置情報に基づき前記レンダラ画面内に前記エレメントを配置させて表示する処理を実行させる。
【００１４】
本開示のデジタル出版システムでは、表示されるデジタル出版物の解像度又は画面比率を、表示デバイスの種別、画面解像度又は画面比率（Ｗｅｂブラウザにより表示されるＷｅｂブラウザ画面の比率）に応じた適切な配置が可能になる。また、デジタル出版物の解像度又は画面比率を定義する第１定義データと、そのデジタル出版物に含まれるエレメントの配置を定義する第２定義データとが個別にサーバ側で記憶されるから、第２定義データ、即ち同様に配置する画像又はテキストを再利用した他のデジタル出版物の作成も容易になる。
【００１５】
本開示のデジタル出版システムでは、配置情報は表示デバイスの種別、画面解像度又は画面比率毎に、配置される位置の座標を示す情報として記憶される。例えば画面の幅の何パーセントといった配置情報ではなく、座標情報によって示されることでエレメント間の位置関係が維持され、画面比率が異なる場合でもレイアウトの崩れが回避され、美しい表示が可能になる。
【００１６】
本開示のデジタル出版システムでは、異なるデジタル出版物の第１定義データが、同一の第２定義データと対応付けられていてもよい。同様の配置が指定された画像又はテキストを再利用した他のデジタル出版物の存在が許可される。
【００１７】
本開示のデジタル出版システムでは、Ｗｅｂブラウザ上で動作するレンダラプログラムにより、Ｗｅｂページの更新等を用いることなく、出版サーバとバックエンドで定義データの送受信を行ないつつ、各ページ及びページに配置されるエレメントの表示が可能になる。ＨＴＭＬベースのＷｅｂページでは他のページへは再読み込み等を必要とするが更新処理は不要であって操作性が向上する。
【発明の効果】
【００１８】
本開示のデジタル出版システムによる場合、表示デバイスの環境によらずに美しいデジタル出版物を表示し、更にデジタル出版物に配置される画像又はテキストなどのエレメントを再利用することが可能である。
【図面の簡単な説明】
【００１９】
【図１】本実施の形態におけるデジタル出版システムの構成を示すブロック図である。
【図２】出版サーバ及びクライアント装置の内部構成を示すブロック図である。
【図３】デジタル出版物の作成手順の一例を示すフローチャートである。
【図４】エディタ用のユーザインタフェースの内容例を示す説明図である。
【図５】デジタル出版物の編集の受け付け処理手順の一例を示すフローチャートである。
【図６】エディタ用のユーザインタフェースの内容例を示す説明図である。
【図７】エディタ用のユーザインタフェースの内容例を示す説明図である。
【図８】デジタル出版物が公開された場合の情報の流れを示す説明図である。
【図９】デジタル出版システムにて作成されるデジタル出版物及びエレメントの概要を示す説明図である。
【図１０】デジタル出版物の表示処理の手順の一例を示すフローチャートである。
【図１１】レンダラ画面の内容例を示す説明図である。
【図１２】レンダラ画面の内容例を示す説明図である。
【発明を実施するための形態】
【００２０】
以下、本開示に係るデジタル出版システムについて、実施の形態を示す図面に基づいて説明する。
【００２１】
図１は、本実施の形態におけるデジタル出版システム１００の構成を示すブロック図である。デジタル出版システム１００は、１又は複数の出版サーバ（Backend Server）１と、複数のクライアント装置２ａ，２ｂとで構成される。出版サーバ１及びクライアント装置２ａ，２ｂは、いずれもインターネットを含むネットワークＮに接続されており、相互にネットワークＮを介して通信接続が可能である。
【００２２】
出版サーバ１は、Ｗｅｂサーバ及びJavascript（登録商標）に基づくアプリケーションサーバ機能を有するサーバコンピュータである。出版サーバ１は、デジタル出版物のエレメントを、後述するエディタ機能を発揮するクライアント装置２ａから受け付けてコンテンツＤＢ１１１に記憶し、要求に応じてクライアント装置２ａ，２ｂへ送信する装置である。
【００２３】
クライアント装置２ａ，２ｂは、ユーザが使用するパーソナルコンピュータ（ＰＣ：Personal Computer）である。クライアント装置２ａ，２ｂは、通信機能を有してＷｅｂブラウザプログラムを実行することが可能な装置であれば、デスクトップ型ＰＣ、ノートＰＣ（ラップトップ型ＰＣ）、タブレット端末又はスマートフォン等の種々の情報通信端末を用いてよい。図１では、デスクトップ型ＰＣ及びタブレット端末を図示している。なおクライアント装置２ａ，２ｂの符号“ａ，ｂ”の相違は、後述する出版サーバ１へのアクセス先アドレス（ファイル）に応じて発揮する異なる機能（ａ：エディタ機能、ｂ：レンダラ機能）の説明を容易とするためのものであり、ハードウェア的な相違には対応しない。
【００２４】
ネットワークＮは、所謂インターネットである公衆通信網Ｎ１と、所定の移動通信規格による無線通信を実現するキャリアネットワークＮ２とを含む。キャリアネットワークＮ２には、複数の箇所に設置されている基地局ＢＳが含まれ、クライアント装置２ａ，２ｂは基地局ＢＳからネットワークＮを介して出版サーバ１と通信接続が可能である。公衆通信網Ｎ１にはアクセスポイントＡＰが接続されており、クライアント装置２ａ，２ｂはアクセスポイントＡＰからもネットワークＮを介して出版サーバ１と通信接続が可能である。
【００２５】
図２は、出版サーバ１及びクライアント装置２（２ａ，２ｂ）の内部構成を示すブロック図である。クライアント装置２ａとクライアント装置２ｂとでは上述したようにソフトウェア的機能が異なるのみでハードウェア構成に相違はないので各々を区別することなくクライアント装置２として説明する。
【００２６】
出版サーバ１は、プロセッサ１０、記憶部１１、一時記憶部１２及び通信部１３を備える。本開示では出版サーバ１は、一台のサーバコンピュータとして説明するが、機能毎に複数のサーバコンピュータで分散させて構成されてもよいし、異なるクライアント装置２に対して夫々同一の処理を分散して行なう複数のサーバコンピュータで構成されてもよい。
【００２７】
プロセッサ１０は、マルチコアＣＰＵ（Central Processing Unit ）及びクロックを用いて記憶部１１に記憶されているサーバプログラム１Ｐを読み出して実行する。これによりプロセッサ１０は、汎用サーバコンピュータをデジタル出版に関する特別な処理を実行する出版サーバ１として機能させる。
【００２８】
記憶部１１は、ハードディスク又はフラッシュメモリを用いる。記憶部１１にはＷｅｂサーバプログラム、サーバプログラム１Ｐを記憶するほか、Javascript（登録商標）等を用いたＷｅｂアプリケーションに基づくバックエンド機能を発揮するプログラム（エディタ用プログラム１１Ｐ、レンダラプログラム１２Ｐ）が記憶されている。記憶部１１にはその他、プロセッサ１０が参照する情報が記憶されている。
【００２９】
記憶部１１の内部又は出版サーバ１とは異なる外部記憶装置に、コンテンツＤＢ１１１が記憶されている。プロセッサ１０から読み取り処理及び書き込み処理が可能であれば、内部及び外部のいずれであってもよい。コンテンツＤＢ１１１には、各デジタル出版物のデータに対応付けられているテキストデータ、画像データ、フォントデータ等も記憶される。
【００３０】
一時記憶部１２は、ＤＲＡＭ（Dynamic Random Access Memory）等の不揮発性メモリを用いる。一時記憶部１２はプロセッサ１０の処理により生成される情報を一時的に記憶する。
【００３１】
通信部１３は、ネットワークＮを介した通信接続を実現するネットワークデバイスであり、例えばネットワークカード又は無線通信デバイスである。
【００３２】
クライアント装置２は、プロセッサ２０、記憶部２１、一時記憶部２２、表示部２３、操作部２４及び通信部２５を備える。
【００３３】
プロセッサ２０は、ＣＰＵを用いて記憶部２１に記憶されているプログラムを実行する。一時記憶部２２はＤＲＡＭ等の揮発性メモリを用いてプロセッサ２０の処理により生成される情報を一時的に記憶する。記憶部２１は、ハードディスク又はフラッシュメモリを用い、Ｗｅｂブラウザプログラム２Ｐを含む汎用プログラムの他、プロセッサ２０が参照するテキストデータ、画像データ、フォントデータ等の情報を記憶する。
【００３４】
表示部２３は、液晶パネル又は有機ＥＬ（Electro Luminescence）ディプレイ等を用いる。表示部２３はタッチパネル内蔵型のディスプレイであってもよいし、クライアント装置２がデスクトップ型又はラップトップ型のＰＣである場合にはタッチパネル内蔵型でなくてもよい。表示部２３は、プロセッサ２０の指示により画像を表示する。本開示のデジタル出版システム１００においては特に、表示部２３はＷｅｂブラウザプログラム２Ｐを実行するプロセッサ２０に処理に基づき、Ｗｅｂブラウザ画面内にテキスト及び画像等を表示する。
【００３５】
操作部２４は、キーボード又はマウス等のユーザインタフェースを含んでもよいし、筐体に設けられた物理的ボタン及び表示部２３のディスプレイ内蔵のタッチパネルを用いたソフトウェアボタン等を用いてもよい。操作部２４は、ユーザによる操作情報をプロセッサ２０へ通知する。
【００３６】
通信部２５は、ＬＡＮケーブルと接続可能なネットワークカード及び無線通信デバイス、又はいずれか一方を用いる。無線通信デバイスは、キャリアネットワークＮ２に接続する通信規格に対応したもの、及びアクセスポイントＡＰへの接続に対応するもの、又はいずれか一方である。通信部２５によりプロセッサ２０は、ネットワークＮ経由で出版サーバ１との通信接続により情報の送受信が可能である。
【００３７】
上述のようなハードウェア構成を有するデジタル出版システム１００では、まず出版サーバ１においてＷｅｂサーバ機能によりＷｅｂブラウザからアクセス可能なアドレス（ファイル、データ）が２種類用意されている。１種は、デジタル出版物のデータを作成するエディタ機能用のアドレスであり、もう１種は、デジタル出版物のデータを閲覧するためのレンダラ機能用のアドレスである。
【００３８】
まず第１に、エディタ機能用のアドレスへの接続が選択され、デジタル出版物が作成される処理、その際に作成されるデータについて説明する。図３は、デジタル出版物の作成手順の一例を示すフローチャートである。
【００３９】
クライアント装置２ａを用いるユーザ（クリエイタ）の操作により、プロセッサ２０は、出版サーバ１が提供するＷｅｂページのポータル（例えば index）へのアクセスを実行する（ステップＳ２０１）。この際にプロセッサ２０は、ユーザに与えられているアカウント情報を共に出版サーバ１へ送信する。アカウント情報には、エディタ用（クリエイタ）とレンダラ用（ビューア）とが存在し、エディタ用には認証が必要である。ここでは作成手順を説明するので、プロセッサ２０は、エディタ用のアカウント情報によりポータルへアクセスを実行する。
【００４０】
出版サーバ１にてプロセッサ１０は、アクセス元のクライアント装置２ａからのアカウント情報を受信して認証を実行し（ステップＳ１０１）、認証の成功が確認できた場合にはクライアント装置２ａと通信接続する（ステップＳ１０２）。プロセッサ１０は、初期画面（index ）をＷｅｂブラウザ内で表示するためのデータをクライアント装置２ａへ送信する（ステップＳ１０３）。初期画面には、エディタ機能を利用するか、単にビューアとしてレンダラ機能を利用するかの選択を受け付ける画面が表示される。
【００４１】
クライアント装置２ａでは、送信されたデータを受信し（ステップＳ２０２）、受信したデータに基づき表示部２３に表示されたＷｅｂブラウザ画面上で、エディタ機能が選択される（ステップＳ２０３）。この場合クライアント装置２ａのプロセッサ２０は、Ｗｅｂブラウザプログラム２Ｐに機能に基づき出版サーバ１へ向けてエディタ機能が選択されたことを通知する（ステップＳ２０４）。
【００４２】
出版サーバ１では、通知に応じてエディタ用のデータ（画面データ及びプログラム１１Ｐ）をクライアント装置２ａへ送信する（ステップＳ１０４）。
【００４３】
クライアント装置２ａのプロセッサ２０は、出版サーバ１から送信されるデータを受信し（ステップＳ２０５）、受信したデータに基づきＷｅｂブラウザ画面内にエディタ用ユーザインタフェースを表示させる（ステップＳ２０６）。エディタ用のユーザインタフェースの例については後述するが、Javascript（登録商標）に基づきＪＳＯＮ等を用いてマウス又はタッチパネル上の接触物（ユーザの指等）に基づくドラッグアンドドロップ等の直感的操作を受け付けるものである。そして後述するレンダラも含め、ユーザインタフェースはページ更新、遷移、ページ再取得等を実行させることなく、バックエンドで表示内容に関する処理を実行して、表示変更するＳＰＡ（Single Page Application ）により実現される。
【００４４】
プロセッサ２０は、エディタ用のユーザインタフェースにて、Ｗｅｂブラウザ画面内で作成するデジタル出版物のキャンバスサイズ（解像度、画面比率）又はキャンバスサイズ毎のテンプレートの選択を受け付ける（ステップＳ２０７）。
【００４５】
図４は、エディタ用のユーザインタフェースの内容例を示す説明図である。図４は、クライアント装置２ａの表示部２３に表示されるＷｅｂブラウザ画面２３０を示しており、Ｗｅｂブラウザ画面２３０内に、キャンバスサイズの種類に夫々対応するオブジェクト２３０１、テンプレートの種類に夫々対応するオブジェクト２３０２が表示されている。デジタル出版物のキャンバスサイズの種類は例えば、後述のレンダラ機能を発揮するクライアント装置２ｂの表示部２３の解像度に対応している。例えば、図４のオブジェクト２３０１は夫々デスクトップ型ＰＣでのディスプレイの解像度（例えば width×height＝1920×1024，16:9）、タブレット端末でのディスプレイの解像度（例えば1024×768 ， 4:3）、スマートフォンのディスプレイの解像度（例えば1920×1024，16:9）に対応している。またテンプレートは、上述のようないくつかのディスプレイの解像度毎に、予め設定された画像及びテキスト等のエレメントの配置の情報を含み、デジタル出版物のターゲット層等の種別で分類されている。図４の画面例では、年代又は性別で分類されたファッション誌、カルチャー誌、スポーツ誌等におけるレイアウトの特徴に合わせたテンプレートが用意されていることが示されている。
【００４６】
プロセッサ２０は、エディタ用のデータに含まれるプログラム１１Ｐにより、作成するデジタル出版物の識別情報を付与しておく（ステップＳ２０８）。ステップＳ２０８ではプロセッサ２０は、出版サーバ１がクライアント装置２ａの仮想ストレージ機能を発揮するように、デジタル出版物及びその内部のエレメントが作成される都度に、出版サーバ１から識別情報が付与される。そしてプロセッサ２０は、選択されたキャンバスサイズの種類又はテンプレートに応じて、Ｗｅｂブラウザ画面２３０内で出版物の編集を受け付ける（ステップＳ２０９）。ステップＳ２０９で受け付けられた編集の結果のデータ（後述の定義データ群）は、一時記憶部２２にて一時的にクライアント装置２ａにて記憶されるか、又は上述の仮想ストレージ機能により、編集操作の都度、又は逐次定期的に、出版サーバ１からコンテンツＤＢ１１１に送信されて記憶される。編集の都度に保存操作を行なう必要もない。なおステップＳ２０９の編集の受け付け処理については後述する。
【００４７】
プロセッサ２０は、エディタ用のユーザインタフェースにて、ステップＳ２０９で編集を受け付けた後に保存（Save）又は公開（ Publish）の選択を受ける（ステップＳ２１０）。プロセッサ２０は、エディタ用のデータに含まれるプログラム１１Ｐにより、出版サーバ１へ作成されたデジタル出版物のデータを送信する（ステップＳ２１１）。１つのデジタル出版物についてのクライアント装置２ａ側での処理は一旦終了する。ステップＳ２１０で保存されたデジタル出版物は、ステップＳ２０７で、ステップＳ２０８で付与されている識別情報に基づき保存中の公開前のデジタル出版物の選択を受け付け（Ｓ２０７）、ステップＳ２０９による編集の受け付け、以降の処理を実行する。
【００４８】
出版サーバ１では、送信されたデジタル出版物のデータを受信し（ステップＳ１０５）、受信したデータに対し、付与済みの識別情報に改めてデータの種別、エディタのバージョン情報等を含む固有の（ユニークな）識別情報を付与する（ステップＳ１０６）。なおステップＳ１０５及びＳ１０６の処理は、ステップＳ２０９の編集の受け付け処理の間に逐次、各エレメントに対して実行されるか、又は保存若しくは公開が受け付けられてからまとめて実行される。
【００４９】
出版サーバ１では、プロセッサ１０は、保存又は公開の選択に応じて受信したデジタル出版物のデータをコンテンツＤＢ１１１に記憶する（ステップＳ１０７）。プロセッサ１０は、エディタ用のユーザインタフェースにて公開が受け付けられていた場合には（Ｓ２１０）、受信したデジタル出版物のデータに基づき当該デジタル出版物を表示させるためのページをＷｅｂサーバからアクセス可能な状態となるように、前記デジタル出版物のデータを公開し（ステップＳ１０８）、処理を終了する。
【００５０】
図５は、デジタル出版物の編集の受け付け処理手順の一例を示すフローチャートである。図５のフローチャートに示す処理手順は、図３のフローチャートに示した処理手順の内のステップＳ２０９の詳細に対応する。
【００５１】
プロセッサ２０は、編集の受け付けとしてデジタル出版物内に配置されるエレメントの追加を受け付ける（ステップＳ９０１）。ステップＳ２０７にてテンプレートが選択されている場合、ステップＳ９０１の処理は、選択されたテンプレートに対応するエレメントの情報をプロセッサ２０が出版サーバ１からバックグラウンドにて取得しておくとよい。このときエレメントには実データ（画像又は文章）は含まれていなくともよいし、仮の画像又は文章が含まれていてもよい。
【００５２】
プロセッサ２０は、追加されたエレメント夫々に識別情報（エレメントの種別、文字及び数字からなるＩＤ（Identifier）、及びエディタのバージョンを含む）を付与する（ステップＳ９０２）。なお、付与される識別情報についてはバックグラウンドにて出版サーバ１から固有の識別番号（ uid）の発行を受けるとよい。エディタのバージョンは、後述するレンダラ機能にて用いるとよく、クライアント装置２ａがエディタ用に受信したデータ（画面データ及びプログラム１１Ｐ）内に含まれているバージョン情報からプロセッサ２０はこのバージョンを取得できる。なおエレメント追加操作時に種別の選択を受け付け、その後に配置、サイズ等を受け付けるようにしてもよい。
【００５３】
プロセッサ２０は、追加されたエレメントのキャンバスサイズ内の位置及び配置エリアを示す配置情報をエレメントの定義データとして記憶する（ステップＳ９０３）。具体例として、プロセッサ２０はキャンバスの左上隅の点を原点として、エレメントを配置する範囲（矩形、円形等）の起点（左上隅、上部中央点等）の位置を記憶する。更に具体的には、プロセッサ２０はキャンバスを縦方向及び横方向に、マトリックス状に分割し、エレメントをこのマトリックスに沿うように配置させる。エレメントの配置範囲の起点の幅方向（横方向）における位置は、分割した列数ｘで表し、高さ方向（縦方向）における位置は、行数ｙで表して記憶する。例えばデスクトップ型ＰＣのディプレイに対応する1920×1024（＝ width×height）のキャンバスサイズのデジタル出版物を作成する場合、キャンバスを 120×64分割する。この場合、（ｘ，ｙ）＝（20，10）等とエレメントの位置を受け付けて記憶すると、エレメントの配置範囲の起点は、横方向は1920ピクセルを 120分割した内の20番目であるから左側から320ピクセル、縦方向は1024ピクセルを64分割した内の10番目であるから上から160ピクセルの位置にある。配置エリア（範囲）は、幅及び高さを同様に、分割した行列単位で受け付ける。例えば配置情報は、（ｘ，ｙ，ｗ，ｈ）＝（20，10， 4， 6）等でありこの場合配置エリアの大きさは幅が、1920を 120分割した内の４列分であるから64ピクセル、高さは、1024を64分割した内の６行分であるから96ピクセルである。また、配置情報には、キャンバス内における重なりの順序についてｚ方向の情報として含まれるとよい。例えば最背面に配置されるエレメントはｚ＝０、最前面に配置されるエレメントはｚ＝１０などとして記憶する。なおステップＳ９０３における配置情報は、エディタ用のユーザインタフェース上で、ポインティングデバイス又はタッチパネル上の接触物によるドラッグ操作、タップ操作等にて受け付けられるとよい。
【００５４】
プロセッサ２０は、受け付けた配置情報について、配置されるエレメントの種類の選択を受け付け、識別情報を更新する（ステップＳ９０４）。エレメントの種類はテキスト（text）であるか、又は画像（image ）であるかである。テンプレートによってエレメントの追加が受け付けられている場合、プロセッサ２０は既に各エレメントの種別が予め記憶されているが、変更してもよいし、新規にエレメントが追加された場合には選択を受け付けるとよい。
【００５５】
プロセッサ２０は、複数のエレメントが受け付けられる場合、エレメント同士のリンク（つながり）及び順序付与を受け付ける（ステップＳ９０５）。識別情報が付与されている複数のエレメントは、相互にリンク及び順序付けが可能である。例えば複数の異なるエレメントに亘って一連の文章を構成する文（text）を順に配置することも可能である。
【００５６】
プロセッサ２０は、受け付け済みのエレメントへのテキスト又は画像の実データを受け付ける（ステップＳ９０６）。プロセッサ２０は、各エレメントの識別情報に対応付けられている各定義データから配置情報に含まれるエレメントの幅及び高さを特定し（ステップＳ９０７）、ステップＳ９０６で受け付けたテキストの表示フォント又は画像の表示サイズを調整して表示させる（ステップＳ９０８）。なおこのときの表示フォント、表示サイズの調整は、エレメントの表示範囲の近傍にガイドを表示して操作を受け付けるとよい。
【００５７】
ステップＳ９０８の調整においては、エレメントの配置範囲の大きさにしたがって画像又はテキストを拡縮する。例えば、ステップＳ９０６で受け付けた画像のサイズ（幅及び高さ）が 640×480 （ 4:3）であって、エレメントの幅及び高さがキャンバスサイズの分割行列数単位で32×18（ 512× 288px（16:9））である場合、エレメントの幅及び高さの方が小さく、且つ縦横比が異なる。この場合プロセッサ２０は、画像を 512×384 （＝ 480×4/5 ）へ縮小してから幅方向をトリミングしてエレメントの配置範囲内に一旦表示させる。また、エレメントの種別がテキストである場合、リンク先の他のエレメントが存在する場合は、エレメントの大きさに応じて１つのエレメント内の行数、列数、文字数を変更するとよい。ただし実データのテキストをリンクしているエレメント全てに亘らせたとしても初期的なフォントサイズでは表示できないケースでは、プロセッサ２０はフォントをポイント単位で小さくするなどして表示できるように調整する。
【００５８】
プロセッサ２０は、ステップＳ９０８で調整して表示された各エレメントに対し、ユーザによる調整を受け付ける（ステップＳ９０９）。ステップＳ９０９における調整は、一旦画像を縮小させたけれども拡大させる場合、又はフォントサイズが過小に調整された場合には、エレメントの配置範囲を拡大させる場合など種々のケースがあり、また逆もしかりである。例えば、エレメントが画像である場合、上述のように一旦調整されて表示された後、エディタ用のユーザインタフェース（例えばタッチパネル上で、Ｗｅｂブラウザ画面２３０内でのユーザの指によるピンチイン又はピンチアウト等の操作）により、拡縮、トリミング範囲の移動等が可能である。エレメントがテキストである場合、一旦調整されて表示されたテキストに対し、エディタ用のユーザインタフェースによりフォントサイズのポイントの加減を受け付けるようにしてあり、初期的なフォントサイズに対する加減の程度を数値（例えば＋（プラス）３ポイント等）で受け付けられるとよい。
【００５９】
プロセッサ２０は、各エレメントの調整後の配置情報（位置、幅、高さ）、実データ、実データに対する拡縮、トリミング範囲、フォントサイズの情報を各エレメントの定義データに夫々追加して記憶する（ステップＳ９１０）。
【００６０】
プロセッサ２０は、図３のフローチャートのステップＳ２１０の保存又は公開が選択されるまで、図５のフローチャートにおけるステップＳ９０１〜Ｓ９１０の処理を各エレメントについて受け付ける。なおデジタル出版物の作成の手順は図５のフローチャートに示した手順に限らず、例えばステップＳ９０６のエレメントの実データを受け付けた後に、ステップＳ９０５のエレメントの種類の受け付け及び記憶が行なわれるなどしてもよい。実データを受け付けた後に、ステップＳ９０２における固有の識別情報を含む識別情報が付与されるようにしてもよい。
【００６１】
図６は、エディタ用のユーザインタフェースの内容例を示す説明図である。図６は図４同様、クライアント装置２ａの表示部２３に表示されるＷｅｂブラウザ画面２３０を示しており、図６ではエディタ機能の選択に応じてＷｅｂブラウザ画面２３０に表示され、編集を受け付け中のユーザインタフェースの一例を示している。なお図６のＷｅｂブラウザ画面２３０は、図４に示した状態からドキュメントの種類としてデスクトップ型ＰＣが選択された状態を示している。なおこの際にページの更新はされることはなく、プロセッサ２０がエディタ用のデータに含まれるプログラム１１Ｐに基づき表示を変更した状態である。
【００６２】
図６に示す画面例では、作成されるデジタル出版物には名称“issue no.235”が付与されていて、当該名称にデジタル出版物全体のキャンバスサイズ（画面比率）が対応付けられていることが示されている。なおステップＳ２０８により、出版サーバ１から得られる英数字から構成される識別情報が付与されている。また図６に示す画面例では、デジタル出版物“issue no.235”の１番目のページを示しており、エディタ用のユーザインタフェースでは、Ｗｅｂブラウザ画面２３０内でページのリスト及びページの追加がグラフィカルに選択可能にしてある。表紙、裏表紙、広告ページの追加等も可能としてあるとよい。
【００６３】
図６に示す画面例ではまた、エディタ用のユーザインタフェースでは、符号２３０４で示されているエレメントの追加メニューが表示されている。エレメントの追加メニュー２３０４が選択された場合、ステップＳ９０１におけるエレメントの追加が受け付けられる。なお図３のフローチャートのステップＳ２０７にてテンプレートが選択された場合、ステップＳ９０１では、選択されたテンプレート（例えばファッション誌（middle age）に対応付けられているエレメントがその種別、位置、及び範囲を設定済みの状態で自動的に追加される。
【００６４】
図６に示す画面例では、追加されたエレメントが符号２３０５で示されている。各エレメントは夫々、破線で示す例えば矩形の配置範囲を示す配置情報が記憶されている。図６の画面例中、太破線で示されている配置範囲に対応するエレメント２３０５のプロパティが符号２３０６に示すガイドに示されている。具体的にはガイド２３０６には、エレメント２３０５の定義データとして記憶される情報の内、識別情報（ＩＤ::種別::バージョン情報）、エレメントの種別（text）、位置情報（分割行列数単位でのｘ，ｙ座標及び奥行情報（ｚ座標））、配置範囲（分割行列数単位での width×height）の大きさがプロパティ情報として示されている。ガイド２３０６には、選択中のエレメント２３０５に対して必要な編集操作が示されている。例えばエレメント２３０５では、テキストの実データをアップロードすべきであるが未完であり、位置及び大きさの調整及び決定操作がなされるべきであるが位置は決定済みであってもサイズは調整中であることが示されている。optionとして、リンク、ＳＮＳ情報の埋め込み等を受け付けることも可能である。なお太破線で示されているエレメント２３０５は、図中に示すようにピンチイン又はピンチアウトの操作等により拡縮が可能である。
【００６５】
また図６に示す画面例では、作成者のプロフィール情報を追加するメニュー２３０７が示されている。例えばデジタル出版物のテキストの文責者、企画者、写真を撮った人物等の情報（紹介文、写真、他の関連出版物へのリンク等）の追加が可能である。なおこれらのプロフィール情報はエレメントとして配置され、後のレンダラ用のユーザインタフェース上で夫々を選択することが可能である。
【００６６】
図７は、エディタ用のユーザインタフェースの内容例を示す説明図である。図７のインタフェースでは、エレメントの配置及び調整後の状態を示している。つまり図６に示したエレメント２３０５に夫々、ステップＳ９０６による実データが受け付けられ、調整が行なわれた後の状態である。図７の例では、３つの画像のエレメント２３０５と、９つのテキストのエレメント２３０５とが配置されている。なお図７で示すデジタル出版物のページの左側のエレメント２３０５の内、大きな画像の右方及び下方に配置されている４つのテキストのエレメント２３０５は、上から順に順序が付与されつつリンク付けがされており（Ｓ９０５）、ステップＳ９０６にて文章の実データが受け付けられた時にこれらの４つのエレメント２３０５に亘ってテキストが配置されている。
【００６７】
図７の内容例のデジタル出版物に対応付けて作成される定義データは次のような内容となる。まずデジタル出版物“issue no.235”全体の定義データとして、このデジタル出版物に対して付与された英数字等からなる識別情報（例えば“a1b2c3d4e5”）、デバイスタイプ（“ desktop”）、解像度（“1920×1024”）、画面比率（“16:9”）、ページ数（“ 3”）、初期的フォント識別情報（“gothic”）、フォントサイズ（“16”）、公開／非公開の状態情報（“not open”）等の情報を含む。なお同一の内容のデジタル出版物を異なるデバイス用に作成し、同一の識別情報を付すとよい。例えば識別情報（例えば“a1b2c3d4e5”）、デバイスタイプ（“ smart phone”）、解像度（“1024×1920”）、画面比率（“9:16”）、ページ数（“ 3”）、初期的フォント識別情報（“gothic”）、フォントサイズ（“14”）、公開／非公開の状態情報（“not open”）等の情報を含む。なおこれらの情報は１つの“a1b2c3d4e5”のデジタル出版物に対し、デバイスタイプによってスコープを分けるなどして１つの定義データで記憶しておくとよい。１つの定義データを参照し、表示されるデバイスに応じて比率、フォントサイズ等を読み出せばよい。このように１つの定義データで、デバイスに応じた多様なスタイリング（アニメーション、Ｗｅｂフォント、位置）が可能になる。
【００６８】
そして図７の内容例に対応するデジタル出版物に含まれる各エレメント２３０５の定義データとして次のような情報がデジタル出版物の定義データに対応付けてコンテンツＤＢ１１１に記憶される。例えば、図７の内容例における太字の表題文字のエレメント２３０５の定義データは、固有の識別情報（“cd03::text::1.0 ”）、配置されるデジタル出版物の識別情報（“a1b2c3d4e5”）、エレメントの種別（text）、その出版物における配置情報（ｐ（ページ）:1，ｘ:62 （列），ｙ:2（行），ｚ:1，ｗ:30 ，ｈ:14 ）、配置される要素の実データ名（“text20170000.txt”）、フォント識別情報（“角ゴシック”）、フォントサイズ（+2 pt ）等である。なお各エレメント２３０５の定義データについても、１つの定義データで、異なる画面比率（又は画面解像度）の表示画面によって異なる設定（フォントサイズ等）がスコープを分けるなどして読み取り可能に記憶されている。例えば以下のようである。［固有の識別情報、配置されるデジタル出版物の識別情報、エレメントの種別（text）、 desktop：｛配置情報（ｐ（ページ）:1，ｘ:62 （列），ｙ:2（行），ｚ:1，ｗ:30 ，ｈ:14 ）｝， smart phone：｛配置情報（ｐ（ページ）:1，ｘ:2（列），ｙ:2（行），ｚ:1，ｗ:15 ，ｈ:7 ）｝，tablet：｛配置情報（ｐ（ページ）:1，ｘ:60（列），ｙ:2（行），ｚ:1，ｗ:30 ，ｈ:14 ）｝、エレメントの実データ名（“text20170000.txt”）、フォント識別情報（“角ゴシック”）、フォントサイズ（+2 pt ）］。
【００６９】
このように、エディタ用のユーザインタフェース上での操作が反映されたデジタル出版物及びエレメントの定義データが夫々、出版サーバ１にて受信されると（Ｓ１０５）、識別情報が付与され（Ｓ１０６）、コンテンツＤＢ１１１に記憶される。
【００７０】
なおデジタル出版物には広告ページが挿入されてもよい。この場合、当該ページに配置されるエレメント（画像又はテキスト）が広告用であることを定義データに記憶しておくとよい。例えば、図７の内容例に対応するデジタル出版物では、３ページ目にエレメントが配置されているとする。このエレメントの定義データは例えば、［固有の識別情報（“cd03::image::1.0 ”）、配置されるデジタル出版物の識別情報、エレメントの種別（ image）、 desktop：｛配置情報（ｐ（ページ）:3，ｘ:0 （列），ｙ:0（行），ｚ:0，ｗ:60 ，ｈ:32 ）｝， smart phone：｛配置情報（ｐ（ページ）:3，ｘ:0（列），ｙ:0（行），ｚ:1，ｗ:16 ，ｈ:30 ）｝，tablet：｛配置情報（ｐ（ページ）:3，ｘ:0（列），ｙ:0（行），ｚ:1，ｗ:60 ，ｈ:32 ）｝、エレメントの実データ名（“adimage20170003.jpg ”）］等である。
【００７１】
このようなデジタル出版物がコンテンツＤＢ１１１に記憶されると、ユーザ（クリエイタ）の権限に応じて、保存状態のデジタル出版物を更にエディタ用のユーザインタフェースを用いて編集が受け付けられる。そして公開（open）が選択された場合には、デジタル出版物はレンダラ機能用のアドレスが付与され、そのアドレスへのアクセスにより閲覧が可能になる。なお公開されているデジタル出版物のレンダラ機能用のアドレスは、そのデジタル出版物に含まれるエレメントの実データにより、汎用の検索サーバからの検索が可能に公開されている。また、出版サーバ１が提供するＷｅｂページのポータル（例えば index）に、公開されているデジタル出版物へのリンクリストが存在してもよい。なおレンダラ用のアカウント情報を対応付けて閲覧すると、閲覧履歴、お気に入り等の管理が可能になる。
【００７２】
図８は、デジタル出版物が公開された場合の情報の流れを示す説明図である。データ公開（Ｓ１０８）が選択されると出版サーバ１は、関連するＳＮＳアカウントにデジタル出版物へのリンクを含む投稿を自動的にアップロードさせる。更に出版サーバ１は、公開されたデジタル出版物を出版サーバ１が提供するＷｅｂページのポータル（例えば index）へ公開されているデジタル出版物へのリンクを加えると共に、デジタル出版物の依頼元（広告主等）のＷｅｂページ内の所定の位置（ディレクトリ、パス等）に自動的にデジタル出版物を閲覧可能とするＷｅｂページを作成する。これにより、出版サーバ１が提供するＷｅｂページを閲覧する会員ユーザのみならず、広告主（コンテンツ提供者）のＷｅｂページに興味を示す一般ユーザからもデジタル出版物が発見される可能性が高まる。勿論、各エレメント内のテキストの実データは画像化されていないため、汎用の検索エンジンにて抽出が可能であり、検索エンジン経由で一般ユーザからも閲覧の可能性が高まる。
【００７３】
更にコンテンツＤＢ１１１に記憶されているデジタル出版物及び各エレメントは、再利用可能であり、複製をベースに新たなデジタル出版物を作成することが可能である。この場合、デジタル出版物“issue no.235（識別情報：a1b2c3d4e5）”を読み出すか、又はエレメントを夫々読み出して複製する。複製したデジタル出版物又はエレメントには改めて複製物の個別の識別情報が付与される。なお複製はユーザ（クリエイタ）毎に可又は不可が設定されており、課金された場合には複製できるなど管理がなされてもよい。図９は、デジタル出版システム１００にて作成されるデジタル出版物及びエレメントの概要を示す説明図である。図９では、コンテンツＤＢ１１１に記憶される定義データ間の関係性を示している。図９に示すように、デジタル出版物及びエレメント、実データは夫々、重複して情報を記憶しておく必要はなく、複数のデジタル出版物から同一のエレメントを対応させて配置させることも可能であるし、同一の実データ（画像等）を異なるエレメント（配置情報）にて使用することも可能である。つまり、デジタル出版物そのもの及び各エレメントの拡張性が高く、更に再利用が容易である。また図９に示すように、各デジタル出版物に載せられる広告ページは重複せず同一のデータを異なるデジタル出版物から対応させることができる。後述のレンダラ機能において広告ページを読み出す場合に、その時点での新しい広告ページを対応させることも可能になる。
【００７４】
第２に、レンダラ機能用のアドレスへの接続が選択された場合のデジタル出版物が表示される際の処理について説明する。図１０は、デジタル出版物の表示処理の手順の一例を示すフローチャートである。
【００７５】
クライアント装置２ｂを用いるユーザ（ビューア）の操作により、プロセッサ２０は、ビューア用のアカウントプロセッサ２０は、上述のポータル、又は汎用の検索サーバ経由で公開されているデジタル出版物の選択を受け付ける（ステップＳ２２１）。プロセッサ２０は、選択されたデジタル出版物夫々に与えられているレンダラ機能用のアドレスにより、選択されたデジタル出版物へのアクセスを実行する（ステップＳ２２２）。
【００７６】
出版サーバ１にてプロセッサ１０は、アクセス元のクライアント装置２ｂと通信接続し（ステップＳ１２１）、選択されたデジタル出版物を表示するためのデータ（初期画面用データ、定義データ及びレンダラプログラム１２Ｐ）をクライアント装置２ｂへ送信する（ステップＳ１２２）。レンダラプログラム１２Ｐは、ＪＳＯＮ等の言語に基づきＷｅｂブラウザ上で表示内容を変更することを可能とするプログラムである。レンダラプログラム１２Ｐは上述したように、ページ更新、遷移、ページ再取得等を実行させることなく、バックエンドで表示に関する処理を実行して、ブラウザの表示を変更するＳＰＡを実現する。
【００７７】
クライアント装置２ｂではプロセッサ２０は、出版サーバ１から送信されるデータを受信する（ステップＳ２２３）。そしてプロセッサ２０は、受信したデータに含まれるレンダラプログラム１２Ｐに基づきクライアント装置２ｂのデバイス種別、画面解像度、又は画面比率（Ｗｅｂブラウザ画面２３０の画面比率）を特定する（ステップＳ２２４）。プロセッサ２０は、レンダラプログラム１２Ｐにより、受信したデータに含まれる表示（レンダ）対象のデジタル出版物の定義データを取得する（ステップＳ２２５）。プロセッサ２０は、読み出した定義データに含まれる情報の内、ステップＳ２２４にて特定された種別、画面解像度、又は画面比率に応じてレンダラ画面をＷｅｂブラウザ内に表示させる（ステップＳ２２６）。例えばクライアント装置２ｂがデスクトップ型ＰＣであって画面解像度が1280×1024（ 5:4）である場合、Ｗｅｂブラウザが画面いっぱいに表示されていれば、定義データから例えば画面比率が最も近い 4:3である“tablet”のデバイスタイプの情報を読み出し、4:3の縦横比のレンダラ画面を表示させる。このように、クライアント装置２ｂにおける解像度又は表示されているＷｅｂブラウザ画面の大きさに対して適切な大きさの画面上にデジタル出版物が表示される。
【００７８】
プロセッサ２０は更に、表示対象のデジタル出版物の第１ページ目に含まれるエレメントの定義データを取得する（ステップＳ２２７）。ステップＳ２２７においてプロセッサ２０はレンダラプログラム１２Ｐにより、出版サーバ１へ逐次、ページ毎に定義データの読み出しを依頼し、出版サーバ１のプロセッサ１０がコンテンツＤＢ１１１から読み出した表示対象のデジタル出版物の定義データから適宜送信される（ステップＳ１２３）。
【００７９】
プロセッサ２０は、取得したエレメントの各定義データに基づき各エレメントをステップＳ２２４にて特定されたサイズに応じてレンダラ画面内に配置して描画させる（ステップＳ２２８）。ここでプロセッサ２０は、レンダラ画面は 4:3のデバイスタイプ“tablet”に対応するので、各エレメントの定義データからデバイスタイプ“tablet”に対応する配置情報に基づき、位置、幅及び高さを調整する。定義データは、エレメントの範囲をキャンバスサイズの分割行列数で示す配置情報にて定義しているから、ＣＳＳを用いるよりもデバイスの解像度等から柔軟にしかも元のレイアウトを崩さないようにエレメントを表示させることを可能とする。つまり、そのエレメント夫々について、表示されるべき範囲に適切にエレメントが拡がるように調整が可能である。
【００８０】
プロセッサ２０は、レンダラ画面内でビューアであるユーザの操作を受け付け（ステップＳ２２９）、操作に応じて表示を変更させる（ステップＳ２３０）。ユーザの操作は例えば、レンダラ画面内におけるページのスクロール、ページの移動等である。例えば１ページ目から２ページ目まで移動するに際し、プロセッサ２０はブラウザ画面にて再度ページの更新を行なうことなく、移動の操作を受け付けたタイミングでバックエンド処理により、出版サーバ１との間で２ページ目の各エレメントの定義データを取得して表示の変更（配置、描画等）を行なう。
【００８１】
なおステップＳ２２８においてプロセッサ２０は、エレメントの選択を受け付けてもよい。上述したように１つのデジタル出版物には、これに含まれる複数のエレメントについて個々の定義データが対応付けられている（図９）。この定義データに、実データの内容に対応する情報を埋め込んでおき、選択された場合に埋め込まれてある情報に基づいて新たなＷｅｂブラウザ画面で新たなページを表示したり、追加情報を吹き出しで表示したりすることも可能である。例えばエレメントが、ファッションモデルが衣装を着用している画像である場合、その衣装に対応する服飾商品の情報（値段、ブランド等）の情報を表示したり、その服飾商品の通信販売サイトを表示する新たなページを表示したりすることが可能であってもよい。更には対応する通信販売サイトの買い物カートへ追加するなどの処理が行なわれるようにしてもよい。
【００８２】
プロセッサ２０は、デジタル出版物の表示の終了指示があったか否かを判断し（ステップＳ２３１）、終了指示があったと判断された場合（Ｓ２３１：ＹＥＳ）には処理を終了する。終了指示がないと判断された場合（Ｓ２３１：ＮＯ）には、プロセッサ２０は、ステップＳ２２７〜Ｓ２３０の処理を継続し、ユーザの操作に応じた表示を行なう。
【００８３】
なおユーザがビューア用のアカウント情報を付与されたユーザである場合、終了指示の前に、ユーザの表示（閲覧）履歴等の情報をプロセッサ２０から出版サーバ１へ送信し、出版サーバ１側で記憶部１１、又は図示しないユーザ情報のデータベースに記憶されるようにしてもよい。
【００８４】
図１１及び図１２は、レンダラ画面２３１の内容例を示す説明図である。図１１は、画面の解像度が1280×1024（縦横比＝ 5:4）のデスクトップ型ＰＣで表示されるレンダラ画面２３１を示し、図１２は、画面の解像度が1440×1920（縦横比＝ 3:4）のスマートフォンで表示されるレンダラ画面２３１を示している。
【００８５】
図１１及び図１２ではいずれも、クライアント装置２ｂのＷｅｂブラウザプログラム２Ｐに基づき表示されるＷｅｂブラウザ画面２３０内にレンダラプログラム１２Ｐによりレンダラ画面２３１が表示されている。例えば、図１１の例であれば画面の解像度が1280×1024である。各エレメントの配置は、分割行列数単位であったから、1280×1024の解像度を 120×64分割した単位で行なう。例えば配置情報（ｐ（ページ）:1，ｘ:62 （列），ｙ:2（行），ｚ:1，ｗ:30 ，ｈ:14 ）のエレメントは、横方向は1280ピクセルを 120分割した10.67ピクセル幅の62番目であるから左隅から661ピクセルの位置、縦方向は1024ピクセルを64分割した16ピクセル幅の２番目であるから上から32ピクセルの位置に配置される。このようにして割合で配置されるので、デバイスの解像度の差異に影響されずに美しいレイアウトのままで表示がされる。またページを変更する操作は必要となるものの、スクロール操作が不要となり、視認性が向上する。
【００８６】
図１１及び図１２に示すように、夫々の画面解像度、デバイスの違いに応じて、画像又はテキスト等のエレメントが適切に配置されている。ファッション雑誌、カルチャー雑誌、スポーツ雑誌における写真画像とテキストとの重なり等も含めた美しいレイアウトを、ＣＳＳを使用したＨＴＭＬベースのＷｅｂページよりも、デバイスによらずに表現させることができる。旅行誌等の写真画像が重要であるケースでは、画像を全面に表示させ、テキストを重ねて配置させるレイアウトが多い。そのようなデジタル出版物では美しいレイアウトのまま、紹介されている宿泊施設等の予約サイトへのリンク、口コミ最新情報、各口コミへのリンク等、アクションを可能とするデータを埋め込むことが可能である。
【００８７】
このように本実施の形態のデジタル出版システム１００において作成されるデジタル出版物と、デジタル出版物を表示させる独自のレンダラプログラム１２Ｐにより、デバイスによらないレスポンシブな表現が可能になる。そしてページの更新（再読み込み）の処理を行なうことなしに、バックエンドで情報（定義データ）等を出版サーバ１から逐次取得してページ及び各エレメントを表示することができる。したがって、雑誌のレイアウトをｐｄｆで保存する場合よりも、表示処理を行なうクライアント装置２ｂにおける処理負荷を軽減させることも可能である。ｐｄｆと異なり、全てのデータをダウンロードする必要もなく、ページの移動等の操作性も向上する。レンダラプログラム１２Ｐによって逐次出版サーバ１から情報を得られるから、上述したように広告ページを同一のスポンサーによる最新の内容を含むページに更新して表示することも可能である。例えば記事の内容は過去のものであってもそのデジタル出版物の広告効果を最新のまま維持させることも可能である。
【００８８】
開示された実施の形態は、すべての点で例示であって制限的なものではないと考えられるべきである。本発明の範囲は上記した説明ではなくて特許請求の範囲によって示され、特許請求の範囲と均等の意味及び範囲内でのすべての変更が含まれることが意図される。
【符号の説明】
【００８９】
１  出版サーバ
１０  プロセッサ
１１  記憶部
１Ｐ  サーバプログラム
１１Ｐ  エディタ用のプログラム
１２Ｐ  レンダラプログラム
１１１  コンテンツＤＢ
２，２ａ，２ｂ  クライアント装置
２０  プロセッサ
２１  記憶部
２Ｐ  Ｗｅｂブラウザプログラム
Ｎ  ネットワーク
【図１】
2019021255.tif 000003
【図２】
2019021255.tif 000004
【図３】
2019021255.tif 000005
【図４】
2019021255.tif 000006
【図５】
2019021255.tif 000007
【図６】
2019021255.tif 000008
【図７】
2019021255.tif 000009
【図８】
2019021255.tif 000010
【図９】
2019021255.tif 000011
【図１０】
2019021255.tif 000012
【図１１】
2019021255.tif 000013
【図１２】
2019021255.tif 000014