JP7490472B2

JP7490472B2 - 情報処理装置、情報処理方法およびプログラム

Info

Publication number: JP7490472B2
Application number: JP2020116594A
Authority: JP
Inventors: 睦池田
Original assignee: Canon Inc
Current assignee: Canon Inc
Priority date: 2020-07-06
Filing date: 2020-07-06
Publication date: 2024-05-27
Anticipated expiration: 2040-07-06
Also published as: US11947895B2; JP2022014321A; US20220004698A1

Description

本発明は、Ｗｅｂページを表示するための処理に関する。

現在、Ｗｅｂブラウザ（以下、ブラウザ）を搭載し、そのブラウザ上でＷｅｂページを閲覧できる機能を有する装置が普及している。またブラウザと同等の機能を持ち、装置上のアプリケーションを構成する要素として利用可能なＷｅｂＶｉｅｗと呼ばれるＧＵＩ部品（ＧＵＩコンポーネント）がある。ＷｅｂＶｉｅｗは、アプリケーション内でＷｅｂページを表示できる機能のことである。装置上のアプリケーションは、このＷｅｂＶｉｅｗを利用してアプリケーション画面上でブラウザと同等の表現や機能を実現できる。

他方で、Ｗｅｂページの表現方法として、外部サーバに格納された外部フォントを利用するＷｅｂフォントと呼ばれる仕組みがある。ここで外部フォントとは、Ｗｅｂフォントの仕組みで利用するために外部サーバ上に配置されたフォントを指す。

ＷｅｂフォントはＣＳＳＦｏｎｔｓＭｏｄｕｌｅＬｅｖｅｌ３標準仕様で策定された技術である。なお、ＣＳＳはＣａｓｃａｄｉｎｇＳｔｙｌｅＳｈｅｅｔｓの略であり、ＣＳＳは、Ｗｅｂページの装飾・スタイルを指定するスタイルシートの仕様である。

特許文献１において、アプリケーション画面において、ＷｅｂＶｉｅｗ以外のＧＵＩ部品にも外部フォントを適用する方法が提案されている。

特開２０１８－１４６０３号公報

特許文献１では、ＷｅｂＶｉｅｗでＷｅｂフォントの仕組みを利用した場合、ＷｅｂＶｉｅｗ以外のＧＵＩ部品にその外部フォントを適用することで、アプリケーション内の各部品のフォントを統一していた。

しかしながら、特許文献１では、ＷｅｂＶｉｅｗで複数種類の外部フォントを利用する場合が想定されておらず、ＷｅｂＶｉｅｗ以外のＧＵＩ部品に複数種類の外部フォントから適切な外部フォントを選択する点において改善の余地がある。

上述した課題を鑑み、本発明に係る情報処理装置は、Ｗｅｂページを表示させるための第１のコンポーネントにおける複数の外部フォントの使用形態に基づいて、第２のコンポーネントで使用する外部フォントを選択する。

本発明に係る情報処理装置は、Ｗｅｂページを表示させるための第１のコンポーネントと、前記第１のコンポーネントとは異なる第２のコンポーネントとが含まれるアプリケーションを実行する情報処理装置であって、
前記第１のコンポーネントで表示されるＷｅｂページにおいて、外部から取得される外部フォントであって、複数の外部フォントの使用が規定されている場合、前記第２のコンポーネントにおいて使用するフォントを、当該Ｗｅｂページにおける前記複数の外部フォントそれぞれの使用態様に基づいて、前記複数の外部フォントから選択する選択手段と、
前記選択手段により選択された前記外部フォントを用いて前記第２のコンポーネントにおける描画を行う描画手段と、
を有することを特徴とする。

本発明によれば、Ｗｅｂページを表示させるための第１のコンポーネントにおける複数の外部フォントの使用形態に基づいて、第２のコンポーネントで使用する外部フォントを選択することができる。

情報処理装置のハードウェア構成を示す図である。情報処理装置の機能構成を示す図である。情報処理装置の処理の流れを示したフローチャートである。ＣＳＳによりＷｅｂフォントがＨＴＭＬ要素に適用される場合のコード例と描画例とを示す図である。装飾情報と係数との関係の一例を示す図である。本実施形態によるアプリケーションの表示例である。変形例１の処理の流れを示したフローチャートである。変形例１によるアプリケーションの表示例である。変形例２の処理の流れを示したフローチャートである。変形例２によるアプリケーションの表示例である。変形例２－２の処理の流れを示したフローチャートである。変形例２－２によるアプリケーションを起動するためのアイコンとの説明文を示す図である。

以下、本発明の実施形態について、図面を参照して説明する。なお、以下の実施の形態は特許請求の範囲に関る本発明を限定するものではなく、また、本実施形態の形態で説明されている特徴の組み合わせの全てが本発明の解決手段に必須のものとは限らない。なお、同一な構成については、同じ符号を付して説明する。

