ａｕが12月からスタートする次世代サービスでは、WAP 2.0が採用され、「XHTML Basic」という記述言語が使われています。本誌では、ａｕの新端末に搭載されているブラウザーを開発しているオープンウェーブシステムズ社から大原博之氏をお招きし、XHTML Basicによるコンテンツの作り方を解説していただきます。

■ HDML対応ブラウザーの特徴

• ディスプレイサイズの制限
• 入力装置としての制限
• 不安定な通信環境

　今回のファンクション部分ですが、これは、もちろんブラウザーの拡張機能としてサポートするという方法もあります。ただ、HDMLではこの部分についても制御できるようにすることによって、こうしたユーザーサイドから見た「前提」をクリアすべく、より快適なナビゲーション・操作性を実現しようとしているのです。初心者にとってはスクロールキーと選択キーさえあればよい、という意見もありますが、実際、使い込んでいけばいくほど、ナビゲーション機能がページ制作者の意思によっ制御できる、拡張できるようになっていることのほうが、思わぬ使い方が実現でき、使いやすい、という場面が出てきます。

■実際にファンクション部分を規定してみよう

　では、これから扱うHDML用語について、最初にまとめておきます。

C305Sの場合

　まず、「選択」や「戻る」という文字列を表示する部分のことを「ラベル」と呼びます。また、ラベル部分の機能に関連したキーのことを「ファンクションキー」と呼びます。通常、UP.Browserを搭載する携帯電話には、３つ以上のファンクションキーがついていることになっています。

• ACCEPTキー
• SOFT1キー
• BACKキー

がその３つにあたります。このうち、「BACKキー」については通常、端末の「BACKキー」、「CLEARキー」がそれにあたります。１つ前の操作へ戻るときに使用するものです。

　HDMLを扱う中で重要になってくるのは前者２つのキーです。「ACCEPTキー」は次の操作へ進む、選択するとうように、一番よく使用するキーです。そして、「SOFT1キー」は、「ACCEPTキー」をサポートし、これと対になって使用されるキーです。

　それでは、実際に実装していきましょう。実装方法は色々とありますが、一番オーソドックスな方法は<ACTION>タグを使用する方法です。

　<ACTION>タグは、今回はじめて登場したタグですが、これからおそらく一番よく使用することになるタグだと思います。<ACTION>タグは、カードごとにその操作内容を定義するために使用するタグです。操作内容とは、上記の部分で説明した、２つのキーの部分についての操作内容ということになります。

　では、どのように定義するのでしょうか？

　定義の詳しい内容は、すべてオプションを使用して行ないます。「type=""」で定義するキーを宣言。そして、「task=""」でキーの仕事内容を宣言します。また、「ACCEPTキー」と「SOFT1キー」については、それぞれ「label=""」で表示する文字列を規定できます。アイコン画像を貼り付けることも可能で、その場合、この部分は「icon=""」で指定してください。

　例を見てみましょう。

【deai.hdml】

<HDML version="3.0"> <DISPLAY name="1"> <ACTION type="accept" task="gosub" dest="#2" label="次へ"> はじめてのEZweb。私と彼との出会いはちょう ど一年前にさかのぼる。<BR> </DISPLAY> <DISPLAY name="2"> <ACTION type="accept" task="return" label="戻る"> <ACTION type="soft1" task="gosub" dest="#3" label="注意"> 雨、今でも思い出す。それは一年前、それは ちょうど東京にあの大雨が降った日のことだっ た。<BR> </DISPLAY> <DISPLAY name="3"> <ACTION type="accept" task="return" label="戻る"> ココから先はまた書いていません。 </DISPLAY> </HDML>

　あるカードで「ACCEPTキー」と「SOFT1キー」を同時に定義したい場合は、<ACTION>タグは２つ必要となります。この例を見ると分かると思いますが、「task=""」の部分には今まで勉強してきた「go」「gosub」「return」「cancel」等を使用することができます。すなわち、HDMLではリンクについては、HTMLと同様<A>タグを使用して設定することも可能なのですが、実は上記のように<ACTION>タグを使用して設定することもできるのです。よく使い込むようなアプリケーションを考える場合、<A>タグだと、画面が縦に長い構造になった場合など、リンク部分が表示されたり、表示されなかったりすることになるので、結果的にこの<ACTION>タグを使用するほうが利用者にとってはるかに効率的であることになります。

　ただ、よりユーザビリティを高めたい場合は、<A>によるリンク機能と<ACTION>機能の双方に対応したインターフェイスにすべきではないか、というのが私の個人的な感想です。初心者にとっては、なかなか複数のキーを使いこなすのが大変だと思いますから。

　また、今まで詳しい説明を省略してきましたが、ここで「task=""」についてまとめておきたいと思います。

　さて、<ACTION>タグは、ここではずっとカード単位で定義してきましたが、実はデッキ単位でまとめて定義することもできます。

<HDML version="3.0">
<ACTION type="soft1" task="gosub" dest="#3" label="注意">
<DISPLAY name="1">
<ACTION type="accept" task="gosub" dest="#2" label="次へ">
はじめてのEZweb。私と彼との出会いはちょう
ど一年前にさかのぼる。<BR>
</DISPLAY>
<DISPLAY name="2">
<ACTION type="accept" task="return" label="戻る">
雨、今でも思い出す。それは一年前、それは
ちょうど東京にあの大雨が降った日のことだっ
た。<BR>
</DISPLAY>
<DISPLAY name="3">
<ACTION type="accept" task="return" label="戻る">
ココから先はまた書いていません。
</DISPLAY>
</HDML>

のように記述すれば、いちいち２つのカードごとに<ACTION>タグを書く手間が省けるのです。

■ 擬似アニメーション

<HDML version="3.1" public="true">

<DISPLAY name="card2" timerdefault="5">
<ACTION type="ontimer" task="go" dest="#card3">
<WRAP>:
<WRAP>:
<WRAP>E
<WRAP>:
</DISPLAY>

<DISPLAY name="card3" timerdefault="5">
<ACTION type="ontimer" task="go" dest="#card4">
<WRAP>:
<WRAP>:
<WRAP>E Z
<WRAP>:
</DISPLAY>

<DISPLAY name="card4" timerdefault="5">
<ACTION type="ontimer" task="go" dest="#card5">
<WRAP>:
<WRAP>:
<WRAP>E Z w
<WRAP>:
</DISPLAY>

<DISPLAY name="card5" timerdefault="5">
<ACTION type="ontimer" task="go" dest="#card6">
<WRAP>:
<WRAP>:
<WRAP>E Z w e
<WRAP>:
</DISPLAY>

<DISPLAY name="card6">
<WRAP>:
<WRAP>:
<WRAP>E Z w e b
<WRAP>:
</DISPLAY>

</HDML>

　ここでポイントになってくるのは、<HDML>のバージョンが「3.1」になっていることと、<DISPLAY>タグにある「timerdefault=""」、<ACTION>タグにある「type="ontimer"」の部分でしょう。これを使用すれば簡単なアニメーションを作ることができますし、表現力にも磨きがかかるでしょう。

■ キャッシュの制御

<HDML version="3.0" public="true">
<NODISPLAY name="1">
<ACTION type="accept" task="go" dest="#2" vars="tel=09000000123">
</NODISPLAY>
<DISPLAY name="2">
ようこそ、ここの緊急連絡先は
$telです。
</DISPLAY>
</HDML>