画面設定ファイル生成装置、情報処理装置、画面設定ファイル生成方法、画面表示方法、および画面設定ファイルのデータ構造
【課題】ディスプレイの状態に適した画面構成を容易に実現する。
【解決手段】ＵＩ画面設定ファイル生成装置１０において設定画面表示部１８は、ユーザがＵＩ画面の設定に係る入力を行うための設定画面を表示する。設定情報取得部１４の設定情報管理部２４は、コンテンツ作成者が設定画面における仮想的な画面領域において部品画像を配置したら、当該設定結果を内部のメモリに記憶する。モード切替処理部２６は、コンテンツを実行する装置におけるディスプレイがとり得る状態変化のうち、ユーザが設定対象とする状態を表す画面モードに応じて設定画面を切り替える。設定ファイル生成部１６は、複数の画面モードで共有する設定情報と、画面モードごとに個別の設定情報とを含むＵＩ画面設定ファイルを所定の形式で生成する。
【解決手段】ＵＩ画面設定ファイル生成装置１０において設定画面表示部１８は、ユーザがＵＩ画面の設定に係る入力を行うための設定画面を表示する。設定情報取得部１４の設定情報管理部２４は、コンテンツ作成者が設定画面における仮想的な画面領域において部品画像を配置したら、当該設定結果を内部のメモリに記憶する。モード切替処理部２６は、コンテンツを実行する装置におけるディスプレイがとり得る状態変化のうち、ユーザが設定対象とする状態を表す画面モードに応じて設定画面を切り替える。設定ファイル生成部１６は、複数の画面モードで共有する設定情報と、画面モードごとに個別の設定情報とを含むＵＩ画面設定ファイルを所定の形式で生成する。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、コンテンツ実行時に表示する画面の設定ファイルを生成する画面設定ファイル生成装置、および当該設定ファイルを用いて画面を表示する情報処理装置、およびこれらの装置で用いられる画面設定ファイル生成方法、画面表示方法に関する。
【背景技術】
【０００２】
近年、携帯ゲーム機、携帯電話、ＰＤＡ（Personal Data Asistance）、タブレットなど、携帯を想定した小型の情報機器が普及している。このような小型の機器はそのサイズ上の制約から入力手段も限定される。結果として、小型機器に特化した入力手段や機能が独自の発達を遂げてきた。例えばディスプレイ表面のタッチパネルに対する指やタッチペンでの入力を可能とすることにより、ディスプレイに表示されたオブジェクトなどを直接操作しているような感覚を与えることができる。
【０００３】
一方、そのような小型機器を利用して、設置型のゲーム機やパーソナルコンピュータと同等の情報処理を行う環境も整いつつある。例えば小型機器をユーザが操作し、ネットワークを介して接続した設置型の機器が実際の情報処理を行うことにより、高度なゲームを、場所を問わず楽しめるようになってきた。また、設置型の機器のためのゲームをエミュレートすることにより小型の機器で実行することも可能となってきている。
【発明の概要】
【発明が解決しようとする課題】
【０００４】
このように近年では、ゲームなどの情報処理を、機器の大きさや使用環境に関わらず行えるようにする技術的方向性がみられる。しかしながら、小型の機器を利用してそのような高度化した情報処理を実施しようとすると、上述のとおり入力手段の制約に起因して操作性が劣ってしまう、という問題があった。また小型の機器にあっては特に、画面サイズを確保するために、ＧＵＩ（Graphical User Interface）を入力手段として画面内に表示することが有効であるが、表示する内容ごと、ディスプレイの状態ごとに細かい設定を行うのは困難であった。
【０００５】
本発明はこのような課題に鑑みてなされたものであり、その目的は、ディスプレイの状態に適した画面構成を容易に実現できる技術を提供することにある。
【課題を解決するための手段】
【０００６】
本発明のある態様は画面設定ファイル生成装置に関する。この画面設定ファイル生成装置は、コンテンツ実行時にディスプレイに表示する画面の構成を設定した画面設定ファイルを生成する画面設定ファイル生成装置であって、ディスプレイの画面領域を表す仮想的な画面領域を含む設定画面を表示する設定画面表示部と、当該仮想的な画面領域に部品画像を配置した設定情報の入力をユーザより受け付ける入力部と、ユーザが指定した、ディスプレイの複数の状態に応じて、設定画面表示部における設定画面を切り替えるモード切替処理部と、ディスプレイの複数の状態に対しなされた設定情報を統括し、当該複数の状態間で共有される設定情報を含む画面設定ファイルを生成して出力する設定ファイル生成部と、を備えたことを特徴とする。
【０００７】
本発明の別の態様は情報処理装置に関する。この情報処理装置は、ディスプレイに表示する画面の構成を設定した設定情報を含むコンテンツを実行する情報処理装置であって、ディスプレイの所定の項目に係る状態を特定する画面モード特定部と、設定情報のうち、画面モード特定部が特定したディスプレイの状態に対し個別に設定された設定情報と、ディスプレイの複数の状態間で共有される設定情報とを参照して画面を生成しディスプレイに表示させる画面生成部と、を備えたことを特徴とする。
【０００８】
本発明のさらに別の態様は画面設定ファイル生成方法に関する。この画面設定ファイル生成方法は、コンテンツ実行時にディスプレイに表示する画面の構成を設定した画面設定ファイルを生成する装置が行う画面設定ファイル生成方法であって、ディスプレイの画面領域を表す仮想的な画面領域を含む設定画面を表示するステップと、仮想的な画面領域に部品画像を配置した設定情報の入力を入力装置を介してユーザより受け付けるステップと、ユーザが指定した、ディスプレイの複数の状態に応じて、設定画面を切り替えるステップと、ディスプレイの複数の状態に対しなされた設定情報を統括し、当該複数の状態間で共有される設定情報を含む画面設定ファイルを生成して記憶装置に出力するステップと、を含むことを特徴とする。
【０００９】
本発明のさらに別の態様は画面表示方法に関する。この画面表示方法は、ディスプレイに表示する画面の構成を設定した設定情報を含むコンテンツを実行する装置が行う画面表示方法であって、ディスプレイの所定の項目に係る状態を特定するステップと、設定情報のうち、特定するステップにおいて特定したディスプレイの状態に対し個別に設定された設定情報と、ディスプレイの複数の状態間で共有される設定情報とを参照して画面を生成しディスプレイに表示させるステップと、を含むことを特徴とする。
【００１０】
本発明のさらに別の態様は画面設定ファイルのデータ構造に関する。この画面設定ファイルのデータ構造は、コンテンツ実行時にディスプレイに表示する画面の構成を設定した画面設定ファイルのデータ構造であって、ディスプレイの複数の状態のそれぞれに対し設定された個別設定情報と、複数の状態間で共有される共有設定情報とを対応づけ、画面設定ファイルを生成する装置において、ユーザが指定したディスプレイの状態によって、ディスプレイの画面領域を表す仮想的な画面領域を含む設定画面を切り替えて表示するために参照されることを特徴とする。
【００１１】
なお、以上の構成要素の任意の組合せ、本発明の表現を方法、装置、システム、コンピュータプログラムなどの間で変換したものもまた、本発明の態様として有効である。
【発明の効果】
【００１２】
本発明によると、ディスプレイの状態に適した画面構成を容易に実現できる。
【図面の簡単な説明】
【００１３】
【図１】本実施の形態のＵＩ画面設定ファイル生成装置の構成を示す図である。
【図２】本実施の形態において設定画面表示部に表示される設定画面の例を示す図である。
【図３】本実施の形態において画面モードを縦長画面に切り替えたときの設定画面の例を示す図である。
【図４】本実施の形態における共有設定情報のデータ例を示す図である。
【図５】本実施の形態における個別設定情報のデータ例を示す図である。
【図６】本実施の形態においてＵＩ画面設定ファイルをプログラムのソースコードとして生成する場合の、当該プログラムの内容を示すフローチャートである。
【図７】本実施の形態においてＵＩ画面設定ファイルを生成する処理手順を示すフローチャートである。
【図８】本実施の形態においてＵＩ画面設定ファイルを含むコンテンツを実行する情報処理装置の構成を示す図である。
【図９】本実施の形態の情報処理装置においてＵＩ画面を表示する処理手順を示すフローチャートである。
【発明を実施するための形態】
【００１４】
本実施の形態は、情報処理装置においてコンテンツを実行する際にディスプレイに表示するＵＩ（User Interface)画面の作成技術、および、コンテンツ実行時のＵＩ画面の表示技術に係る。ここで「コンテンツ」は、コンピュータゲーム、動画、文章、写真、絵など電子的に処理しディスプレイ表示が可能な対象であればその種類は限定されない。また本実施の形態は、一般的な「コンテンツ」以外に、ウェブページの閲覧、スケジュール管理、住所録表示、文書作成、表計算など一般的な情報処理に対しても適用できる。以下の説明では、そのような画像表示を伴う情報処理を行うことを「コンテンツの実行」と総称する。
【００１５】
ＵＩ画面は基本的に、背景上に配置された部品画像からなる。部品画像は例えば、ボタン、スクロールバー、チェックボックス、スライダーなどの各種ＧＵＩ、文字を表示したラベル、写真、絵、シンボルマークなど、画面上の領域と対応づけることにより画面内に表示される画像であり、静止画像、動画像のいずれでもよい。
【００１６】
上記のような様々なコンテンツに対しＵＩ画面を好適に設計することは、操作性、デザイン性などの観点から非常に重要である。しかし情報処理装置の種類が多様化した昨今では、ディスプレイのサイズやアスペクト比も様々である。さらにユーザの使用環境や嗜好、コンテンツの内容などによって、ディスプレイ面の長方形を縦長で見るか横長で見るか、ディスプレイ平面の傾斜角度なども様々に変化する。本実施の形態では、このような多様化した表示環境にきめ細かく対応できるＵＩ画面表示を容易に実現する。
【００１７】
図１はＵＩ画面設定ファイル生成装置の構成を示している。ＵＩ画面設定ファイル生成装置１０は、コンテンツ作成者から、部品画像やその配置に係る設定入力を受け付け、ＵＩ画面設定ファイルを生成する。生成したＵＩ画面設定ファイルは、コンテンツの実行に必要なプログラムや各種データとともにコンテンツファイルを構成する。当該プログラムやデータは別途、一般的な技術によって作成されているものとする。
【００１８】
図１および後述する図８において、様々な処理を行う機能ブロックとして記載される各要素は、ハードウェア的には、ＣＰＵ、メモリ、その他のＬＳＩで構成することができ、ソフトウェア的には、画像処理を行うプログラムなどによって実現される。したがって、これらの機能ブロックがハードウェアのみ、ソフトウェアのみ、またはそれらの組合せによっていろいろな形で実現できることは当業者には理解されるところであり、いずれかに限定されるものではない。
【００１９】
ＵＩ画面設定ファイル生成装置１０は、コンテンツ作成者が設定入力のために操作する入力部１２、設定用の画面を表示する設定画面表示部１８、設定された情報を取得する設定情報取得部１４、ＵＩ画面設定ファイルを生成する設定ファイル生成部１６、素材画像のデータを記憶する素材画像記憶部２０、および、生成したＵＩ画面設定ファイルを格納するＵＩ画面設定ファイル記憶部２２を含む。
【００２０】
入力部１２は、設定画面表示部１８において表示される設定画面を見ながらコンテンツ作成者が設定入力を行うためのインターフェースである。入力部１２は、マウス、キーボード、ポインティングデバイス、ジョイスティック、タッチパネルなど一般的な入力装置のいずれかで実現してよい。本実施の形態では後述のとおり、実際の部品画像を仮想的なＵＩ画面上に配置させていく態様をとるため、そのような画像操作と親和性の高い入力装置を用いることが望ましい。
【００２１】
設定画面表示部１８は、ユーザがＵＩ画面の設定に係る入力を行うための設定画面を表示する。設定画面表示部１８は、当該設定画面を表示するディスプレイと、コンテンツ作成者の入力部１２を介した設定入力に応じて配置、色、サイズなどを変化させた部品画像を生成しディスプレイに表示させる演算装置などにより構成される。コンテンツ作成者の入力に応じた画像の生成処理には、一般的な画像描画ツールなどで用いられる技術を適用できる。
【００２２】
素材画像記憶部２０には、部品画像として利用される頻度の高い図形の基本形状を表す画像のデータをあらかじめ記憶させておく。以後、このような基本形状の画像を「素材画像」と呼ぶ。素材画像を設定画面にリスト表示することで、コンテンツ作成者は、所望の素材画像を選択してそれを元に部品画像を生成し、設定画面に表示された仮想的なＵＩ画面内に配置する。素材画像を部品画像としてそのまま用いてもよい。
【００２３】
設定情報取得部１４および設定ファイル生成部１６は、例えば演算装置やメモリなどで構成される。設定情報取得部１４は、設定情報管理部２４およびモード切替処理部２６を含む。設定情報管理部２４は、コンテンツ作成者が設定画面において部品画像を配置した結果を確定する入力を行ったら、当該結果を内部のメモリに記憶する。モード切替処理部２６は、コンテンツを実行する装置におけるディスプレイがとり得る状態変化のうち、ユーザが設定対象とする状態に応じて設定画面を切り替えるための制御を行う。ディスプレイがとり得る状態変化とは、画面サイズの変化、縦長画面とするか横長画面とするか、および、垂直上向きから垂直下向きまでのディスプレイ平面の傾斜角度の変化などである。
【００２４】
以後、当該ディスプレイの状態を「画面モード」と呼ぶ。画面モードは上記全てのディスプレイの状態を規定しなくてよく、例えば横長画面および縦長画面によって２つの画面モードを定義してもよい。本実施の形態では、画面モードの数によらず、１つのコンテンツに対して設定した情報を１つのＵＩ画面設定ファイルに記述する。これにより部品画像の色、形、文字のフォントなど、どの画面モードでも共通としたい設定情報は画面モード間で共有する一方、配置やサイズなど画面モードによって変化させたい設定情報は個々に自由な設定を行えるようにする。以後、前者の情報を「共有設定情報」、後者の情報を「個別設定情報」と呼ぶ。
【００２５】
コンテンツ作成者が設定対象の画面モードの切り替えを要求したら、それが新規の画面モードであっても、設定済みの画面モードに対し行われた設定に基づいて部品画像を表示する。また、ある画面モードに対し共有設定情報の修正がなされたら、全ての画面モードに当該修正が反映されるようにする。コンテンツ作成者が全ての画面モードに対し設定を完了させたら、設定情報管理部２４は記憶していた設定情報を設定ファイル生成部１６に通知する。このとき通知する情報は、共有設定情報および、個別設定情報と画面モードの識別情報とを対応づけた情報である。
【００２６】
設定ファイル生成部１６は、設定情報取得部１４から通知された情報に基づき、所定の形式でＵＩ画面設定ファイルを生成し、ＵＩ画面設定ファイル記憶部２２に格納する。ＵＩ画面設定ファイルの形式は、コンテンツファイルとしてともに格納されるコンテンツのプログラムにおける設定値の読み出し手法によって様々考えられる。例えばＵＩ画面設定ファイル自身もプログラムのソースコードとしてコンテンツのプログラムの一部とすれば、コンテンツ実行中に画面モードが変化しても個別の設定ファイルを新たに読み出すなどの必要がなく、実行段階での処理の負荷が軽減される。一方、マークアップ言語やタブ区切り形式などによる一般的な設定ファイルとしてもよい。
【００２７】
図２は設定画面表示部１８に表示される設定画面の例を示している。設定画面例３０ａには、メインメニュー３２、キャンバス３６ａ、素材リスト３８、および詳細情報４２を表示する。メインメニュー３２は、「ファイル」メニューと「画面モード」メニューを含む。「ファイル」メニューが選択されたら、新規設定ファイルの名称設定、既存設定ファイルの読み出し、設定結果の保存などのプルダウンメニューを表示する。「画面モード」メニューが選択されたら、設定対象の画面モードを切り替えるための画面モードのリストなどを表示する。
【００２８】
ここで表示される画面モードは上記のとおり、横長画面／縦長画面の区別のほか、画面サイズやディスプレイ平面の傾斜角度などのパラメータを自由に組み合わせて１つの画面モードとしてよい。各パラメータの数値設定はコンテンツ作成者が行ってもよい。コンテンツ作成者が画面モードのリストから一つを選択すると、設定画面表示部１８は当該画面モードに対応する仮想的なＵＩ画面の領域を表すキャンバス３６ａを表示する。仮想的なＵＩ画面の領域は、実際のＵＩ画面の領域を、設定画面内に表示できる大きさに調整した領域である。設定情報管理部２４は、仮想的なＵＩ画面に対しなされた設定を、その倍率に基づき実際のＵＩ画面上での値に換算して設定情報とする。
【００２９】
同図の例は、横長画面の画面モードを設定対象としている場合であり、網掛けで示されたキャンバス３６ａも横長の矩形となっている。素材リスト３８は、素材画像記憶部２０に記憶された素材画像のリストを表示する。同図の例では、文字のラベルを表す「ラベル」素材、ボタンのＧＵＩを表す「ボタン」素材、別途準備する画像データの表示領域を表す「画像」素材、チェックボックスのＧＵＩを表す「チェックボックス」素材、スライダーのＧＵＩを表す「スライダー」素材が一覧表示されている。なお図示したリストはあくまで例示であり、素材画像を限定する主旨ではない。
【００３０】
コンテンツ作成者は素材リスト３８の各素材の左端に表示されたシンボルマークを選択し、キャンバス３６ａ上の位置と対応づけることにより、仮想的なＵＩ画面上に素材画像を配置させる。この処理は例えば、選択するシンボルマークをポインタなどによって指示し、キャンバス３６ａ上の目的の位置までドラッグすることにより実現できる。このようにしてシンボルマークがキャンバス３６ａ上の位置と対応づけられたら、当該位置に、あらかじめ設定しておいた標準のサイズおよび色で、対応する素材画像を表示する。この段階で、各素材画像はＵＩ画面における部品画像となる。
【００３１】
そしてキャンバス３６ａ上で、拡大、縮小、変形、移動、彩色など、各部品画像に対する操作を受け付ける。部品画像に対する操作内容や操作手法は、一般的な画像描画ツールなどに実装されているものと同様でよい。同図においては、部品画像４４が現在の操作対象となっていることが太枠で示されている。詳細情報４２は、このように操作対象となっている部品画像のその時点での詳細情報を表す。同図の例では、当該部品画像の名称４２ａ、位置座標４２ｂ、サイズ４２ｃ、アンカー情報４２ｄが表示されている。
【００３２】
部品画像の名称４２ａはコンテンツ作成者が入力し、ＵＩ画面設定ファイルにおいて各部品画像を識別するために用いられる。位置座標４２ｂは、キャンバス３６ａにおける部品画像の左上の座標（ｘ，ｙ）など、部品画像の位置を所定の規則で表す。サイズ４２ｃは、部品画像の横方向（ｗ）、縦方向（ｈ）のサイズを所定の単位で表す。これらの変数は、キャンバス３６ａにおける部品画像に対する操作に連動して変化させる。一方、コンテンツ作成者が直接、数値を入力した場合は、キャンバス３６ａ上の部品画像に反映させる。アンカー情報４２ｄは、部品画像を重ねて表示する場合の下側の部品画像、あるいは重ねない場合は画面自体など、操作対象の部品画像の下層に位置する画像のサイズに変化が生じたときに、当該操作対象の部品画像の配置およびサイズをどのように対応させるかを示す規則を図形で表す。
【００３３】
同図の例では、下層の画像を外側の矩形４６、操作対象の画像を内側の矩形４８で表し、下層の画像のサイズの変化に対し、距離を固定とする箇所をアンカーとして矢印５０で表している。同図の場合、下層の画像の上端から操作対象の画像の上端までの距離、および、下層の画像の左端から操作対象の画像の左端までの距離を固定とする規則が設定されている。アンカー情報４２ｄとして表示するマークは、コンテンツ作成者が入力部１２に対し所定の操作を行うことにより切り替え可能とする。
【００３４】
設定できる規則としてはこの他、各画像の下端同士の距離、右端同士の距離、操作対象の画像の縦方向の長さ、横方向の長さ、のいずれか、または２つ以上の組み合わせを固定とすることが考えられる。ただし本実施の形態では上述したように、複数の画面モードを切り替えてＵＩ画面を設定できるため、当該画面モードのいずれかに対応する装置であれば、コンテンツ実行段階で実際の画面に対応させるためにアンカー情報を用いて調整する必要はなくなる。
【００３５】
なお詳細情報４２に表示すべき項目は、部品画像の種類、すなわち素材画像によって異なるため、あらかじめ素材画像ごとに表示すべき項目を決めておく。そして操作対象の部品画像の種類によって表示する項目を切り替える。例えば「ラベル」素材の場合、さらに文字のフォント、サイズ、文字や背景の色などの項目を表示し、コンテンツ作成者からの設定を受け付ける。「ボタン」素材、「チェックボックス」素材、「スライダー」素材などもさらに色の項目を設ける。「画像」素材の場合は、当該領域で表示させる画像データの項目を設け、コンテンツ作成者による設定を受け付ける。このとき、画像データの参照先を検索する画面などを別途表示させてもよい。
【００３６】
図３は図２のメインメニュー３２における「画面モード」メニューによって、画面モードを縦長画面に切り替えたときの設定画面の例を示している。設定画面例３０ｂのキャンバス３６ｂは、縦長の画面に対応する領域を表している。図２に示したように横長画面の画面モードに対し設定を行ったあと、新規に縦長画面の画面モードに対する設定画面を表示させた場合、キャンバス３６ｂには、横長画面に対し設定した部品画像を配置する。
【００３７】
すなわち横長画面において生成した部品画像は、縦長画面にも引き継がれる。ただし部品画像のサイズや配置は、縦長画面に収まるように、モード切替処理部２６が所定の規則によって調整を行う。例えば横長画面における部品画像を画面左上からラスタ方向に抽出していき、縦長画面のキャンバス３６ｂの左上からラスタ方向に、抽出された順に配置していく。縦長画面の横幅に収まらない幅を有する部品画像は縮小する。
【００３８】
この例は、横長画面に対する設定を縦長画面に利用する場合であったが、逆に縦長画面に対する設定を横長画面に利用したり、アスペクト比の異なる画面に利用したりする場合も同様に調整できる。あるいは各部品画像に設定されたアンカー情報に基づきサイズと配置を調整してもよい。
【００３９】
いずれにしろ、新規の画面モードであっても、このようにして他の画面モードに対する設定を利用し、およそのＵＩ画面を装置側で作成することにより、コンテンツ作成者が初めから設定し直す必要がなくなり、作業負担が軽減される。コンテンツ作成者は、キャンバス３６ｂに表示済みの部品画像に対し、サイズや配置を自由に調整する。設定画面例３０ｂにはさらに、キャンバス３６ｂの詳細情報５２も表示する。
【００４０】
詳細情報５２は、新たに表示させたキャンバス３６ｂに係る詳細情報、具体的にはサイズおよび背景色を表す。これらの詳細情報もコンテンツ作成者が直接、数値を入力することによって、キャンバス３６ｂに反映させるようにする。コンテンツ作成者が、キャンバス３６ｂに表示された部品画像のいずれかを操作対象として選択したら、当該部品画像の詳細情報を、図２の詳細情報４２のように表示する。これによりコンテンツ作成者は、キャンバス３６ｂに表示された部品画像を直接操作したり、詳細情報に数値を入力したりして、各部品画像を調整する。
【００４１】
このように複数の画面モードに対しなされた設定は、設定情報管理部２４が、画面モードに対応づけて記憶しておく。コンテンツ作成者がメインメニュー３２における「ファイル」メニューによってファイルの保存を指示したら、設定ファイル生成部１６は設定情報を全て取得し、ＵＩ画面設定ファイルを生成する。上述のとおり設定情報には共有情報と個別情報とが含まれる。
【００４２】
図４は共有設定情報のデータ例を示している。なお同図および図５に示すデータは情報の内容を例示するものであり、ＵＩ画面設定ファイルの形式を限定するものではない。共有設定情報６０は、名称欄６２に記載された各部品画像の名称に対応づけて、設定値欄６４に記載される、画面モードで共有される設定情報を保持する。
【００４３】
名称欄６２に記載した部品画像の名称は、図２の詳細情報４２の名称４２ａとしてユーザが入力した名称である。あるいは元となった素材画像の名称と、装置側で自動的に付与した識別番号とを組み合わせてもよい。部品画像の名称に素材画像の名称を含ませることにより、コンテンツ実行段階で、実行する装置が素材画像のデータを特定して部品画像の生成、表示を行える。部品画像の識別情報と素材画像の識別情報とを別途対応づけておいてもよい。
【００４４】
なお同図の設定情報は図２、３に表示されている部品画像に対応している。「画像」素材を用いた「画像１」の部品画像は、当該領域に表示すべき画像のデータが「snow.jpg」と設定されている。「チェックボックス」素材を用いた「チェックボックス１」および「チェックボックス２」の部品画像はいずれも、色が「ＦＦＦＦＦＦ」と設定されている。
【００４５】
「ラベル」素材を用いた「ラベル１」および「ラベル２」の部品画像は文字情報として「オプション１」および「オプション２」なる文字をそれぞれ表示し、フォントはいずれも「ゴシック」と設定されている。「ボタン」素材を用いた「ボタン１」および「ボタン２」の部品画像は文字情報として「ＯＫ」、「Ｃａｎｃｅｌ」なる文字をそれぞれ表示し、ボタンの色はいずれも「ＦＦ６６ＦＦ」、フォントはいずれも「Ｃａｌｉｂｒｉ」と設定されている。
【００４６】
図５は個別設定情報のデータ例を示している。個別設定情報７０は、複数の画面モードａ、ｂ、ｃ、・・・に対し、同じ構造を有する複数の設定情報７０ａ、７０ｂ、７０ｃ、・・・を対応づけた構成を有する。なお画面モードが１つであれば当然、設定情報も１つである。同図の例では画面モードを画面の横方向、縦方向のサイズで定義している。すなわち各画面モードの設定情報の上端に示されるように、画面モードａは画面サイズが（８００，４８０）、画面モードｂは画面サイズが（４８０，８００）、画面モードｃは画面サイズが（１２００，７２０）の画面である。
【００４７】
画面モードを各方向のサイズで定義することにより、画面の大きさのほか、横長画面と縦長画面の区別やアスペクト比の設定も同時にできる。上述のとおり、サイズが同じであってもディスプレイ平面の傾斜角度によって設定を変化させる場合などは、その他の属性によってさらに画面モードを細分化してもよい。
【００４８】
各画面モードに対する設定情報７０ａ、７０ｂ、７０ｃ、・・・は、設定値欄７４における設定対象の項目が異なるほかは、図４で示した共有設定情報６０と同じ構造を有する。したがって名称欄７２の部品画像の名称は共有設定情報６０の名称欄６２の記載と同一である。そして各部品画像に対し、画面モードによって個別に設定すべき情報、同図の例では位置座標、サイズ、アンカー情報などを保持する。
【００４９】
例えば画面モードａの設定情報７０ａにおいて、「画像１」の部品画像は位置座標が「（４０，６０）」、サイズが「（４３０，２９０）」、アンカーは（上，左）、すなわち上端と左端において下層の画像との距離を固定とする、という設定がなされている。その他の部品画像についても同様に、設定画面に対しコンテンツ作成者が設定した位置座標、サイズ、およびアンカー情報が、部品画像の名称と対応づけられている。
【００５０】
設定ファイル生成部１６は、図４で示したような共有設定情報は画面モードによらず、図５で示したような個別設定情報は画面モードに応じて、それぞれを参照できるような形式でＵＩ画面設定ファイルを生成する。例えば上述のとおり、ＵＩ画面設定ファイルをプログラムのソースコードとして生成する場合、後者に対し、画面モードを確認しその結果に応じて処理を分岐するプログラムを生成する。前者に対しては当該分岐を設けない。そしてそれらを１つのソースコードとして出力する。
【００５１】
図６はＵＩ画面設定ファイルをプログラムのソースコードとして生成する場合の、当該プログラムのフローチャートを示している。この例は、図５で示した３つの画面モードａ、ｂ、ｃに対し設定がなされた場合を示している。また素材画像のデータを用いてＵＩ画面を生成するプログラムは他に準備されており、同図のプログラムは当該生成するプログラムにおいて用いる変数へ設定値を代入する処理を記述している。
【００５２】
まず図４で示した共有設定情報に設定された各項目の設定値を代入する（Ｓ１０）。次に画面モードを確認する処理によって実際の画面が画面モードａであることが判明したら（Ｓ１２のＹ）、画面モードａの設定情報７０ａに設定された各項目の設定値を代入する（Ｓ１４）。実際の画面が画面モードｂであることが判明したら（Ｓ１２のＮ、Ｓ１６のＹ）、画面モードｂの設定情報７０ｂに設定された各項目の設定値を代入する（Ｓ１８）。それ以外の場合、すなわち実際の画面が画面モードｃであることが判明したら（Ｓ１２のＮ、Ｓ１６のＮ）、画面モードｃの設定情報７０ｃに設定された各項目の設定値を代入する（Ｓ２０）。
【００５３】
これによりコンテンツを実行する装置において、ＵＩ画面を生成するための設定値が、装置の画面モードに対し常に最適なものへ切り替わる。設定項目のうち、どの項目を共有設定情報、あるいは個別設定情報とするかはあらかじめ決定しておく。コンテンツ作成者が指定できるようにしてもよい。ただし画面モードによって変更せざるを得ない項目は、自然に個別設定情報となる。例えば図２に示した横長画面の設定から図３に示した縦長画面の設定へ設定画面を切り替えた際、自動で調整した項目、すなわちサイズや配置は個別設定情報となる。このようにすると、共有設定情報に含まれる項目については、一つの画面モードで設定を変更すれば、全ての画面モードにその変更を反映させることができる。
【００５４】
あるいは別の態様として、設定に応じて個別設定情報とする項目を変化させてもよい。例えば最初の画面モードでなされた設定は全て共有設定情報としておき、その後、別の画面モードで設定が変更された項目については、随時、個別設定情報に移行させるようにしてもよい。この場合、それ以前になされた画面モードに対しても個別設定情報が生成されることになる。この処理は例えば、図６に示したプログラムにおいて当該項目に係る記述を、Ｓ１０の共有設定情報の設定値代入処理から削除し、Ｓ１４、Ｓ１８、Ｓ２０の、画面モードごとの設定値代入処理にそれぞれ追加ことと同等である。
【００５５】
次にこれまで述べた構成によって実現できるＵＩ画面設定ファイル生成装置１０の動作を説明する。図７はＵＩ画面設定ファイル生成装置１０がコンテンツ作成者の設定入力を受け付け、ＵＩ画面設定ファイルを生成する処理手順を示すフローチャートである。まずコンテンツ作成者が入力部１２を介し、設定ファイル名を指定するなどして設定作業を開始する旨の指示を入力すると、設定情報取得部１４の設定情報管理部２４は当該ファイル名を有する新規ファイルを準備する（Ｓ３０）。なお既存のファイルが指定された場合はそれを読み出す。
【００５６】
次に設定画面表示部１８は、図２で示したような設定画面を表示する（Ｓ３２）。このときコンテンツ作成者が画面サイズを入力することにより、設定画面表示部１８は、それに対応する仮想的なＵＩ画面の領域をキャンバスとして表示する。この画面サイズによって１つの画面モードが定義される。なおＳ３０において既存の設定ファイルを読み出した場合は、それに設定されている画面モードのいずれかを選択し、設定済みのＵＩ画面を表示する。
【００５７】
次にコンテンツ作成者は、入力部１２を介して、設定画面に対し部品画像の配置やサイズの調整、色やフォントの設定などの設定入力を行う（Ｓ３４）。コンテンツ作成者が設定を確定する入力を行うと、設定情報管理部２４は、Ｓ３０で指定されたファイル名と、画面サイズなど画面モードの識別情報とともに、設定された情報を記憶する（Ｓ３６）。このとき共有設定情報と個別設定情報とを区別しておく。なお画面モードの識別情報として、コンテンツ作成者が画面モードの名称等を指定するようにしてもよい。ＵＩ画面設定ファイルを新規で作成する場合、Ｓ３６で記憶した設定情報が基準となり、後の画面モード設定画面に引き継がれる。
【００５８】
次にコンテンツ作成者が画面モードを切り替える指示入力を行ったら（Ｓ３８のＹ）、設定画面表示部１８は、コンテンツ作成者が新たに入力した画面サイズに対応するようにキャンバスのサイズを切り替える（Ｓ４０）。そして設定情報取得部１４のモード切替処理部２６は、既存の設定情報に基づき切り替え後の各部品画像の配置を決定し、設定画面表示部１８に表示させる（Ｓ４２）。
【００５９】
具体的には、過去に同じ設定ファイル内で同じ画面モードに対し設定がなされていればその情報に基づき部品画像を配置する。一方、当該画面モードに対する初めての設定であれば、Ｓ３６で設定情報管理部２４が記憶した基準設定情報に基づき部品画像を配置する。基準設定情報に基づき部品画像を配置する場合は、上述のとおり、必要に応じて部品画像の再配置やサイズ変更を行う。
【００６０】
コンテンツ作成者は、このようにして表示された設定画面において、適宜、部品画像の調整を行う（Ｓ４４）。コンテンツ作成者が設定を確定する入力を行うと、設定情報管理部２４は、設定された個別設定情報を、切り替え後の画面モードの識別情報とともに記憶する（Ｓ４６）。共有設定情報のいずれかの項目の設定値が変更された場合は（Ｓ４８）、Ｓ３６で記憶した設定情報のうち共有設定情報を更新する（Ｓ５０）。
【００６１】
コンテンツ作成者がさらに別の画面モードへ切り替える指示入力を行ったら（Ｓ３８のＹ）、Ｓ４０からＳ５０の処理を繰り返す。そしてコンテンツ作成者が全ての画面モードに対する設定を終了し、ＵＩ画面設定ファイルを生成する指示入力を行うと（Ｓ３８のＮ）、設定ファイル生成部１６は、Ｓ３０で指定されたファイル名で最終的なＵＩ画面設定ファイルを生成する（Ｓ５２）。
【００６２】
次に、これまで述べた手法で生成したＵＩ画面設定ファイルを組み入れたコンテンツを実行するための構成について説明する。図８は本実施の形態で生成するＵＩ画面設定ファイルを含むコンテンツを実行する情報処理装置の構成を示している。
【００６３】
情報処理装置１００は、ＵＩ画面設定ファイルを含むコンテンツファイルを格納したコンテンツファイル記憶部１１２、ユーザからのコンテンツ実行に係る入力を受け付ける入力部１０２、情報処理装置１００の画面モードを特定する画面モード特定部１０４、素材画像のデータを格納した素材画像記憶部１１４、画面モードとＵＩ画面設定ファイルとに基づきＵＩ画面を生成するＵＩ画面生成部１０６、コンテンツに係るその他の処理を実行するコンテンツ処理部１０８、および、表示すべき画像を描画し表示する画像表示部１１０を含む。
【００６４】
入力部１０２は、コンテンツの実行開始、終了の指示入力、表示されたＵＩ画面上のＧＵＩの操作など、コンテンツの実行に必要な各種入力をユーザが行うためのインターフェースである。入力部１２は、タッチパネル、ポインティングデバイス、キーボード、ジョイスティックなど一般的な入力装置のいずれかで実現してよい。
【００６５】
画面モード特定部１０４、ＵＩ画面生成部１０６、コンテンツ処理部１０８は演算装置やメモリなどで構成される。画面モード特定部１０４は、情報処理装置１００の画面モードを特定する。例えば情報処理装置１００が内部で記憶する、自らの画面のサイズに係る情報を読み出す。さらに情報処理装置１００の内部に搭載した加速度センサやジャイロセンサの出力値から、横長画面／縦長画面の区別や、ディスプレイ平面の傾斜角度などを取得してもよい。
【００６６】
そしてこれらの情報に基づき、ＵＩ画面設定ファイルで定義されている画面モードのうち１つを選択する。なお画面モードの特定処理は、コンテンツの実行開始時にＵＩ画面を生成するため、ＵＩ画面生成部１０６からの要求に応じて実行するほか、所定の時間間隔で行ってもよい。これにより、ユーザの持ち方や体勢の変化に対応して常に好適なＵＩ画面を表示できる。
【００６７】
ＵＩ画面生成部１０６は、コンテンツファイル記憶部１１２に格納されたＵＩ画面設定ファイルに基づき、素材画像記憶部１１４から読み出した素材画像のデータを用いて部品画像を生成、配置することによりＵＩ画面を生成する。なおコンテンツファイル記憶部１１２におけるＵＩ画面設定ファイルは、ＵＩ画面設定ファイル生成装置１０が生成したプログラムのソースコードを、その他のプログラムとともにコンパイルした状態であってもよい。このときＵＩ画面生成部１０６は、図６で示した手順により、ＵＩ画面を生成するための変数に設定値を代入する処理を行ったうえ、ＵＩ画面生成処理を行う。ＵＩ画面生成処理自体には一般的な技術を適用できる。
【００６８】
ディスプレイの状態が、ＵＩ画面設定ファイルで定義されている画面モードから外れている場合は、画面モード特定部１０４がその旨を通知することにより、ＵＩ画面生成部１０６は、定義されている画面モードの設定情報のいずれかを利用してＵＩ画面を生成する。例えば最も近い状態の画面モードを選択するか、あらかじめ基準とする画面モードを定めておき、その設定情報におけるアンカー情報などに基づき部品画像を配置していく。図３において説明したように、設定画面において新規の画面モードへ切り替えたときと同様の調整を行ってもよい。
【００６９】
コンテンツ処理部１０８は、コンテンツファイル記憶部１１２に格納されたコンテンツのプログラムや各種データを読み出し、ユーザの操作などに従い適宜演算処理を行う。画像表示部１１０は画像を描画する演算装置とディスプレイなどで構成され、ＵＩ画面生成部１０６およびコンテンツ処理部１０８からの要求に従い、表示画像を描画、表示する。
【００７０】
次に上記構成によって実現される動作を説明する。図９は情報処理装置１００においてＵＩ画面を表示する処理手順を示すフローチャートである。まずユーザが入力部１０２を介しコンテンツを選択するなどしてコンテンツ実行開始の指示を入力すると、ＵＩ画面生成部１０６は、画面モード特定部１０４にその段階の画面モードを特定させ、その結果と、ＵＩ画面設定ファイルの情報とに従い、ＵＩ画面を生成する。そして画像表示部１１０が、それを初期ＵＩ画面として表示する（Ｓ６０）。
【００７１】
この初期ＵＩ画面に対しユーザが行った操作などに基づき、コンテンツ処理部１０８は適宜操作を行ってよいが、同図では省略している。またＵＩ画面生成部１０６は、表示中のＧＵＩに対しユーザが行った操作などによってその色を変化させたり、ボタンが押されているように見せたり、各種アニメーション表示を行ったりしてよいが、それらも一般的な技術を適用できるため図示を省略している。
【００７２】
画面モード特定部１０４によって画面モードが途中で変化したことが検知されない間はその状態を維持する（Ｓ６２のＮ）。画面モードが変化したことが検知されたら（Ｓ６２のＹ）、ＵＩ画面生成部１０６は、例えば図６で示した処理手順においてＳ１２からの分岐判定処理のみを再度実行することにより、ＵＩ画面生成に用いる設定値を更新する（Ｓ６４）。そして更新した値でＵＩ画面を生成し、画像表示部１１０に表示させることにより、ＵＩ画面の表示を更新する（Ｓ６６）。
【００７３】
以上述べた本実施の形態によれば、部品画像で構成されるＵＩ画面の設定時に、画面サイズ、横長画面か縦長画面か、ディスプレイ平面の傾斜角度など、ディスプレイの状態を変化させた複数の画面モードを切り替えながら設定可能とする。このとき、色、形、フォントなど所定の項目の設定情報については全ての画面モードで共有する。これにより、画面モードによって変化をつけたい項目については自由度の高い設定ができる一方、共有する項目については、１つの画面モードに対し行った変更が、他の画面モードにも反映される。
【００７４】
例えば色や形の微調整を繰り替えして様子を見ながらデザインを決定したい場合など、微調整した結果を全ての画面モードで容易に確認でき、作業効率を格段に向上させることができる。同時に、画面端からの距離を固定としたり、部品画像の大きさを画面サイズの大きさに比例させたり、といった、画面サイズの変化に対する固定的な規則を設ける場合と比較し、画面モードごとにきめ細かい設定が可能となる。
【００７５】
設定を受け付けるための画面には、画面モードに応じて仮想的なＵＩ画面の領域を表示し、その上で画像を描画するように部品画像を作成、配置できるようにする。このとき、新規の画面モードの設定画面であっても、他の画面モードの設定情報を利用することにより、およそのＵＩ画面を装置側で準備する。これにより、コンテンツ作成者が画面モードごとに部品画像を作成し直す必要がなくなり、多数の画面モードを定義したい場合などは特に、設定作業の負担が軽減される。
【００７６】
複数の画面モードに対する設定情報を同じファイルとして出力することにより、画面モードの数が増加してもファイル数が増加せず、様々な装置や画面モードに対応できる設定ファイルを実現できる。さらにコンテンツ実行時に途中で画面モードが変化しても、新たに別の設定ファイルを読み出すことなく、更新すべき設定値のみ更新することができるため、ＵＩ画面表示時の処理効率も向上する。
【００７７】
以上、本発明を実施の形態をもとに説明した。上記実施の形態は例示であり、それらの各構成要素や各処理プロセスの組合せにいろいろな変形例が可能なこと、またそうした変形例も本発明の範囲にあることは当業者に理解されるところである。
【符号の説明】
【００７８】
１０ ＵＩ画面設定ファイル生成装置、 １２ 入力部、 １４ 設定情報取得部、 １６ 設定ファイル生成部、 １８ 設定画面表示部、 ２０ 素材画像記憶部、 ２２ ＵＩ画面設定ファイル記憶部、 ２４ 設定情報管理部、 ２６ モード切替処理部、 １００ 情報処理装置、 １０２ 入力部、 １０４ 画面モード特定部、 １０６ ＵＩ画面生成部、 １０８ コンテンツ処理部、 １１０ 画像表示部、 １１２ コンテンツファイル記憶部、 １１４ 素材画像記憶部。
【技術分野】
【０００１】
本発明は、コンテンツ実行時に表示する画面の設定ファイルを生成する画面設定ファイル生成装置、および当該設定ファイルを用いて画面を表示する情報処理装置、およびこれらの装置で用いられる画面設定ファイル生成方法、画面表示方法に関する。
【背景技術】
【０００２】
近年、携帯ゲーム機、携帯電話、ＰＤＡ（Personal Data Asistance）、タブレットなど、携帯を想定した小型の情報機器が普及している。このような小型の機器はそのサイズ上の制約から入力手段も限定される。結果として、小型機器に特化した入力手段や機能が独自の発達を遂げてきた。例えばディスプレイ表面のタッチパネルに対する指やタッチペンでの入力を可能とすることにより、ディスプレイに表示されたオブジェクトなどを直接操作しているような感覚を与えることができる。
【０００３】
一方、そのような小型機器を利用して、設置型のゲーム機やパーソナルコンピュータと同等の情報処理を行う環境も整いつつある。例えば小型機器をユーザが操作し、ネットワークを介して接続した設置型の機器が実際の情報処理を行うことにより、高度なゲームを、場所を問わず楽しめるようになってきた。また、設置型の機器のためのゲームをエミュレートすることにより小型の機器で実行することも可能となってきている。
【発明の概要】
【発明が解決しようとする課題】
【０００４】
このように近年では、ゲームなどの情報処理を、機器の大きさや使用環境に関わらず行えるようにする技術的方向性がみられる。しかしながら、小型の機器を利用してそのような高度化した情報処理を実施しようとすると、上述のとおり入力手段の制約に起因して操作性が劣ってしまう、という問題があった。また小型の機器にあっては特に、画面サイズを確保するために、ＧＵＩ（Graphical User Interface）を入力手段として画面内に表示することが有効であるが、表示する内容ごと、ディスプレイの状態ごとに細かい設定を行うのは困難であった。
【０００５】
本発明はこのような課題に鑑みてなされたものであり、その目的は、ディスプレイの状態に適した画面構成を容易に実現できる技術を提供することにある。
【課題を解決するための手段】
【０００６】
本発明のある態様は画面設定ファイル生成装置に関する。この画面設定ファイル生成装置は、コンテンツ実行時にディスプレイに表示する画面の構成を設定した画面設定ファイルを生成する画面設定ファイル生成装置であって、ディスプレイの画面領域を表す仮想的な画面領域を含む設定画面を表示する設定画面表示部と、当該仮想的な画面領域に部品画像を配置した設定情報の入力をユーザより受け付ける入力部と、ユーザが指定した、ディスプレイの複数の状態に応じて、設定画面表示部における設定画面を切り替えるモード切替処理部と、ディスプレイの複数の状態に対しなされた設定情報を統括し、当該複数の状態間で共有される設定情報を含む画面設定ファイルを生成して出力する設定ファイル生成部と、を備えたことを特徴とする。
【０００７】
本発明の別の態様は情報処理装置に関する。この情報処理装置は、ディスプレイに表示する画面の構成を設定した設定情報を含むコンテンツを実行する情報処理装置であって、ディスプレイの所定の項目に係る状態を特定する画面モード特定部と、設定情報のうち、画面モード特定部が特定したディスプレイの状態に対し個別に設定された設定情報と、ディスプレイの複数の状態間で共有される設定情報とを参照して画面を生成しディスプレイに表示させる画面生成部と、を備えたことを特徴とする。
【０００８】
本発明のさらに別の態様は画面設定ファイル生成方法に関する。この画面設定ファイル生成方法は、コンテンツ実行時にディスプレイに表示する画面の構成を設定した画面設定ファイルを生成する装置が行う画面設定ファイル生成方法であって、ディスプレイの画面領域を表す仮想的な画面領域を含む設定画面を表示するステップと、仮想的な画面領域に部品画像を配置した設定情報の入力を入力装置を介してユーザより受け付けるステップと、ユーザが指定した、ディスプレイの複数の状態に応じて、設定画面を切り替えるステップと、ディスプレイの複数の状態に対しなされた設定情報を統括し、当該複数の状態間で共有される設定情報を含む画面設定ファイルを生成して記憶装置に出力するステップと、を含むことを特徴とする。
【０００９】
本発明のさらに別の態様は画面表示方法に関する。この画面表示方法は、ディスプレイに表示する画面の構成を設定した設定情報を含むコンテンツを実行する装置が行う画面表示方法であって、ディスプレイの所定の項目に係る状態を特定するステップと、設定情報のうち、特定するステップにおいて特定したディスプレイの状態に対し個別に設定された設定情報と、ディスプレイの複数の状態間で共有される設定情報とを参照して画面を生成しディスプレイに表示させるステップと、を含むことを特徴とする。
【００１０】
本発明のさらに別の態様は画面設定ファイルのデータ構造に関する。この画面設定ファイルのデータ構造は、コンテンツ実行時にディスプレイに表示する画面の構成を設定した画面設定ファイルのデータ構造であって、ディスプレイの複数の状態のそれぞれに対し設定された個別設定情報と、複数の状態間で共有される共有設定情報とを対応づけ、画面設定ファイルを生成する装置において、ユーザが指定したディスプレイの状態によって、ディスプレイの画面領域を表す仮想的な画面領域を含む設定画面を切り替えて表示するために参照されることを特徴とする。
【００１１】
なお、以上の構成要素の任意の組合せ、本発明の表現を方法、装置、システム、コンピュータプログラムなどの間で変換したものもまた、本発明の態様として有効である。
【発明の効果】
【００１２】
本発明によると、ディスプレイの状態に適した画面構成を容易に実現できる。
【図面の簡単な説明】
【００１３】
【図１】本実施の形態のＵＩ画面設定ファイル生成装置の構成を示す図である。
【図２】本実施の形態において設定画面表示部に表示される設定画面の例を示す図である。
【図３】本実施の形態において画面モードを縦長画面に切り替えたときの設定画面の例を示す図である。
【図４】本実施の形態における共有設定情報のデータ例を示す図である。
【図５】本実施の形態における個別設定情報のデータ例を示す図である。
【図６】本実施の形態においてＵＩ画面設定ファイルをプログラムのソースコードとして生成する場合の、当該プログラムの内容を示すフローチャートである。
【図７】本実施の形態においてＵＩ画面設定ファイルを生成する処理手順を示すフローチャートである。
【図８】本実施の形態においてＵＩ画面設定ファイルを含むコンテンツを実行する情報処理装置の構成を示す図である。
【図９】本実施の形態の情報処理装置においてＵＩ画面を表示する処理手順を示すフローチャートである。
【発明を実施するための形態】
【００１４】
本実施の形態は、情報処理装置においてコンテンツを実行する際にディスプレイに表示するＵＩ（User Interface)画面の作成技術、および、コンテンツ実行時のＵＩ画面の表示技術に係る。ここで「コンテンツ」は、コンピュータゲーム、動画、文章、写真、絵など電子的に処理しディスプレイ表示が可能な対象であればその種類は限定されない。また本実施の形態は、一般的な「コンテンツ」以外に、ウェブページの閲覧、スケジュール管理、住所録表示、文書作成、表計算など一般的な情報処理に対しても適用できる。以下の説明では、そのような画像表示を伴う情報処理を行うことを「コンテンツの実行」と総称する。
【００１５】
ＵＩ画面は基本的に、背景上に配置された部品画像からなる。部品画像は例えば、ボタン、スクロールバー、チェックボックス、スライダーなどの各種ＧＵＩ、文字を表示したラベル、写真、絵、シンボルマークなど、画面上の領域と対応づけることにより画面内に表示される画像であり、静止画像、動画像のいずれでもよい。
【００１６】
上記のような様々なコンテンツに対しＵＩ画面を好適に設計することは、操作性、デザイン性などの観点から非常に重要である。しかし情報処理装置の種類が多様化した昨今では、ディスプレイのサイズやアスペクト比も様々である。さらにユーザの使用環境や嗜好、コンテンツの内容などによって、ディスプレイ面の長方形を縦長で見るか横長で見るか、ディスプレイ平面の傾斜角度なども様々に変化する。本実施の形態では、このような多様化した表示環境にきめ細かく対応できるＵＩ画面表示を容易に実現する。
【００１７】
図１はＵＩ画面設定ファイル生成装置の構成を示している。ＵＩ画面設定ファイル生成装置１０は、コンテンツ作成者から、部品画像やその配置に係る設定入力を受け付け、ＵＩ画面設定ファイルを生成する。生成したＵＩ画面設定ファイルは、コンテンツの実行に必要なプログラムや各種データとともにコンテンツファイルを構成する。当該プログラムやデータは別途、一般的な技術によって作成されているものとする。
【００１８】
図１および後述する図８において、様々な処理を行う機能ブロックとして記載される各要素は、ハードウェア的には、ＣＰＵ、メモリ、その他のＬＳＩで構成することができ、ソフトウェア的には、画像処理を行うプログラムなどによって実現される。したがって、これらの機能ブロックがハードウェアのみ、ソフトウェアのみ、またはそれらの組合せによっていろいろな形で実現できることは当業者には理解されるところであり、いずれかに限定されるものではない。
【００１９】
ＵＩ画面設定ファイル生成装置１０は、コンテンツ作成者が設定入力のために操作する入力部１２、設定用の画面を表示する設定画面表示部１８、設定された情報を取得する設定情報取得部１４、ＵＩ画面設定ファイルを生成する設定ファイル生成部１６、素材画像のデータを記憶する素材画像記憶部２０、および、生成したＵＩ画面設定ファイルを格納するＵＩ画面設定ファイル記憶部２２を含む。
【００２０】
入力部１２は、設定画面表示部１８において表示される設定画面を見ながらコンテンツ作成者が設定入力を行うためのインターフェースである。入力部１２は、マウス、キーボード、ポインティングデバイス、ジョイスティック、タッチパネルなど一般的な入力装置のいずれかで実現してよい。本実施の形態では後述のとおり、実際の部品画像を仮想的なＵＩ画面上に配置させていく態様をとるため、そのような画像操作と親和性の高い入力装置を用いることが望ましい。
【００２１】
設定画面表示部１８は、ユーザがＵＩ画面の設定に係る入力を行うための設定画面を表示する。設定画面表示部１８は、当該設定画面を表示するディスプレイと、コンテンツ作成者の入力部１２を介した設定入力に応じて配置、色、サイズなどを変化させた部品画像を生成しディスプレイに表示させる演算装置などにより構成される。コンテンツ作成者の入力に応じた画像の生成処理には、一般的な画像描画ツールなどで用いられる技術を適用できる。
【００２２】
素材画像記憶部２０には、部品画像として利用される頻度の高い図形の基本形状を表す画像のデータをあらかじめ記憶させておく。以後、このような基本形状の画像を「素材画像」と呼ぶ。素材画像を設定画面にリスト表示することで、コンテンツ作成者は、所望の素材画像を選択してそれを元に部品画像を生成し、設定画面に表示された仮想的なＵＩ画面内に配置する。素材画像を部品画像としてそのまま用いてもよい。
【００２３】
設定情報取得部１４および設定ファイル生成部１６は、例えば演算装置やメモリなどで構成される。設定情報取得部１４は、設定情報管理部２４およびモード切替処理部２６を含む。設定情報管理部２４は、コンテンツ作成者が設定画面において部品画像を配置した結果を確定する入力を行ったら、当該結果を内部のメモリに記憶する。モード切替処理部２６は、コンテンツを実行する装置におけるディスプレイがとり得る状態変化のうち、ユーザが設定対象とする状態に応じて設定画面を切り替えるための制御を行う。ディスプレイがとり得る状態変化とは、画面サイズの変化、縦長画面とするか横長画面とするか、および、垂直上向きから垂直下向きまでのディスプレイ平面の傾斜角度の変化などである。
【００２４】
以後、当該ディスプレイの状態を「画面モード」と呼ぶ。画面モードは上記全てのディスプレイの状態を規定しなくてよく、例えば横長画面および縦長画面によって２つの画面モードを定義してもよい。本実施の形態では、画面モードの数によらず、１つのコンテンツに対して設定した情報を１つのＵＩ画面設定ファイルに記述する。これにより部品画像の色、形、文字のフォントなど、どの画面モードでも共通としたい設定情報は画面モード間で共有する一方、配置やサイズなど画面モードによって変化させたい設定情報は個々に自由な設定を行えるようにする。以後、前者の情報を「共有設定情報」、後者の情報を「個別設定情報」と呼ぶ。
【００２５】
コンテンツ作成者が設定対象の画面モードの切り替えを要求したら、それが新規の画面モードであっても、設定済みの画面モードに対し行われた設定に基づいて部品画像を表示する。また、ある画面モードに対し共有設定情報の修正がなされたら、全ての画面モードに当該修正が反映されるようにする。コンテンツ作成者が全ての画面モードに対し設定を完了させたら、設定情報管理部２４は記憶していた設定情報を設定ファイル生成部１６に通知する。このとき通知する情報は、共有設定情報および、個別設定情報と画面モードの識別情報とを対応づけた情報である。
【００２６】
設定ファイル生成部１６は、設定情報取得部１４から通知された情報に基づき、所定の形式でＵＩ画面設定ファイルを生成し、ＵＩ画面設定ファイル記憶部２２に格納する。ＵＩ画面設定ファイルの形式は、コンテンツファイルとしてともに格納されるコンテンツのプログラムにおける設定値の読み出し手法によって様々考えられる。例えばＵＩ画面設定ファイル自身もプログラムのソースコードとしてコンテンツのプログラムの一部とすれば、コンテンツ実行中に画面モードが変化しても個別の設定ファイルを新たに読み出すなどの必要がなく、実行段階での処理の負荷が軽減される。一方、マークアップ言語やタブ区切り形式などによる一般的な設定ファイルとしてもよい。
【００２７】
図２は設定画面表示部１８に表示される設定画面の例を示している。設定画面例３０ａには、メインメニュー３２、キャンバス３６ａ、素材リスト３８、および詳細情報４２を表示する。メインメニュー３２は、「ファイル」メニューと「画面モード」メニューを含む。「ファイル」メニューが選択されたら、新規設定ファイルの名称設定、既存設定ファイルの読み出し、設定結果の保存などのプルダウンメニューを表示する。「画面モード」メニューが選択されたら、設定対象の画面モードを切り替えるための画面モードのリストなどを表示する。
【００２８】
ここで表示される画面モードは上記のとおり、横長画面／縦長画面の区別のほか、画面サイズやディスプレイ平面の傾斜角度などのパラメータを自由に組み合わせて１つの画面モードとしてよい。各パラメータの数値設定はコンテンツ作成者が行ってもよい。コンテンツ作成者が画面モードのリストから一つを選択すると、設定画面表示部１８は当該画面モードに対応する仮想的なＵＩ画面の領域を表すキャンバス３６ａを表示する。仮想的なＵＩ画面の領域は、実際のＵＩ画面の領域を、設定画面内に表示できる大きさに調整した領域である。設定情報管理部２４は、仮想的なＵＩ画面に対しなされた設定を、その倍率に基づき実際のＵＩ画面上での値に換算して設定情報とする。
【００２９】
同図の例は、横長画面の画面モードを設定対象としている場合であり、網掛けで示されたキャンバス３６ａも横長の矩形となっている。素材リスト３８は、素材画像記憶部２０に記憶された素材画像のリストを表示する。同図の例では、文字のラベルを表す「ラベル」素材、ボタンのＧＵＩを表す「ボタン」素材、別途準備する画像データの表示領域を表す「画像」素材、チェックボックスのＧＵＩを表す「チェックボックス」素材、スライダーのＧＵＩを表す「スライダー」素材が一覧表示されている。なお図示したリストはあくまで例示であり、素材画像を限定する主旨ではない。
【００３０】
コンテンツ作成者は素材リスト３８の各素材の左端に表示されたシンボルマークを選択し、キャンバス３６ａ上の位置と対応づけることにより、仮想的なＵＩ画面上に素材画像を配置させる。この処理は例えば、選択するシンボルマークをポインタなどによって指示し、キャンバス３６ａ上の目的の位置までドラッグすることにより実現できる。このようにしてシンボルマークがキャンバス３６ａ上の位置と対応づけられたら、当該位置に、あらかじめ設定しておいた標準のサイズおよび色で、対応する素材画像を表示する。この段階で、各素材画像はＵＩ画面における部品画像となる。
【００３１】
そしてキャンバス３６ａ上で、拡大、縮小、変形、移動、彩色など、各部品画像に対する操作を受け付ける。部品画像に対する操作内容や操作手法は、一般的な画像描画ツールなどに実装されているものと同様でよい。同図においては、部品画像４４が現在の操作対象となっていることが太枠で示されている。詳細情報４２は、このように操作対象となっている部品画像のその時点での詳細情報を表す。同図の例では、当該部品画像の名称４２ａ、位置座標４２ｂ、サイズ４２ｃ、アンカー情報４２ｄが表示されている。
【００３２】
部品画像の名称４２ａはコンテンツ作成者が入力し、ＵＩ画面設定ファイルにおいて各部品画像を識別するために用いられる。位置座標４２ｂは、キャンバス３６ａにおける部品画像の左上の座標（ｘ，ｙ）など、部品画像の位置を所定の規則で表す。サイズ４２ｃは、部品画像の横方向（ｗ）、縦方向（ｈ）のサイズを所定の単位で表す。これらの変数は、キャンバス３６ａにおける部品画像に対する操作に連動して変化させる。一方、コンテンツ作成者が直接、数値を入力した場合は、キャンバス３６ａ上の部品画像に反映させる。アンカー情報４２ｄは、部品画像を重ねて表示する場合の下側の部品画像、あるいは重ねない場合は画面自体など、操作対象の部品画像の下層に位置する画像のサイズに変化が生じたときに、当該操作対象の部品画像の配置およびサイズをどのように対応させるかを示す規則を図形で表す。
【００３３】
同図の例では、下層の画像を外側の矩形４６、操作対象の画像を内側の矩形４８で表し、下層の画像のサイズの変化に対し、距離を固定とする箇所をアンカーとして矢印５０で表している。同図の場合、下層の画像の上端から操作対象の画像の上端までの距離、および、下層の画像の左端から操作対象の画像の左端までの距離を固定とする規則が設定されている。アンカー情報４２ｄとして表示するマークは、コンテンツ作成者が入力部１２に対し所定の操作を行うことにより切り替え可能とする。
【００３４】
設定できる規則としてはこの他、各画像の下端同士の距離、右端同士の距離、操作対象の画像の縦方向の長さ、横方向の長さ、のいずれか、または２つ以上の組み合わせを固定とすることが考えられる。ただし本実施の形態では上述したように、複数の画面モードを切り替えてＵＩ画面を設定できるため、当該画面モードのいずれかに対応する装置であれば、コンテンツ実行段階で実際の画面に対応させるためにアンカー情報を用いて調整する必要はなくなる。
【００３５】
なお詳細情報４２に表示すべき項目は、部品画像の種類、すなわち素材画像によって異なるため、あらかじめ素材画像ごとに表示すべき項目を決めておく。そして操作対象の部品画像の種類によって表示する項目を切り替える。例えば「ラベル」素材の場合、さらに文字のフォント、サイズ、文字や背景の色などの項目を表示し、コンテンツ作成者からの設定を受け付ける。「ボタン」素材、「チェックボックス」素材、「スライダー」素材などもさらに色の項目を設ける。「画像」素材の場合は、当該領域で表示させる画像データの項目を設け、コンテンツ作成者による設定を受け付ける。このとき、画像データの参照先を検索する画面などを別途表示させてもよい。
【００３６】
図３は図２のメインメニュー３２における「画面モード」メニューによって、画面モードを縦長画面に切り替えたときの設定画面の例を示している。設定画面例３０ｂのキャンバス３６ｂは、縦長の画面に対応する領域を表している。図２に示したように横長画面の画面モードに対し設定を行ったあと、新規に縦長画面の画面モードに対する設定画面を表示させた場合、キャンバス３６ｂには、横長画面に対し設定した部品画像を配置する。
【００３７】
すなわち横長画面において生成した部品画像は、縦長画面にも引き継がれる。ただし部品画像のサイズや配置は、縦長画面に収まるように、モード切替処理部２６が所定の規則によって調整を行う。例えば横長画面における部品画像を画面左上からラスタ方向に抽出していき、縦長画面のキャンバス３６ｂの左上からラスタ方向に、抽出された順に配置していく。縦長画面の横幅に収まらない幅を有する部品画像は縮小する。
【００３８】
この例は、横長画面に対する設定を縦長画面に利用する場合であったが、逆に縦長画面に対する設定を横長画面に利用したり、アスペクト比の異なる画面に利用したりする場合も同様に調整できる。あるいは各部品画像に設定されたアンカー情報に基づきサイズと配置を調整してもよい。
【００３９】
いずれにしろ、新規の画面モードであっても、このようにして他の画面モードに対する設定を利用し、およそのＵＩ画面を装置側で作成することにより、コンテンツ作成者が初めから設定し直す必要がなくなり、作業負担が軽減される。コンテンツ作成者は、キャンバス３６ｂに表示済みの部品画像に対し、サイズや配置を自由に調整する。設定画面例３０ｂにはさらに、キャンバス３６ｂの詳細情報５２も表示する。
【００４０】
詳細情報５２は、新たに表示させたキャンバス３６ｂに係る詳細情報、具体的にはサイズおよび背景色を表す。これらの詳細情報もコンテンツ作成者が直接、数値を入力することによって、キャンバス３６ｂに反映させるようにする。コンテンツ作成者が、キャンバス３６ｂに表示された部品画像のいずれかを操作対象として選択したら、当該部品画像の詳細情報を、図２の詳細情報４２のように表示する。これによりコンテンツ作成者は、キャンバス３６ｂに表示された部品画像を直接操作したり、詳細情報に数値を入力したりして、各部品画像を調整する。
【００４１】
このように複数の画面モードに対しなされた設定は、設定情報管理部２４が、画面モードに対応づけて記憶しておく。コンテンツ作成者がメインメニュー３２における「ファイル」メニューによってファイルの保存を指示したら、設定ファイル生成部１６は設定情報を全て取得し、ＵＩ画面設定ファイルを生成する。上述のとおり設定情報には共有情報と個別情報とが含まれる。
【００４２】
図４は共有設定情報のデータ例を示している。なお同図および図５に示すデータは情報の内容を例示するものであり、ＵＩ画面設定ファイルの形式を限定するものではない。共有設定情報６０は、名称欄６２に記載された各部品画像の名称に対応づけて、設定値欄６４に記載される、画面モードで共有される設定情報を保持する。
【００４３】
名称欄６２に記載した部品画像の名称は、図２の詳細情報４２の名称４２ａとしてユーザが入力した名称である。あるいは元となった素材画像の名称と、装置側で自動的に付与した識別番号とを組み合わせてもよい。部品画像の名称に素材画像の名称を含ませることにより、コンテンツ実行段階で、実行する装置が素材画像のデータを特定して部品画像の生成、表示を行える。部品画像の識別情報と素材画像の識別情報とを別途対応づけておいてもよい。
【００４４】
なお同図の設定情報は図２、３に表示されている部品画像に対応している。「画像」素材を用いた「画像１」の部品画像は、当該領域に表示すべき画像のデータが「snow.jpg」と設定されている。「チェックボックス」素材を用いた「チェックボックス１」および「チェックボックス２」の部品画像はいずれも、色が「ＦＦＦＦＦＦ」と設定されている。
【００４５】
「ラベル」素材を用いた「ラベル１」および「ラベル２」の部品画像は文字情報として「オプション１」および「オプション２」なる文字をそれぞれ表示し、フォントはいずれも「ゴシック」と設定されている。「ボタン」素材を用いた「ボタン１」および「ボタン２」の部品画像は文字情報として「ＯＫ」、「Ｃａｎｃｅｌ」なる文字をそれぞれ表示し、ボタンの色はいずれも「ＦＦ６６ＦＦ」、フォントはいずれも「Ｃａｌｉｂｒｉ」と設定されている。
【００４６】
図５は個別設定情報のデータ例を示している。個別設定情報７０は、複数の画面モードａ、ｂ、ｃ、・・・に対し、同じ構造を有する複数の設定情報７０ａ、７０ｂ、７０ｃ、・・・を対応づけた構成を有する。なお画面モードが１つであれば当然、設定情報も１つである。同図の例では画面モードを画面の横方向、縦方向のサイズで定義している。すなわち各画面モードの設定情報の上端に示されるように、画面モードａは画面サイズが（８００，４８０）、画面モードｂは画面サイズが（４８０，８００）、画面モードｃは画面サイズが（１２００，７２０）の画面である。
【００４７】
画面モードを各方向のサイズで定義することにより、画面の大きさのほか、横長画面と縦長画面の区別やアスペクト比の設定も同時にできる。上述のとおり、サイズが同じであってもディスプレイ平面の傾斜角度によって設定を変化させる場合などは、その他の属性によってさらに画面モードを細分化してもよい。
【００４８】
各画面モードに対する設定情報７０ａ、７０ｂ、７０ｃ、・・・は、設定値欄７４における設定対象の項目が異なるほかは、図４で示した共有設定情報６０と同じ構造を有する。したがって名称欄７２の部品画像の名称は共有設定情報６０の名称欄６２の記載と同一である。そして各部品画像に対し、画面モードによって個別に設定すべき情報、同図の例では位置座標、サイズ、アンカー情報などを保持する。
【００４９】
例えば画面モードａの設定情報７０ａにおいて、「画像１」の部品画像は位置座標が「（４０，６０）」、サイズが「（４３０，２９０）」、アンカーは（上，左）、すなわち上端と左端において下層の画像との距離を固定とする、という設定がなされている。その他の部品画像についても同様に、設定画面に対しコンテンツ作成者が設定した位置座標、サイズ、およびアンカー情報が、部品画像の名称と対応づけられている。
【００５０】
設定ファイル生成部１６は、図４で示したような共有設定情報は画面モードによらず、図５で示したような個別設定情報は画面モードに応じて、それぞれを参照できるような形式でＵＩ画面設定ファイルを生成する。例えば上述のとおり、ＵＩ画面設定ファイルをプログラムのソースコードとして生成する場合、後者に対し、画面モードを確認しその結果に応じて処理を分岐するプログラムを生成する。前者に対しては当該分岐を設けない。そしてそれらを１つのソースコードとして出力する。
【００５１】
図６はＵＩ画面設定ファイルをプログラムのソースコードとして生成する場合の、当該プログラムのフローチャートを示している。この例は、図５で示した３つの画面モードａ、ｂ、ｃに対し設定がなされた場合を示している。また素材画像のデータを用いてＵＩ画面を生成するプログラムは他に準備されており、同図のプログラムは当該生成するプログラムにおいて用いる変数へ設定値を代入する処理を記述している。
【００５２】
まず図４で示した共有設定情報に設定された各項目の設定値を代入する（Ｓ１０）。次に画面モードを確認する処理によって実際の画面が画面モードａであることが判明したら（Ｓ１２のＹ）、画面モードａの設定情報７０ａに設定された各項目の設定値を代入する（Ｓ１４）。実際の画面が画面モードｂであることが判明したら（Ｓ１２のＮ、Ｓ１６のＹ）、画面モードｂの設定情報７０ｂに設定された各項目の設定値を代入する（Ｓ１８）。それ以外の場合、すなわち実際の画面が画面モードｃであることが判明したら（Ｓ１２のＮ、Ｓ１６のＮ）、画面モードｃの設定情報７０ｃに設定された各項目の設定値を代入する（Ｓ２０）。
【００５３】
これによりコンテンツを実行する装置において、ＵＩ画面を生成するための設定値が、装置の画面モードに対し常に最適なものへ切り替わる。設定項目のうち、どの項目を共有設定情報、あるいは個別設定情報とするかはあらかじめ決定しておく。コンテンツ作成者が指定できるようにしてもよい。ただし画面モードによって変更せざるを得ない項目は、自然に個別設定情報となる。例えば図２に示した横長画面の設定から図３に示した縦長画面の設定へ設定画面を切り替えた際、自動で調整した項目、すなわちサイズや配置は個別設定情報となる。このようにすると、共有設定情報に含まれる項目については、一つの画面モードで設定を変更すれば、全ての画面モードにその変更を反映させることができる。
【００５４】
あるいは別の態様として、設定に応じて個別設定情報とする項目を変化させてもよい。例えば最初の画面モードでなされた設定は全て共有設定情報としておき、その後、別の画面モードで設定が変更された項目については、随時、個別設定情報に移行させるようにしてもよい。この場合、それ以前になされた画面モードに対しても個別設定情報が生成されることになる。この処理は例えば、図６に示したプログラムにおいて当該項目に係る記述を、Ｓ１０の共有設定情報の設定値代入処理から削除し、Ｓ１４、Ｓ１８、Ｓ２０の、画面モードごとの設定値代入処理にそれぞれ追加ことと同等である。
【００５５】
次にこれまで述べた構成によって実現できるＵＩ画面設定ファイル生成装置１０の動作を説明する。図７はＵＩ画面設定ファイル生成装置１０がコンテンツ作成者の設定入力を受け付け、ＵＩ画面設定ファイルを生成する処理手順を示すフローチャートである。まずコンテンツ作成者が入力部１２を介し、設定ファイル名を指定するなどして設定作業を開始する旨の指示を入力すると、設定情報取得部１４の設定情報管理部２４は当該ファイル名を有する新規ファイルを準備する（Ｓ３０）。なお既存のファイルが指定された場合はそれを読み出す。
【００５６】
次に設定画面表示部１８は、図２で示したような設定画面を表示する（Ｓ３２）。このときコンテンツ作成者が画面サイズを入力することにより、設定画面表示部１８は、それに対応する仮想的なＵＩ画面の領域をキャンバスとして表示する。この画面サイズによって１つの画面モードが定義される。なおＳ３０において既存の設定ファイルを読み出した場合は、それに設定されている画面モードのいずれかを選択し、設定済みのＵＩ画面を表示する。
【００５７】
次にコンテンツ作成者は、入力部１２を介して、設定画面に対し部品画像の配置やサイズの調整、色やフォントの設定などの設定入力を行う（Ｓ３４）。コンテンツ作成者が設定を確定する入力を行うと、設定情報管理部２４は、Ｓ３０で指定されたファイル名と、画面サイズなど画面モードの識別情報とともに、設定された情報を記憶する（Ｓ３６）。このとき共有設定情報と個別設定情報とを区別しておく。なお画面モードの識別情報として、コンテンツ作成者が画面モードの名称等を指定するようにしてもよい。ＵＩ画面設定ファイルを新規で作成する場合、Ｓ３６で記憶した設定情報が基準となり、後の画面モード設定画面に引き継がれる。
【００５８】
次にコンテンツ作成者が画面モードを切り替える指示入力を行ったら（Ｓ３８のＹ）、設定画面表示部１８は、コンテンツ作成者が新たに入力した画面サイズに対応するようにキャンバスのサイズを切り替える（Ｓ４０）。そして設定情報取得部１４のモード切替処理部２６は、既存の設定情報に基づき切り替え後の各部品画像の配置を決定し、設定画面表示部１８に表示させる（Ｓ４２）。
【００５９】
具体的には、過去に同じ設定ファイル内で同じ画面モードに対し設定がなされていればその情報に基づき部品画像を配置する。一方、当該画面モードに対する初めての設定であれば、Ｓ３６で設定情報管理部２４が記憶した基準設定情報に基づき部品画像を配置する。基準設定情報に基づき部品画像を配置する場合は、上述のとおり、必要に応じて部品画像の再配置やサイズ変更を行う。
【００６０】
コンテンツ作成者は、このようにして表示された設定画面において、適宜、部品画像の調整を行う（Ｓ４４）。コンテンツ作成者が設定を確定する入力を行うと、設定情報管理部２４は、設定された個別設定情報を、切り替え後の画面モードの識別情報とともに記憶する（Ｓ４６）。共有設定情報のいずれかの項目の設定値が変更された場合は（Ｓ４８）、Ｓ３６で記憶した設定情報のうち共有設定情報を更新する（Ｓ５０）。
【００６１】
コンテンツ作成者がさらに別の画面モードへ切り替える指示入力を行ったら（Ｓ３８のＹ）、Ｓ４０からＳ５０の処理を繰り返す。そしてコンテンツ作成者が全ての画面モードに対する設定を終了し、ＵＩ画面設定ファイルを生成する指示入力を行うと（Ｓ３８のＮ）、設定ファイル生成部１６は、Ｓ３０で指定されたファイル名で最終的なＵＩ画面設定ファイルを生成する（Ｓ５２）。
【００６２】
次に、これまで述べた手法で生成したＵＩ画面設定ファイルを組み入れたコンテンツを実行するための構成について説明する。図８は本実施の形態で生成するＵＩ画面設定ファイルを含むコンテンツを実行する情報処理装置の構成を示している。
【００６３】
情報処理装置１００は、ＵＩ画面設定ファイルを含むコンテンツファイルを格納したコンテンツファイル記憶部１１２、ユーザからのコンテンツ実行に係る入力を受け付ける入力部１０２、情報処理装置１００の画面モードを特定する画面モード特定部１０４、素材画像のデータを格納した素材画像記憶部１１４、画面モードとＵＩ画面設定ファイルとに基づきＵＩ画面を生成するＵＩ画面生成部１０６、コンテンツに係るその他の処理を実行するコンテンツ処理部１０８、および、表示すべき画像を描画し表示する画像表示部１１０を含む。
【００６４】
入力部１０２は、コンテンツの実行開始、終了の指示入力、表示されたＵＩ画面上のＧＵＩの操作など、コンテンツの実行に必要な各種入力をユーザが行うためのインターフェースである。入力部１２は、タッチパネル、ポインティングデバイス、キーボード、ジョイスティックなど一般的な入力装置のいずれかで実現してよい。
【００６５】
画面モード特定部１０４、ＵＩ画面生成部１０６、コンテンツ処理部１０８は演算装置やメモリなどで構成される。画面モード特定部１０４は、情報処理装置１００の画面モードを特定する。例えば情報処理装置１００が内部で記憶する、自らの画面のサイズに係る情報を読み出す。さらに情報処理装置１００の内部に搭載した加速度センサやジャイロセンサの出力値から、横長画面／縦長画面の区別や、ディスプレイ平面の傾斜角度などを取得してもよい。
【００６６】
そしてこれらの情報に基づき、ＵＩ画面設定ファイルで定義されている画面モードのうち１つを選択する。なお画面モードの特定処理は、コンテンツの実行開始時にＵＩ画面を生成するため、ＵＩ画面生成部１０６からの要求に応じて実行するほか、所定の時間間隔で行ってもよい。これにより、ユーザの持ち方や体勢の変化に対応して常に好適なＵＩ画面を表示できる。
【００６７】
ＵＩ画面生成部１０６は、コンテンツファイル記憶部１１２に格納されたＵＩ画面設定ファイルに基づき、素材画像記憶部１１４から読み出した素材画像のデータを用いて部品画像を生成、配置することによりＵＩ画面を生成する。なおコンテンツファイル記憶部１１２におけるＵＩ画面設定ファイルは、ＵＩ画面設定ファイル生成装置１０が生成したプログラムのソースコードを、その他のプログラムとともにコンパイルした状態であってもよい。このときＵＩ画面生成部１０６は、図６で示した手順により、ＵＩ画面を生成するための変数に設定値を代入する処理を行ったうえ、ＵＩ画面生成処理を行う。ＵＩ画面生成処理自体には一般的な技術を適用できる。
【００６８】
ディスプレイの状態が、ＵＩ画面設定ファイルで定義されている画面モードから外れている場合は、画面モード特定部１０４がその旨を通知することにより、ＵＩ画面生成部１０６は、定義されている画面モードの設定情報のいずれかを利用してＵＩ画面を生成する。例えば最も近い状態の画面モードを選択するか、あらかじめ基準とする画面モードを定めておき、その設定情報におけるアンカー情報などに基づき部品画像を配置していく。図３において説明したように、設定画面において新規の画面モードへ切り替えたときと同様の調整を行ってもよい。
【００６９】
コンテンツ処理部１０８は、コンテンツファイル記憶部１１２に格納されたコンテンツのプログラムや各種データを読み出し、ユーザの操作などに従い適宜演算処理を行う。画像表示部１１０は画像を描画する演算装置とディスプレイなどで構成され、ＵＩ画面生成部１０６およびコンテンツ処理部１０８からの要求に従い、表示画像を描画、表示する。
【００７０】
次に上記構成によって実現される動作を説明する。図９は情報処理装置１００においてＵＩ画面を表示する処理手順を示すフローチャートである。まずユーザが入力部１０２を介しコンテンツを選択するなどしてコンテンツ実行開始の指示を入力すると、ＵＩ画面生成部１０６は、画面モード特定部１０４にその段階の画面モードを特定させ、その結果と、ＵＩ画面設定ファイルの情報とに従い、ＵＩ画面を生成する。そして画像表示部１１０が、それを初期ＵＩ画面として表示する（Ｓ６０）。
【００７１】
この初期ＵＩ画面に対しユーザが行った操作などに基づき、コンテンツ処理部１０８は適宜操作を行ってよいが、同図では省略している。またＵＩ画面生成部１０６は、表示中のＧＵＩに対しユーザが行った操作などによってその色を変化させたり、ボタンが押されているように見せたり、各種アニメーション表示を行ったりしてよいが、それらも一般的な技術を適用できるため図示を省略している。
【００７２】
画面モード特定部１０４によって画面モードが途中で変化したことが検知されない間はその状態を維持する（Ｓ６２のＮ）。画面モードが変化したことが検知されたら（Ｓ６２のＹ）、ＵＩ画面生成部１０６は、例えば図６で示した処理手順においてＳ１２からの分岐判定処理のみを再度実行することにより、ＵＩ画面生成に用いる設定値を更新する（Ｓ６４）。そして更新した値でＵＩ画面を生成し、画像表示部１１０に表示させることにより、ＵＩ画面の表示を更新する（Ｓ６６）。
【００７３】
以上述べた本実施の形態によれば、部品画像で構成されるＵＩ画面の設定時に、画面サイズ、横長画面か縦長画面か、ディスプレイ平面の傾斜角度など、ディスプレイの状態を変化させた複数の画面モードを切り替えながら設定可能とする。このとき、色、形、フォントなど所定の項目の設定情報については全ての画面モードで共有する。これにより、画面モードによって変化をつけたい項目については自由度の高い設定ができる一方、共有する項目については、１つの画面モードに対し行った変更が、他の画面モードにも反映される。
【００７４】
例えば色や形の微調整を繰り替えして様子を見ながらデザインを決定したい場合など、微調整した結果を全ての画面モードで容易に確認でき、作業効率を格段に向上させることができる。同時に、画面端からの距離を固定としたり、部品画像の大きさを画面サイズの大きさに比例させたり、といった、画面サイズの変化に対する固定的な規則を設ける場合と比較し、画面モードごとにきめ細かい設定が可能となる。
【００７５】
設定を受け付けるための画面には、画面モードに応じて仮想的なＵＩ画面の領域を表示し、その上で画像を描画するように部品画像を作成、配置できるようにする。このとき、新規の画面モードの設定画面であっても、他の画面モードの設定情報を利用することにより、およそのＵＩ画面を装置側で準備する。これにより、コンテンツ作成者が画面モードごとに部品画像を作成し直す必要がなくなり、多数の画面モードを定義したい場合などは特に、設定作業の負担が軽減される。
【００７６】
複数の画面モードに対する設定情報を同じファイルとして出力することにより、画面モードの数が増加してもファイル数が増加せず、様々な装置や画面モードに対応できる設定ファイルを実現できる。さらにコンテンツ実行時に途中で画面モードが変化しても、新たに別の設定ファイルを読み出すことなく、更新すべき設定値のみ更新することができるため、ＵＩ画面表示時の処理効率も向上する。
【００７７】
以上、本発明を実施の形態をもとに説明した。上記実施の形態は例示であり、それらの各構成要素や各処理プロセスの組合せにいろいろな変形例が可能なこと、またそうした変形例も本発明の範囲にあることは当業者に理解されるところである。
【符号の説明】
【００７８】
１０ ＵＩ画面設定ファイル生成装置、 １２ 入力部、 １４ 設定情報取得部、 １６ 設定ファイル生成部、 １８ 設定画面表示部、 ２０ 素材画像記憶部、 ２２ ＵＩ画面設定ファイル記憶部、 ２４ 設定情報管理部、 ２６ モード切替処理部、 １００ 情報処理装置、 １０２ 入力部、 １０４ 画面モード特定部、 １０６ ＵＩ画面生成部、 １０８ コンテンツ処理部、 １１０ 画像表示部、 １１２ コンテンツファイル記憶部、 １１４ 素材画像記憶部。
【特許請求の範囲】
【請求項１】
コンテンツ実行時にディスプレイに表示する画面の構成を設定した画面設定ファイルを生成する画面設定ファイル生成装置であって、
前記ディスプレイの画面領域を表す仮想的な画面領域を含む設定画面を表示する設定画面表示部と、
前記仮想的な画面領域に部品画像を配置した設定情報の入力をユーザより受け付ける入力部と、
ユーザが指定した、前記ディスプレイの複数の状態に応じて、前記設定画面表示部における設定画面を切り替えるモード切替処理部と、
前記ディスプレイの複数の状態に対しなされた設定情報を統括し、当該複数の状態間で共有される設定情報を含む前記画面設定ファイルを生成して出力する設定ファイル生成部と、
を備えたことを特徴とする画面設定ファイル生成装置。
【請求項２】
前記モード切替処理部は、前記ディスプレイの新規の状態に対する設定画面において、設定済みの状態に対する設定情報に基づき部品画像を配置した前記仮想的な画面領域を表示させることを特徴とする請求項１に記載の画面設定ファイル生成装置。
【請求項３】
前記ディスプレイの１つの状態に対する設定画面に対し、前記複数の状態間で共有される設定情報を更新する入力がなされたら、その他の状態に対する設定画面においても当該更新が反映されるように設定情報を更新する設定情報管理部をさらに備えたことを特徴とする請求項１または２に記載の画面設定ファイル生成装置。
【請求項４】
前記モード切替処理部は、ディスプレイの画面サイズ、横長画面とするか縦長画面とするか、ディスプレイ平面の傾斜角度、の状態変化のうち、いずれか１つまたは２つ以上を組み合わせた状態変化からユーザが指定した複数の状態に応じて、前記設定画面を切り替えることを特徴とする請求項１から３のいずれかに記載の画面設定ファイル生成装置。
【請求項５】
前記設定ファイル生成部は、前記設定情報における設定値を読み込むプログラムのソースコードとして前記画面設定ファイルを生成し、当該プログラムは、前記複数の状態間で共有される設定情報に含まれない項目の設定値の読み込みを、ディスプレイの状態によって分岐させる処理を含むことを特徴とする請求項１から４のいずれかに記載の画面設定ファイル生成装置。
【請求項６】
ディスプレイの１つの状態に対する設定画面に対し、他のディスプレイの状態に対しなされた設定と異なる設定がなされた設定項目は、前記複数の状態間で共有される設定情報から除外して状態ごとの設定情報とする設定情報管理部をさらに備えたことを特徴とする請求項１または２に記載の画面設定ファイル生成装置。
【請求項７】
ディスプレイに表示する画面の構成を設定した設定情報を含むコンテンツを実行する情報処理装置であって、
ディスプレイの所定の項目に係る状態を特定する画面モード特定部と、
前記設定情報のうち、前記画面モード特定部が特定したディスプレイの状態に対し個別に設定された設定情報と、ディスプレイの複数の状態間で共有される設定情報とを参照して画面を生成しディスプレイに表示させる画面生成部と、
を備えたことを特徴とする情報処理装置。
【請求項８】
前記画面モード特定部は、前記ディスプレイの所定の項目に係る状態を所定時間間隔で確認し、
前記画面生成部は、当該状態が変化したら、変化後の状態に対し個別に設定された設定情報のみを参照し直すことにより表示中の画面を更新することを特徴とする請求項７に記載の情報処理装置。
【請求項９】
コンテンツ実行時にディスプレイに表示する画面の構成を設定した画面設定ファイルを生成する装置が行う画面設定ファイル生成方法であって、
前記ディスプレイの画面領域を表す仮想的な画面領域を含む設定画面を表示するステップと、
前記仮想的な画面領域に部品画像を配置した設定情報の入力を入力装置を介してユーザより受け付けるステップと、
ユーザが指定した、前記ディスプレイの複数の状態に応じて、前記設定画面を切り替えるステップと、
前記ディスプレイの複数の状態に対しなされた設定情報を統括し、当該複数の状態間で共有される設定情報を含む前記画面設定ファイルを生成して記憶装置に出力するステップと、
を含むことを特徴とする画面設定ファイル生成方法。
【請求項１０】
ディスプレイに表示する画面の構成を設定した設定情報を含むコンテンツを実行する装置が行う画面表示方法であって、
ディスプレイの所定の項目に係る状態を特定するステップと、
前記設定情報のうち、前記特定するステップにおいて特定したディスプレイの状態に対し個別に設定された設定情報と、ディスプレイの複数の状態間で共有される設定情報とを参照して画面を生成しディスプレイに表示させるステップと、
を含むことを特徴とする画面表示方法。
【請求項１１】
コンテンツ実行時にディスプレイに表示する画面の構成を設定した画面設定ファイルを生成する機能をコンピュータに実現させるコンピュータプログラムであって、
前記ディスプレイの画面領域を表す仮想的な画面領域を含む設定画面を表示する機能と、
前記仮想的な画面領域に部品画像を配置した設定情報の入力を入力装置を介してユーザより受け付ける機能と、
ユーザが指定した、前記ディスプレイの複数の状態に応じて、前記設定画面を切り替える機能と、
前記ディスプレイの複数の状態に対しなされた設定情報を統括し、当該複数の状態間で共有される設定情報を含む前記画面設定ファイルを生成して記憶装置に出力する機能と、
をコンピュータに実現させることを特徴とするコンピュータプログラム。
【請求項１２】
ディスプレイに表示する画面の構成を設定した設定情報を含むコンテンツを実行する機能をコンピュータに実現させるコンピュータプログラムであって、
ディスプレイの所定の項目に係る状態を特定する機能と、
前記設定情報のうち、前記特定する機能が特定したディスプレイの状態に対し個別に設定された設定情報と、ディスプレイの複数の状態間で共有される設定情報とを参照して画面を生成しディスプレイに表示させる機能と、
をコンピュータに実現させることを特徴とするコンピュータプログラム。
【請求項１３】
コンテンツ実行時にディスプレイに表示する画面の構成を設定した画面設定ファイルを生成する機能をコンピュータに実現させるコンピュータプログラムを記録した記録媒体であって、
前記ディスプレイの画面領域を表す仮想的な画面領域を含む設定画面を表示する機能と、
前記仮想的な画面領域に部品画像を配置した設定情報の入力を入力装置を介してユーザより受け付ける機能と、
ユーザが指定した、前記ディスプレイの複数の状態に応じて、前記設定画面を切り替える機能と、
前記ディスプレイの複数の状態に対しなされた設定情報を統括し、当該複数の状態間で共有される設定情報を含む前記画面設定ファイルを生成して記憶装置に出力する機能と、
をコンピュータに実現させるコンピュータプログラムを記録したことを特徴とする記録媒体。
【請求項１４】
ディスプレイに表示する画面の構成を設定した設定情報を含むコンテンツを実行する機能をコンピュータに実現させるコンピュータプログラムを記録した記録媒体であって、
ディスプレイの所定の項目に係る状態を特定する機能と、
前記設定情報のうち、前記特定する機能が特定したディスプレイの状態に対し個別に設定された設定情報と、ディスプレイの複数の状態間で共有される設定情報とを参照して画面を生成しディスプレイに表示させる機能と、
をコンピュータに実現させるコンピュータプログラムを記録したことを特徴とする記録媒体。
【請求項１５】
コンテンツ実行時にディスプレイに表示する画面の構成を設定した画面設定ファイルのデータ構造であって、
前記ディスプレイの複数の状態のそれぞれに対し設定された個別設定情報と、前記複数の状態間で共有される共有設定情報とを対応づけ、
前記画面設定ファイルを生成する装置において、ユーザが指定した前記ディスプレイの状態によって、前記ディスプレイの画面領域を表す仮想的な画面領域を含む設定画面を切り替えて表示するために参照されることを特徴とする画面設定ファイルのデータ構造。
【請求項１】
コンテンツ実行時にディスプレイに表示する画面の構成を設定した画面設定ファイルを生成する画面設定ファイル生成装置であって、
前記ディスプレイの画面領域を表す仮想的な画面領域を含む設定画面を表示する設定画面表示部と、
前記仮想的な画面領域に部品画像を配置した設定情報の入力をユーザより受け付ける入力部と、
ユーザが指定した、前記ディスプレイの複数の状態に応じて、前記設定画面表示部における設定画面を切り替えるモード切替処理部と、
前記ディスプレイの複数の状態に対しなされた設定情報を統括し、当該複数の状態間で共有される設定情報を含む前記画面設定ファイルを生成して出力する設定ファイル生成部と、
を備えたことを特徴とする画面設定ファイル生成装置。
【請求項２】
前記モード切替処理部は、前記ディスプレイの新規の状態に対する設定画面において、設定済みの状態に対する設定情報に基づき部品画像を配置した前記仮想的な画面領域を表示させることを特徴とする請求項１に記載の画面設定ファイル生成装置。
【請求項３】
前記ディスプレイの１つの状態に対する設定画面に対し、前記複数の状態間で共有される設定情報を更新する入力がなされたら、その他の状態に対する設定画面においても当該更新が反映されるように設定情報を更新する設定情報管理部をさらに備えたことを特徴とする請求項１または２に記載の画面設定ファイル生成装置。
【請求項４】
前記モード切替処理部は、ディスプレイの画面サイズ、横長画面とするか縦長画面とするか、ディスプレイ平面の傾斜角度、の状態変化のうち、いずれか１つまたは２つ以上を組み合わせた状態変化からユーザが指定した複数の状態に応じて、前記設定画面を切り替えることを特徴とする請求項１から３のいずれかに記載の画面設定ファイル生成装置。
【請求項５】
前記設定ファイル生成部は、前記設定情報における設定値を読み込むプログラムのソースコードとして前記画面設定ファイルを生成し、当該プログラムは、前記複数の状態間で共有される設定情報に含まれない項目の設定値の読み込みを、ディスプレイの状態によって分岐させる処理を含むことを特徴とする請求項１から４のいずれかに記載の画面設定ファイル生成装置。
【請求項６】
ディスプレイの１つの状態に対する設定画面に対し、他のディスプレイの状態に対しなされた設定と異なる設定がなされた設定項目は、前記複数の状態間で共有される設定情報から除外して状態ごとの設定情報とする設定情報管理部をさらに備えたことを特徴とする請求項１または２に記載の画面設定ファイル生成装置。
【請求項７】
ディスプレイに表示する画面の構成を設定した設定情報を含むコンテンツを実行する情報処理装置であって、
ディスプレイの所定の項目に係る状態を特定する画面モード特定部と、
前記設定情報のうち、前記画面モード特定部が特定したディスプレイの状態に対し個別に設定された設定情報と、ディスプレイの複数の状態間で共有される設定情報とを参照して画面を生成しディスプレイに表示させる画面生成部と、
を備えたことを特徴とする情報処理装置。
【請求項８】
前記画面モード特定部は、前記ディスプレイの所定の項目に係る状態を所定時間間隔で確認し、
前記画面生成部は、当該状態が変化したら、変化後の状態に対し個別に設定された設定情報のみを参照し直すことにより表示中の画面を更新することを特徴とする請求項７に記載の情報処理装置。
【請求項９】
コンテンツ実行時にディスプレイに表示する画面の構成を設定した画面設定ファイルを生成する装置が行う画面設定ファイル生成方法であって、
前記ディスプレイの画面領域を表す仮想的な画面領域を含む設定画面を表示するステップと、
前記仮想的な画面領域に部品画像を配置した設定情報の入力を入力装置を介してユーザより受け付けるステップと、
ユーザが指定した、前記ディスプレイの複数の状態に応じて、前記設定画面を切り替えるステップと、
前記ディスプレイの複数の状態に対しなされた設定情報を統括し、当該複数の状態間で共有される設定情報を含む前記画面設定ファイルを生成して記憶装置に出力するステップと、
を含むことを特徴とする画面設定ファイル生成方法。
【請求項１０】
ディスプレイに表示する画面の構成を設定した設定情報を含むコンテンツを実行する装置が行う画面表示方法であって、
ディスプレイの所定の項目に係る状態を特定するステップと、
前記設定情報のうち、前記特定するステップにおいて特定したディスプレイの状態に対し個別に設定された設定情報と、ディスプレイの複数の状態間で共有される設定情報とを参照して画面を生成しディスプレイに表示させるステップと、
を含むことを特徴とする画面表示方法。
【請求項１１】
コンテンツ実行時にディスプレイに表示する画面の構成を設定した画面設定ファイルを生成する機能をコンピュータに実現させるコンピュータプログラムであって、
前記ディスプレイの画面領域を表す仮想的な画面領域を含む設定画面を表示する機能と、
前記仮想的な画面領域に部品画像を配置した設定情報の入力を入力装置を介してユーザより受け付ける機能と、
ユーザが指定した、前記ディスプレイの複数の状態に応じて、前記設定画面を切り替える機能と、
前記ディスプレイの複数の状態に対しなされた設定情報を統括し、当該複数の状態間で共有される設定情報を含む前記画面設定ファイルを生成して記憶装置に出力する機能と、
をコンピュータに実現させることを特徴とするコンピュータプログラム。
【請求項１２】
ディスプレイに表示する画面の構成を設定した設定情報を含むコンテンツを実行する機能をコンピュータに実現させるコンピュータプログラムであって、
ディスプレイの所定の項目に係る状態を特定する機能と、
前記設定情報のうち、前記特定する機能が特定したディスプレイの状態に対し個別に設定された設定情報と、ディスプレイの複数の状態間で共有される設定情報とを参照して画面を生成しディスプレイに表示させる機能と、
をコンピュータに実現させることを特徴とするコンピュータプログラム。
【請求項１３】
コンテンツ実行時にディスプレイに表示する画面の構成を設定した画面設定ファイルを生成する機能をコンピュータに実現させるコンピュータプログラムを記録した記録媒体であって、
前記ディスプレイの画面領域を表す仮想的な画面領域を含む設定画面を表示する機能と、
前記仮想的な画面領域に部品画像を配置した設定情報の入力を入力装置を介してユーザより受け付ける機能と、
ユーザが指定した、前記ディスプレイの複数の状態に応じて、前記設定画面を切り替える機能と、
前記ディスプレイの複数の状態に対しなされた設定情報を統括し、当該複数の状態間で共有される設定情報を含む前記画面設定ファイルを生成して記憶装置に出力する機能と、
をコンピュータに実現させるコンピュータプログラムを記録したことを特徴とする記録媒体。
【請求項１４】
ディスプレイに表示する画面の構成を設定した設定情報を含むコンテンツを実行する機能をコンピュータに実現させるコンピュータプログラムを記録した記録媒体であって、
ディスプレイの所定の項目に係る状態を特定する機能と、
前記設定情報のうち、前記特定する機能が特定したディスプレイの状態に対し個別に設定された設定情報と、ディスプレイの複数の状態間で共有される設定情報とを参照して画面を生成しディスプレイに表示させる機能と、
をコンピュータに実現させるコンピュータプログラムを記録したことを特徴とする記録媒体。
【請求項１５】
コンテンツ実行時にディスプレイに表示する画面の構成を設定した画面設定ファイルのデータ構造であって、
前記ディスプレイの複数の状態のそれぞれに対し設定された個別設定情報と、前記複数の状態間で共有される共有設定情報とを対応づけ、
前記画面設定ファイルを生成する装置において、ユーザが指定した前記ディスプレイの状態によって、前記ディスプレイの画面領域を表す仮想的な画面領域を含む設定画面を切り替えて表示するために参照されることを特徴とする画面設定ファイルのデータ構造。
【図１】
【図２】
【図３】
【図４】
【図５】
【図６】
【図７】
【図８】
【図９】
【図２】
【図３】
【図４】
【図５】
【図６】
【図７】
【図８】
【図９】
【公開番号】特開２０１３−１１４４２４（Ｐ２０１３−１１４４２４Ａ）
【公開日】平成２５年６月１０日（２０１３．６．１０）
【国際特許分類】
【出願番号】特願２０１１−２５９５６０（Ｐ２０１１−２５９５６０）
【出願日】平成２３年１１月２８日（２０１１．１１．２８）
【出願人】（３１００２１７６６）株式会社ソニー・コンピュータエンタテインメント (417)
【Ｆターム（参考）】
【公開日】平成２５年６月１０日（２０１３．６．１０）
【国際特許分類】
【出願日】平成２３年１１月２８日（２０１１．１１．２８）
【出願人】（３１００２１７６６）株式会社ソニー・コンピュータエンタテインメント (417)
【Ｆターム（参考）】
[ Back to top ]