本実施形態では、Ｗｅｂページが利用する外部フォントの中からＷｅｂＶｉｅｗ以外のＧＵＩ部品が利用する外部フォントを、ＷｅｂＶｉｅｗにおける外部フォント（Ｗｅｂフォント）の使用態様に基づいて適切に選択する。なお、ＧＵＩ部品（ＧＵＩコンポーネント）とは、ボタン、テキストボックスやウィンドウなどＧＵＩ（グラフィカルインターフェース）において画面を構成する部品である。ＧＵＩ部品は、ウィジェットとも呼ばれる。

本実施形態に係る情報処理装置１００のハードウェア構成について、図１を参照して説明する。図１において、１０１は情報処理装置１００全体を制御するＣｅｎｔｒａｌＰｒｏｃｅｓｓｉｎｇＵｎｉｔ（ＣＰＵ）である。１０２は変更を必要としないプログラムやパラメータを格納するＲｅａｄＯｎｌｙＭｅｍｏｒｙ（ＲＯＭ）である。１０３は外部装置などから供給されるプログラムやデータを一時記憶するＲａｎｄｏｍＡｃｃｅｓｓＭｅｍｏｒｙ（ＲＡＭ）である。

１０４は保持するデータや供給されたデータを表示するためのインタフェースである。１０５は１０１～１０４の各ユニットを通信可能に接続するシステムバスである。ユーザからの操作を受けてデータを入力するマウスなどのポインティングデバイスやキーボードなどの入力デバイスとのインタフェース等があってもよい。

また情報処理装置１００にハードディスクなどの記憶装置を別途設けてもよい。あるいは情報処理装置１００から着脱可能なフレキシブルディスク（ＦＤ）やＣｏｍｐａｃｔＤｉｓｋ（ＣＤ）等の光ディスク、磁気や光カード、ＩＣカード、メモリカードなどを含む外部記憶装置等があってもよい。さらにインターネットなどのネットワーク回線に接続するためのネットワークインターフェイス等があってもよい。

情報処理装置１００の機能構成について、図２を参照して説明する。以降に示す機能構成は、ＣＰＵ１０１がＲＯＭ１０２や外部記憶装置に記憶されるプログラムを読み込み実行することにより情報の演算および加工、各ハードウェアの制御を行うことで実現される。なお、各機能構成をＡＳＩＣやＦＰＧＡなどのハードウェアにより実現してもよい。

図２において、解釈部２０２は、Ｗｅｂページ２０１を解析し、さらに実行する。ここで、解釈部２０２の利用形態は、ＷｅｂＶｉｅｗでもよいし、ブラウザアプリケーションでもよい。なお、Ｗｅｂページ２０１は外部サーバから送られてくるデータであっても良いし、装置上に保存されているデータであってもよい。

適用要素取得部２０３は解釈部２０２がＷｅｂページ２０１を解析した情報をもとに、Ｗｅｂフォントが適用されたＨＴＭＬ要素を取得する。表示サイズ算出部２０４は、適用要素取得部２０３から得られたＨＴＭＬ要素を基に、Ｗｅｂフォントが適用された文字列の表示サイズを算出する。装飾情報取得部２０５は、適用要素取得部２０３から得られたＨＴＭＬ要素を基に、ＨＴＭＬ要素に施された装飾情報を取得する。印象度算出部２０６は、ＷｅｂＶｉｅｗなどにより表示されるＷｅｂページにおけるＷｅｂフォントの使用態様に基づいて、Ｗｅｂページを表示しないＧＵＩ部品に適用するＷｅｂフォントを選択するための情報である印象度を算出する。印象度算出部２０６は、表示サイズ算出部２０４で得られた表示サイズと、２０５で得られた装飾情報をもとに印象度を算出する。なお、印象度とは、ＷｅｂページにおけるＷｅｂフォントの使用態様が印象的かどうかの度合いを示すものである。外部フォント通知部２０７は、印象度算出部２０６の結果をもとに、ＷｅｂＶｉｅｗ以外のＧＵＩ部品に外部フォントを通知する。

図３は本実施形態の情報処理装置１００の処理の流れを示すフローチャートである。なお、図３および以降で示すフローチャートにおける各ステップの処理は、ＣＰＵ１０１がＲＯＭ１０２や外部記憶装置に記憶されるプログラムを読み込み実行することにより情報の演算や加工および各ハードウェアの制御を行うことで実現される。なお、図４および以降に示すフローチャートにおける各ステップの処理の一部ないし全部を一つまたは複数のＡＳＩＣやＦＰＧＡなどのハードウェアにより実現する構成としてもよい。図３に示すフローチャートは、Ｗｅｂページを表示させるためのＧＵＩ部品と、Ｗｅｂページを表示せず、Ｗｅｂページ以外のコンテンツを表示するためのＧＵＩ部品とが含まれるアプリケーションを情報処理装置１００が実行する際に開始される。

まず、情報処理装置１００は、解釈部２０２にて、Ｗｅｂページを表示させるためのＧＵＩ部品で表示されるＷｅｂページ２０１を読み込む（Ｓ３０１）。ここで、Ｗｅｂページ２０１はＨＴＭＬ文書、ＪａｖａＳｃｒｉｐｔ（登録商標）、ＣＳＳファイル、外部フォント、画像などを含む。

続いて、解釈部２０２は、Ｗｅｂページ２０１のＨＴＭＬ文書の上から順にＨＴＭＬ要素を解析する（Ｓ３０２）。次に、情報処理装置１００は、ＣＳＳによってＷｅｂフォントが適用された要素があるか否か判断する（Ｓ３０３）。なお、Ｗｅｂフォントは、外部サーバ上に配置され、情報処理装置１００が標準として対応している標準フォントとは異なるフォントを指す。また、情報処理装置１００は、Ｓ３０３において、Ｗｅｂページ２０１に規定されるＷｅｂフォントの種類の数を判定し、その数が複数であれば、Ｓ３０４に処理を進める構成としてもよい。Ｗｅｂページ２０１に規定されるＷｅｂフォントの種類の数が一つであれば以降の処理を省略し、そのＷｅｂフォントを、Ｗｅｂページを表示せず、Ｗｅｂページ以外のコンテンツを表示するためのＧＵＩ部品に提供するフォントとして決定してもよい。

Ｓ３０３の結果、Ｗｅｂフォントが適用されたＨＴＭＬ要素だった場合、情報処理装置１００は、適用要素取得部２０３にて、そのＨＴＭＬ要素を取得する（Ｓ３０４）。一方で、Ｓ３０３の結果、Ｗｅｂフォントが適用されたＨＴＭＬ要素でなかった場合、情報処理装置１００は、次のＨＴＭＬ要素を解析する。

ここで、ＣＳＳによりＷｅｂフォントがＨＴＭＬ要素に適用された例を図４に示す。図４は新年初売りイベントの告知ページの例である。図４（Ａ）に、コードの記載例を示す。図４（Ａ）に示す記載例では、ＨＴＭＬ要素に対する装飾を指定するｓｔｙｌｅ要素が１個、Ｗｅｂページ上に文字列を表示するｄｉｖ要素が５個ある。なお、ｄｉｖは、要素をブロックレベル要素としてグループ化することができるタグである。ｉｄがｓｕｂとなっているｄｉｖ要素が、ヘッダ領域とフッタ領域を意味する。一方で、ｉｄがｍａｉｎとなっているｄｉｖ要素で囲まれた箇所が、本文領域を意味する。図４（Ａ）をブラウザアプリケーションで描画すると、図４（Ｂ）のような見た目になる。図４（Ｂ）を見て分かる通り、ヘッダ領域とフッタ領域よりも、本文領域の方が、印象が強い。

図４（Ａ）のｓｔｙｌｅ要素の記述を見ると、ｉｄがｓｕｂの要素に対して、ｆｏｎｔ－ｆａｍｉｌｙをＳｕｂＦｏｎｔと指定している。またｉｄがｍａｉｎの要素に対して、ｆｏｎｔ－ｆａｍｉｌｙをＭａｉｎＦｏｎｔと指定している。これらのｆｏｎｔ－ｆａｍｉｌｙは、＠ｆｏｎｔ－ｆａｃｅの記述により、それぞれ外部フォントとして、ｓｕｂ．ｔｔｆとｍａｉｎ．ｔｔｆが指定されている。図４（Ａ）に記載のＷｅｂページを解析すると、Ｓ３０３の結果、本実施形態では全てのｄｉｖ要素が、Ｗｅｂフォントが適用されたＨＴＭＬ要素と判断される。

続いて、情報処理装置１００は、表示サイズ算出部２０４にて、Ｓ３０４で取得したＨＴＭＬ要素である文字列の表示サイズを算出する（Ｓ３０５）。本実施形態では、表示サイズの算出には、文字サイズと文字数の積を利用する。図４（Ａ）の例で表示サイズを算出すると、最初のｄｉｖ要素の文字サイズは１０ｐｘであり、文字数は空白文字を含めて１５文字である。よって、表示サイズは１０×１５＝１５０と算出される。一方で、２つ目のｄｉｖ要素の文字サイズは２４ｐｘであり、文字数は子要素のｄｉｖ要素の文字数を合計すると４０文字である。よって、表示サイズは２４×４０＝９６０となる。

なお、上述した表示サイズの算出方法は、一例であり、これ以外の算出方法であっても良い。例えば、表示サイズを領域の面積を求める構成としてもよい。また解釈部２０２が内部メモリに表示サイズを保持している場合、それを取得しても良い。

続いて、情報処理装置１００は、装飾情報取得部２０５にて、Ｓ３０４で取得したＨＴＭＬ要素である文字列に施された装飾情報を取得する（Ｓ３０６）。図４（Ａ）の例で示すと、最初のｄｉｖ要素には装飾情報がなく、２つ目のｄｉｖ要素には、ｆｏｎｔ－ｗｅｉｇｈｔ：ｂｏｌｄ；が指定されている。ｆｏｎｔ－ｗｅｉｇｈｔ：ｂｏｌｄ；は太字を示すため、装飾情報として太字が取得される。装飾情報取得部２０５が取得する装飾情報の一例としては、下線、太字、文字色、文字の背景色、アニメーションなどである。

続いて、情報処理装置１００は、解釈部２０２にて、ＨＴＭＬ要素の解析が終了したか否か判断する（Ｓ３０７）。Ｓ３０７の判断の結果、解析が終了していない場合、処理をＳ３０２に移す。一方で、解析が終了した場合、情報処理装置１００は、印象度算出部２０６にて、外部フォントごとに印象度を算出する（Ｓ３０８）。印象度は表示サイズと装飾情報による係数の積を利用する。また外部フォントを指定されたＨＴＭＬ要素が複数存在する場合、外部フォントごとにそれぞれの印象度を合算する。なお、同一の外部フォントが指定されたＨＴＭＬ要素が複数存在する場合、これらのうち最も高い印象度を当該外部フォントの印象度とする構成としてもよい。

ここで、装飾情報ごとの係数を図５に示す。例えば、図５で太字は係数が１．２である。よって、ＨＴＭＬ要素にｆｏｎｔ－ｗｅｉｇｈｔ：ｂｏｌｄ；が指定された場合、係数が１．２となる。ＨＴＭＬ要素に指定できる装飾情報には表示位置、太字、文字の色、文字の背景色、アニメーションなどがある。これらの情報を選択的に印象度の算出に用いても良い。また、装飾情報の内容によって係数を変えてもよい。例えば、文字色が赤色の場合、係数を１．５とし、青色の場合は、係数を１．４とするように、装飾情報の種別のみならず、装飾情報の内容に応じて係数を変えてもよい。また、一つの要素に複数の装飾情報が規定されていた場合、これらの係数をそれぞれ乗じた値を、印象度の算出に用いてもよいし、複数の装飾情報の係数のうち最も大きい値を印象度の算出に用いてもよい。

図４（Ａ）の例で印象度を算出すると、外部フォントであるｓｕｂ．ｔｔｆが指定されている最初のｄｉｖ要素の印象度は、表示サイズが１５０であり装飾情報はないため、印象度は１５０×１．０＝１５０となる。さらに最後のｄｉｖ要素にもｓｕｂ．ｔｔｆが指定されており、表示サイズが１５０であり装飾情報はないため、印象度は１５０×１．０＝１５０となる。ｓｕｂ．ｔｔｆの印象度はこれらの合計で１５０×２＝３００となる。

一方で、ｉｄがｍａｉｎに指定され、外部フォントであるｍａｉｎ．ｔｔｆが指定されている２つ目のｄｉｖ要素は装飾情報としてｆｏｎｔ－ｗｅｉｇｈｔ：ｂｏｌｄ；（太字）が指定されているので、係数は１．２となる。よってｍａｉｎ．ｔｔｆの印象度は表示サイズと装飾情報による係数の積で、９６０×１．２＝１１５２となる。

続いて、情報処理装置１００は、外部フォント通知部２０７にて、ＷｅｂＶｉｅｗ以外のＧＵＩ部品に通知する外部フォントを決定する（Ｓ３０９）。図４（Ａ）の例で判断すると、ｓｕｂ．ｔｔｆの印象度は３００であり、ｍａｉｎ．ｔｔｆの印象度が１１５２であるため、ｍａｉｎ．ｔｔｆをＷｅｂＶｉｅｗ以外のＧＵＩ部品に通知する。

情報処理装置１００は、外部フォント通知部２０７にて通知した外部フォントをＷｅｂＶｉｅｗ以外のＧＵＩ部品にも適用して描画し、アプリケーションの画面を表示させる。

ここで、本実施形態を適用した場合の表示例を、図６を用いて示す。図６（Ｂ）は本実施形態を適用した場合の表示例である。６１２はＷｅｂＶｉｅｗであり、６１３～６１５はＷｅｂＶｉｅｗ以外のＧＵＩ部品である。６１２に表示されたＷｅｂページは図４のＷｅｂページと同じである。本実施形態を適用した場合、ＷｅｂＶｉｅｗ６１２の中で、印象度が高く、最も見た目の印象が強いと考えられる本文領域の外部フォント（ｍａｉｎ．ｔｔｆ）が６１３～６１５に適用される。

このように、複数のＷｅｂフォントを利用するＷｅｂＶｉｅｗを含むアプリケーションにおいて、印象度が高いＷｅｂフォントをＷｅｂＶｉｅｗ以外のＧＵＩ部品にも適用する。これにより、アプリケーションにおいて、ＷｅｂＶｉｅｗでは、Ｗｅｂフォントが使われ、ＷｅｂＶｉｅｗ以外では、標準フォントが使用されるということがなくなり、統一感を向上させることができる。また、複数のＷｅｂフォントのうち、表示サイズや装飾により注目すべき領域にある文字に適用されているＷｅｂフォントをＷｅｂＶｉｅｗ以外のＧＵＩ部品にも適用するため、Ｗｅｂページのデザインの意図をアプリケーション全体で維持することが可能となる。

なお、上述の説明において、Ｗｅｂフォントの使用態様として表示サイズと装飾情報とを併用して、複数のＷｅｂフォントのうち、ＷｅｂＶｉｅｗ以外のＧＵＩ部品に適用するフォントを決定する構成としたが、これに限られず他の使用態様を用いてもよい。例えば、表示サイズまたは装飾情報のうちのいずれか一方のみを用いて、複数のＷｅｂフォントのうち、ＷｅｂＶｉｅｗ以外のＧＵＩ部品に適用するフォントを決定する構成としてよい。

また、例えば、表示サイズおよび装飾情報以外の情報を用いて複数のＷｅｂフォントのうち、ＷｅｂＶｉｅｗ以外のＧＵＩ部品に適用するフォントを決定する構成としてよい。例えば、コード上で初めに記載されたＷｅｂフォントを、ＷｅｂＶｉｅｗ以外のＧＵＩ部品に適用するフォントを決定する構成としてよい。

図６（Ａ）は、コード上で初めに記載されたＷｅｂフォントを、ＷｅｂＶｉｅｗ以外のＧＵＩ部品に適用するフォントとした場合の表示例である。図６（Ａ）において、６０１はＷｅｂＶｉｅｗを利用したアプリケーションである。６０２はＷｅｂＶｉｅｗであり、６０３～６０５はＷｅｂＶｉｅｗ以外のＧＵＩ部品である。６０２に表示されたＷｅｂページは図４のＷｅｂページと同じである。ＷｅｂＶｉｅｗ６０２に表示されるＷｅｂページの先頭はヘッダ領域であるあるため、ヘッダ領域で利用される外部フォントが６０３～６０５に適用される。

本実施形態によれば、アプリケーションのＧＵＩ部品であるＷｅｂＶｉｅｗにおいて複数の外部フォントが使用される場合、ＷｅｂＶｉｅｗにおけるＷｅｂフォントの使用態様に基づいて選択した外部フォントを、他のＧＵＩ部品に適用することができる。具体的には、本実施形態では、ＷｅｂＶｉｅｗにおいて使用される複数の外部フォントのうち、表示サイズが大きいまたは／および装飾されているような見た目の印象が強い領域の外部フォントを他のＧＵＩ部品に適用する。このようにすることで、複数の外部フォントを使用するＷｅｂＶｉｅｗと他のＧＵＩ部品により構成されるアプリケーションであっても、適切な外部フォントを他のＧＵＩ部品に適用され、アプリケーション全体で統一感を向上させることができる。

＜変形例１＞
変形例１では、ＷｅｂＶｉｅｗ以外のＧＵＩ部品が利用する外部フォントに、Ｗｅｂページが利用する外部フォントの中から、ＷｅｂＶｉｅｗ以外のＧＵＩ部品にそれぞれ異なる外部フォントを選択する。具体的には、Ｗｅｂページが利用する外部フォントと、ＷｅｂＶｉｅｗ以外のＧＵＩ部品を、それぞれ印象度の大きい順に並べ、外部フォントが同一順位の部品に適用されるようにする。

図７は、変形例１における処理の流れを示すフローチャートである。図７において、図４と同じ処理を行うステップについては、図４と同一の符号を付している。図７においてＳ３０１～Ｓ３０８の処理は、図４で説明した処理と同様のため、その詳細な説明は省略する。

変形例１では、Ｓ３０８で印象度を算出した後、情報処理装置１００は、ＷｅｂＶｉｅｗ以外のＧＵＩ部品の印象度を算出する（Ｓ７０１）。ここで、印象度の算出方法は、上述した方法と同様として説明を行うが、別の算出方法を用いても良い。

図６を例に、ＧＵＩ部品の印象度の算出について説明すると、ＧＵＩ部品６０３に表示される文字列の文字数は７文字で、フォントサイズは１０ｐｘなので、ＧＵＩ部品６０３の印象度は７×１０＝７０となる。ＧＵＩ部品６０４も同様に計算すると印象度は７０である。またＧＵＩ部品６０５に表示される文字列の文字数は２３文字であり、フォントサイズは１６ｐｘなので、ＧＵＩ部品の印象度は２３×１６＝３６８となる。よって、印象度が高い順に並べると、ＧＵＩ部品６０５、ＧＵＩ部品６０３、ＧＵＩ部品６０４の順となる。

続いて、情報処理装置１００は、外部フォント通知部２０７にて、ＷｅｂＶｉｅｗ以外のＧＵＩ部品に対して、個別に外部フォントを通知する（Ｓ７０２）。図４（Ａ）の例で判断すると、ｓｕｂ．ｔｔｆの印象度は３００であり、ｍａｉｎ．ｔｔｆの印象度が８０６．４であるため、６０３と６０４にｓｕｂ．ｔｔｆを通知し、６０５にｍａｉｎ．ｔｔｆを通知する。

なお、６０３と６０４の印象度が仮に異なる場合、６０３にｓｕｂ．ｔｔｆを適用してもｍａｉｎ．ｔｔｆを適用してもよい。即ち、Ｗｅｂフォントの数とＷｅｂＶｉｅｗ以外のＧＵＩ部品の数が相違したり、ＷｅｂＶｉｅｗ以外のＧＵＩ部品の印象度がそれぞれ同じ値ではなかったりする場合、一つのＷｅｂフォントを複数のＧＵＩ部品に適用してもよい。また、Ｗｅｂフォントの数とＷｅｂＶｉｅｗ以外のＧＵＩ部品の数が相違したり、ＷｅｂＶｉｅｗ以外のＧＵＩ部品の印象度がそれぞれ同じ値ではなかったりする場合、ＷｅｂＶｉｅｗ以外のＧＵＩ部品に適用しないＷｅｂフォントがあってもよい。

ここで、変形例１によるＷｅｂＶｉｅｗを利用したアプリケーションの表示例を、図８を用いて示す。図８（Ａ）は、図６（Ｂ）と同一である。図８（Ｂ）は変形例１を適用した場合の表示例である。図８（Ａ）と図８（Ｂ）の違いは、６１３と６１４の外部フォントがｍａｉｎ．ｔｔｆであるのに対して、８１３と８１４の外部フォントがｓｕｂ．ｔｔｆとなっている。

本変形例によれば、ＷｅｂＶｉｅｗで表示するＷｅｂページの外部フォントと、ＷｅｂＶｉｅｗ以外のＧＵＩ部品の外部フォントの印象度を合わせることにより、視覚的な印象の強さに合わせた外部フォントの指定が可能となる。

また、本変形例によれば、ＷｅｂＶｉｅｗとＷｅｂページを表示しない複数のＧＵＩ部品とが含まれるアプリケーションにおいて、Ｗｅｂページを表示しない複数のＧＵＩ部品それぞれに、互いに異なり、より適した外部フォントを適用することが可能となる。

なお、ＧＵＩ部品ごとに適用するＷｅｂフォントを選択する構成としたが、ＧＵＩ部品内のＨＴＭＬ要素ごとに適用するＷｅｂフォントを選択する構成としてもよい。

＜変形例２＞
変形例２では、ブラウザアプリケーションのタブに表示するタイトル文字列に適用するフォントを外部フォントにする。

図９は本変形例２の処理の流れを示すフローチャートである。変形例２ではまず、情報処理装置１００は、ブラウザアプリケーションを起動する（Ｓ９０１）。続いて、情報処理装置１００は、Ｗｅｂページを解析していないタブがあるか判断する（Ｓ９０２）。判断の結果、解析していないタブがない場合、処理を終了する。一方で解析していないタブがある場合、処理をＳ３０１に移す。その後、Ｓ３０９までの処理を実施する。続いて、情報処理装置１００は、タブタイトルのフォントにＳ３０９で選択された外部フォントを指定する（Ｓ９０３）。その後、処理をＳ９０２に移す。

図１０は変形例２を適用した場合のブラウザアプリケーションの見た目である。１００１～１００３はブラウザアプリケーションのタブである。１００１と１００３は色が同一であるが、１００２は色が異なる。これは１００２がユーザによって選択された事を示す。１００４はＷｅｂページであり、１００５はＷｅｂページの中でＷｅｂフォントを適用されたＨＴＭＬ要素のセットである。１００５は図４（Ａ）と同一の構成とする。

１００５の中で最も印象度の高い部品に指定された外部フォントはｍａｉｎ．ｔｔｆである。そのため、Ｓ３０９によってｍａｉｎ．ｔｔｆが選択され、Ｓ９０３にて、１００２のタイトル文字列のフォントに、ｍａｉｎ．ｔｔｆが指定される。

＜変形例２－２＞
変形例２－２では、Ｗｅｂページと連携する複数のアプリケーションを備えた装置のユーザインタフェースのトップ画面において、Ｗｅｂフォントを適用する例を示す。

図１１は変形例２－２のフローチャートである。変形例２－２ではまず、情報処理装置１００が起動される（Ｓ１１０１）。続いて、情報処理装置１００は、Ｗｅｂページを解析していないアプリケーションがあるか判断する（Ｓ１１０２）。判断の結果、解析していないアプリケーションがない場合、処理を終了する。一方で解析していないアプリケーションがある場合、処理をＳ３０１に移す。その後、Ｓ３０１～Ｓ３０９までの処理を実施する。続いて、情報処理装置１００は、アプリケーションの説明文のフォントにＳ３０９で選択された外部フォントを指定する（Ｓ１２０３）。その後、処理をＳ９０２に移す。

図１２は本実施形態を適用した場合の装置のユーザインタフェースのトップ画面の見た目である。１２０１はトップ画面であり、１２０２はアプリケーションの起動アイコンを示す。この起動アイコンをユーザが押下すると、装置はそれに関連付けられたアプリケーションを起動する。１２０３はアプリケーションを簡潔に示す画像であり、１２０４はアプリケーションの簡潔な説明文である。

１２０２を押下すると、図８の８１１のコンテンツが起動する。図８で最も印象度の高い外部フォントはｍａｉｎ．ｔｔｆである。そのため、Ｓ３０９によってｍａｉｎ．ｔｔｆが選択され、Ｓ１１０３にて、１２０４のアプリケーションの簡潔な説明文のフォントに、ｍａｉｎ．ｔｔｆが指定される。変形例２－２を適用すると、図１２に示す通り、アプリケーション毎に異なるフォントで説明文を表示することができる。

以上、上述した実施形態によれば、外部フォントを使ったＨＴＭＬ要素の印象度に応じて、アプリケーションで利用するフォントを選択することができる。これによりアプリケーションの表現力を向上させることができる。

また、本実施形態によれば、アプリケーションのＧＵＩ部品であるＷｅｂＶｉｅｗで複数の外部フォントが使用される場合、ＷｅｂＶｉｅｗ以外のＧＵＩ部品に適切に選択した外部フォントを適用し、アプリケーション全体で統一感を向上させることができる。

また、本実施形態によれば、外部フォントを使ったＨＴＭＬ要素の印象度に応じて、アプリケーションで利用するフォントを選択することができる。これによりアプリケーションの表現力を向上させることができる。

また、例えば、イベントの告知サイトや企業のホームページでは、ヘッダ領域、本文領域、フッタ領域をそれぞれ分けて構成する事が多い。このとき、Ｗｅｂフォントを利用してヘッダ領域、本文領域、フッタ領域に、それぞれ異なる外部フォントが適用されているとする。ヘッダ領域やフッタ領域は、通常、本文領域に比べて文字サイズを小さくして目立たなくすることが多い。一方で本文領域は他の領域に比べて文字サイズを大きくして目出たせることが多い。このとき本実施形態によれば、Ｗｅｂページ中で最も印象が強い本文領域の外部フォントをＷｅｂＶｉｅｗ以外のＧＵＩ部品に適用することができる。

一方で、ホームページのヘッダ領域やフッタ領域の外部フォントは、小さい領域内で情報をコンパイクトに表現できるように工夫されている場合がある。この場合、ＷｅｂＶｉｅｗ以外のＧＵＩ部品でも、表示領域が小さい部品については、本文領域の外部フォントよりも、ヘッダ領域やフッタ領域の外部フォントが適している。

本実施形態によれば、ＷｅｂＶｉｅｗで複数種類の外部フォントを利用する際に、Ｗｅｂフォントを利用する部品の見た目の印象の強さに応じて、ＷｅｂＶｉｅｗ以外のＧＵＩ部品に外部フォントを適用することができる。

他方で、Ｗｅｂページ作成者はＷｅｂフォントを利用することで、あらゆる装置上で文字の見た目を統一することができ、Ｗｅｂページを展開する企業のブランド力向上や、Ｗｅｂページ開発工数の低減に繋がっている。

しかしＷｅｂフォントをＷｅｂＶｉｅｗで利用すること考えた場合、ＷｅｂＶｉｅｗの領域上でしか外部フォントが適用されない。このため、ＷｅｂＶｉｅｗとそれ以外のＧＵＩ部品とを併用して表示すると、フォントが統一されないという課題を本実施形態によれば解決することができる。

［その他の実施形態］
本発明は、上述の実施形態の１以上の機能を実現するプログラムを、ネットワーク又は記憶媒体を介してシステム又は装置に供給し、そのシステム又は装置のコンピュータにおける１つ以上のプロセッサーがプログラムを読出し実行する処理でも実現可能である。また、１以上の機能を実現する回路（例えば、ＡＳＩＣ）によっても実現可能である。

なお、上述した各処理部のうち印象度算出部２０６等については、その代わりとして、機械学習された学習済みモデルを代わりに用いて処理しても良い。その場合には、例えば、その処理部への入力データと出力データとの組合せを学習データとして複数個準備し、それらから機械学習によって知識を獲得し、獲得した知識に基づいて入力データに対する出力データを結果として出力する学習済みモデルを生成する。学習済みモデルは、例えばニューラルネットワークモデルで構成可能である。そして、その学習済みモデルは、前記処理部と同等の処理をするためのプログラムとして、ＣＰＵあるいはＧＰＵなどと協働で動作することにより、前記処理部の処理を行う。なお、上記学習済みモデルは、必要に応じて一定の処理後に更新しても良い。

Claims

Ｗｅｂページを表示させるための第１のコンポーネントと、前記第１のコンポーネントとは異なる第２のコンポーネントとが含まれるアプリケーションを実行する情報処理装置であって、
前記第１のコンポーネントで表示されるＷｅｂページにおいて、外部から取得される外部フォントであって、複数の外部フォントの使用が規定されている場合、前記第２のコンポーネントにおいて使用するフォントを、当該Ｗｅｂページにおける前記複数の外部フォントそれぞれの使用態様に基づいて、前記複数の外部フォントから選択する選択手段と、
前記選択手段により選択された前記外部フォントを用いて前記第２のコンポーネントにおける描画を行う描画手段と、
を有することを特徴とする情報処理装置。
前記選択手段は、前記Ｗｅｂページにおいて、前記複数の外部フォントそれぞれが適用された文字列の表示サイズに基づいて、前記第２のコンポーネントにおいて使用するフォントを選択することを特徴とする請求項１に記載の情報処理装置。
前記選択手段は、前記Ｗｅｂページにおいて、前記複数の外部フォントそれぞれが適用された文字列の文字サイズと文字数の積に基づいて、前記第２のコンポーネントにおいて使用するフォントを選択することを特徴とする請求項１または２に記載の情報処理装置。
前記選択手段は、前記Ｗｅｂページにおいて、前記複数の外部フォントそれぞれが適用された文字列に施された装飾に基づいて、前記第２のコンポーネントにおいて使用するフォントを選択することを特徴とする請求項１から３のいずれか１項に記載の情報処理装置。
前記選択手段は、前記Ｗｅｂページにおいて、前記複数の外部フォントそれぞれが適用された文字列の表示サイズと、当該文字列に施された装飾に基づく係数との積に基づいて、前記第２のコンポーネントにおいて使用するフォントを選択することを特徴とする請求項１から４のいずれか１項に記載の情報処理装置。
前記装飾は、下線、太字、文字色、文字の背景色またはアニメーションであることを特徴とする請求項４または５に記載の情報処理装置。
前記選択手段は、前記第２のコンポーネントにおいて使用するフォントを前記複数の外部フォントから一つ選択することを特徴とする請求項１から６のいずれか１項に記載の情報処理装置。
前記アプリケーションに、第３のコンポーネントが含まれる場合、前記選択手段は、前記第２のコンポーネントと前記第３のコンポーネントとで、互いに異なる前記外部フォントを、使用するフォントとして選択することを特徴とする請求項１から６のいずれか１項に記載の情報処理装置。
前記選択手段は、前記第２のコンポーネントおよび前記第３のコンポーネントにて表示される文字列の表示サイズおよび当該文字列に施される装飾に基づいて、前記第２のコンポーネントと前記第３のコンポーネントとで、互いに異なる前記外部フォントを、使用するフォントとして選択することを特徴とする請求項８に記載の情報処理装置。
前記Ｗｅｂページにおいて、前記複数の外部フォントに含まれる第１の外部フォントが適用される第１の文字列の表示サイズと当該第１の文字列に施される装飾に基づく係数との積が、前記Ｗｅｂページにおいて、前記複数の外部フォントに含まれる第２の外部フォントが適用される第２の文字列の表示サイズと当該第２の文字列に施される装飾に基づく係数との積より大きく、かつ、
前記第２のコンポーネントにて表示される第３の文字列の表示サイズと当該第３の文字列に施される装飾に基づく係数との積が、前記第３のコンポーネントにて表示される第４の文字列の表示サイズと当該第４の文字列に施される装飾に基づく係数との積より大きい場合、
前記選択手段は、前記第１の外部フォントを前記第２のコンポーネントにおいて使用するフォントとして選択し、前記第２の外部フォントを前記第３のコンポーネントにおいて使用するフォントとして選択することを特徴とする請求項９に記載の情報処理装置。
前記第１のコンポーネントは、ＷｅｂＶｉｅｗであることを特徴とする請求項１から１０のいずれか１項に記載の情報処理装置。
前記第２のコンポーネントは、Ｗｅｂページを表示しないＧＵＩ部品であることを特徴とする請求項１から１１のいずれか１項に記載の情報処理装置。
前記アプリケーションは、ブラウザアプリケーションであり、
前記第１および第２のコンポーネントは、タブであり、
前記選択手段は、前記第２のコンポーネントのタブタイトルで使用するフォントを選択することを特徴とする請求項１から１２のいずれか１項に記載の情報処理装置。
前記選択手段により選択された前記外部フォントを前記アプリケーションの説明文に適用することを特徴とする請求項１から１３のいずれか１項に記載の情報処理装置。
前記選択手段は、前記Ｗｅｂページのコードにおいて、初めに記載された前記外部フォントを前記第２のコンポーネントにおいて使用するフォントとして選択することを特徴とする請求項１に記載の情報処理装置。
前記外部フォントは、Ｗｅｂフォントであることを特徴とする請求項１から１５のいずれか１項に記載の情報処理装置。
Ｗｅｂページを表示させるための第１のコンポーネントと、前記第１のコンポーネントとは異なる第２のコンポーネントとが含まれるアプリケーションを実行する情報処理装置による情報処理方法であって、
前記第１のコンポーネントで表示されるＷｅｂページにおいて、外部から取得される外部フォントであって、複数の外部フォントの使用が規定されている場合、前記第２のコンポーネントにおいて使用するフォントを、当該Ｗｅｂページにおける前記複数の外部フォントそれぞれの使用態様に基づいて、前記複数の外部フォントから選択する選択工程と、
前記選択工程において選択された前記外部フォントを用いて前記第２のコンポーネントにおける描画を行う描画工程と、
を有することを特徴とする情報処理方法。
コンピュータを請求項１から１６のいずれか１項に記載の情報処理装置として動作させるためのプログラム。