...

MobilenetServer/WEB Ver3.3 コンテンツ作成ガイド

by user

on
Category: Documents
127

views

Report

Comments

Transcript

MobilenetServer/WEB Ver3.3 コンテンツ作成ガイド
NEC Express
NEC Express サーバ
Express5800 シリーズ
MobilenetServer/WEB Ver3.5
コンテンツ作成ガイド
は し が き
本ガイドは、MobilenetServer/WEB を利用して既存の HTML や C-HTML(i モード)の
Web コンテンツを携帯電話のブラウザ(iモード、ボーダフォンライブ!、EZweb、ドッ
ト i、H”、AirH”Phone)向けや、L モード、PDA 端末に変換する場合に、コンテンツ変換
をさらに有効に利用するためのコンテンツ作成ガイドです。
変換機能として提供している機能を用いるためのコンテンツ作成方法の説明のほかに、
テンプレート機能として提供している標準テンプレートファイルに基づいて、コンテンツ
作成または修正していただくことによりコンテンツ変換を有効に利用する方法を説明して
いきます。
2003 年
i
10 月 初版
ii
目 次
1
独自属性の位置................................
独自属性の位置 ................................................................
................................................................................................
.................................................................................
................................................. 1
2
コンテンツ作成ガイド ................................................................
................................................................................................
......................................................................
...................................... 3
2.1
インラインイメージ .......................................................................................................5
2.1.1
インラインイメージの変換例 .................................................................................8
2.1.2
リンク付きインラインイメージの変換例 .............................................................11
2.2
表組み(TABLE)の表示 ............................................................................................16
2.2.1
FONT タグのカラー属性......................................................................................21
2.3
目次化と部分転送.........................................................................................................22
2.4
表示情報の絞込み.........................................................................................................24
2.5
表示情報の有効化.........................................................................................................26
2.6
フレーム .......................................................................................................................29
2.7
アニメーション GIF、透過 GIF ..................................................................................32
2.8
Web アプリケーションについての考慮 .......................................................................33
2.8.1
Web アプリケーションについての考慮................................................................33
2.8.2
キャッシュについての考慮...................................................................................33
2.9
指定テキストを必ず表示する.......................................................................................35
2.10
リンク書き換えを行わない.......................................................................................36
2.11
改ページ....................................................................................................................37
2.11.1
意図した場所で改ページする ...............................................................................37
2.11.2
改ページしない .....................................................................................................38
2.11.3
改ページ指定をキャリアごとに指定する .............................................................39
2.12
携帯電話でのみ電話をかける ...................................................................................41
2.13
L モードで FAX を受信する.........................................................................................42
2.14
メールを送信する .....................................................................................................43
2.15
絵文字を表示させる .................................................................................................45
2.16
入力フォームの EZweb 変換について......................................................................46
2.16.1
入力フォーマットの指定 ......................................................................................46
2.16.2
パスワードマスクの指定 ......................................................................................46
2.16.3
スタイル................................................................................................................46
2.16.4
変数名の表示.........................................................................................................47
2.17
入力フォーム(FORM タグ)..................................................................................48
2.18
Wap2 端末固有の属性を使用する................................................................................51
iii
3
i モードコンテンツ作成ガイド ................................................................
........................................................................................
........................................................ 54
3.1
コンテンツ変換.............................................................................................................56
3.2
表示情報の絞込み.........................................................................................................58
3.3
表示情報の有効化.........................................................................................................61
3.4
リンク書き換えを行わない ..........................................................................................64
3.5
改ページ .......................................................................................................................65
3.6
絵文字を変換する.........................................................................................................67
3.7
アクセスキー ................................................................................................................74
3.8
入力フォームの EZweb 変換について .........................................................................77
3.8.1
入力フォーマットの指定 ......................................................................................77
3.8.2
パスワードマスクの指定 ......................................................................................77
3.8.3
スタイル................................................................................................................77
3.8.4
変数名の表示.........................................................................................................78
3.9
入力フォーム(FORM タグ) .....................................................................................79
3.10
Wap2 端末固有の属性を使用する................................................................................82
付録 1
付録................................
付録 ................................................................
................................................................................................
.........................................................................................
......................................................... 84
付録 1.1
独自属性一覧.........................................................................................................84
付録 1.2
利用者独自テンプレートの追加............................................................................90
付録 1.3
フォームの EZweb 変換のスタイルについて .......................................................91
付録 1.3.1
スタイル概要 .................................................................................................91
付録 1.3.2
asis スタイル.................................................................................................91
付録 1.3.3
arrange1 スタイル ........................................................................................93
付録 1.3.4
arrange2 スタイル ........................................................................................94
付録 1.4
フォームの EZweb 変換の arrange スタイルについて ........................................95
付録 1.4.1
基本 ...............................................................................................................95
付録 1.5
フォームの H”変換について .................................................................................99
付録 1.6
注意、制限事項 ...................................................................................................102
索 引 ................................................................
................................................................................................
................................................................................................
.................................................................
................................. 104
iv
1
独自属性の位置
本書ではコンテンツカスタマイズのための MobilenetServer/WEB 独自属性を紹介して
いますが、この独自属性は各タグの最後に付加するようにして下さい。もしタグの途中等
に挿入した場合は、端末によってはコンテンツを正しく閲覧できなくなることがあります。
イメージ削除用の独自属性$IMGDEL の使用例
○ <IMG SRC=”mobile.jpeg” ALT=”モバイル画像” $IMGDEL>
× <IMG SRC=”mobile.jpeg” $IMGDEL ALT=”モバイル画像”>
× <IMG $IMGDEL SRC=”mobile.jpeg” ALT=”モバイル画像”>
1
2
2
コンテンツ作成ガイド
MobilenetServer/WEB を利用して既存の HTML の Web コンテンツを携帯電話のブラ
ウザ(iモード、ボーダフォンライブ!、EZweb、ドットi、ブラウザフォン、Lモード、
H”、AirH”Phone、PDA)向けに変換するとき、コンテンツ変換機能を有効に利用するため
のコンテンツ作成方法を説明します。また、付録 1.6に注意、制限事項がありますのでそち
らもご覧下さい。
本コンテンツ作成ガイドは、以下のように、標準テンプレートファイルが適用されてい
ることを前提としています。テンプレートファイルの適用方法は運用ガイドを参照して下
さい。
l
l
l
l
i モード端末
1.
タグ生成テンプレート(templ-commentimode.txt)
2.
標準テンプレート(templ-i-mode.txt)
3.
連続 BR 削除用テンプレート(templ-delbr.txt)
i モード端末(TABLE タグをサポートする端末用)
1.
タグ生成テンプレート(templ-commentimode.txt)
2.
標準テンプレート(templ-i-mode-t.txt)
3.
連続 BR 削除用テンプレート(templ-delbr.txt)
ボーダフォンライブ!端末
1.
タグ生成テンプレート(templ-commentjsky.txt)
2.
標準テンプレート(templ-J-Sky.txt)
3.
連続 BR 削除用テンプレート(templ-delbr.txt)
EZweb 端末
1.
白黒端末用タグ生成テンプレート(templ-commentEZM.txt)
または、カラー端末用タグ生成テンプレート(templ-commentEZ.txt)
2.
標準テンプレート(templ-EZweb.txt)または、
@mail 対応端末用標準テンプレート([email protected])
l
3.
HDML 変換用テンプレート(templ-hdml.txt)
4.
ALIGN 属性処理用テンプレート(templ-EZweb_align.txt)
5.
CENTER,RIGHT タグ削除用テンプレート(templ-delcenter.txt)
6.
連続 BR 削除用テンプレート(templ-delbr.txt)
Wap2 対応 EZweb 端末
1.
タグ生成テンプレート(templ-commentEZ-Wap2.txt)
2.
XHTML 固有機能用テンプレート(templ-XHTML.txt)
3.
標準テンプレート(templ-EZweb-Wap2.txt)
3
4.
l
l
l
l
l
l
連続 BR 削除用テンプレート(templ-delbr.txt)
ドットi端末
1.
タグ生成テンプレート(templ-commentdoti.txt)
2.
標準テンプレート(templ-doti.txt)
3.
連続 BR 削除用テンプレート(templ-delbr.txt)
ブラウザフォン
1.
タグ生成テンプレート(templ-commentbrphone.txt)
2.
標準テンプレート(templ-i-mode.txt)
3.
連続 BR 削除用テンプレート(templ-delbr.txt)
H”端末
1.
タグ生成テンプレート(templ-commentpdx.txt)
2.
pre タグの改行を考慮するためのテンプレートファイル(templ-pdx-pre.txt)
3.
標準テンプレート(templ-pdx.txt)
4.
不要なタグ削除テンプレート(templ-pdx-post.txt)
5.
半角カナ−>全角カナのテンプレート(templ-han2zen.txt)
6.
連続 BR 削除用テンプレート(templ-delbr-pdx.txt)
AirH”Phone 端末
1.
タグ生成テンプレート(templ-commenthphone.txt)
2.
標準テンプレート(templ-hphone.txt)
3.
連続 BR 削除用テンプレート(templ-delbr.txt)
L-mode 端末
1.
タグ生成テンプレート(templ-commentlmode.txt)
2.
標準テンプレート(templ-l-mode.txt)
3.
連続 BR 削除用テンプレート(templ-delbr.txt)
PDA 端末
1.
タグ生成テンプレート(templ-commentpda.txt)
2.
標準テンプレート(templ-pda.txt)
4
2.1 インラインイメージ
インラインイメージは、既定では以下のように変換されます。ただし、H”端末では、イ
ンラインイメージがそのまま表示されるような場合でも、イメージへのリンクに変換され
ます。
(1) ALT 属性がないインラインイメージ
インラインイメージがそのまま残る。
<IMG SRC=”nec.gif”>
⇒
変換前
変換後
(2) ALT 属性があるインラインイメージ
テキストとイメージへのリンクに置き換わる。
<IMG SRC=”nec.gif” ALT=”NEC Corp.”>
NEC Corp.[
]
⇒
変換前
変換後
5
(3) ALT 属性がないリンク付きインラインイメージ
リンク付きインラインイメージがそのまま残る。
<A HREF=”next.html”><IMG SRC=”nec.gif”></A>
⇒
next.html
next.html
次のページ
次のページ
変換前
変換後
(4) ALT 属性があるリンク付きインラインイメージ
リンク付きテキストとイメージへのリンクに置き換わる。
<A HREF=”next.html”><IMG SRC=”nec.gif” ALT=”NEC Corp.”></A>
NEC Corp.[
]
⇒
next.html
next.html
次のページ
次のページ
変換前
変換後
6
IMG タグに、次の表の属性(MobilenetServer/WEB 独自属性)を指定すれば、インラ
インイメージに対して、「テキストに置き換え」、「リンクに置き換え」、「イメージ削
除」、「インラインイメージを残す」という選択が可能です。
以下の表中の(1)∼の番号は、次ページ以降の変換例に対応します。
番号 希望する変換後のイメージ
<IMG>タグに指定 <A>付きの場合、
する属性
<A>タグに指定す
る属性
$IMGDEL
$TAGDEL
(1)
インラインイメージを削除す
る。
(2)
インラインイメージをテキスト $IMGTXT="~"、
に置き換える。
(<A>付きの場合はリンク付き または、
テキストに置き換える。)
ALT="~"
$ALTTXT
(3)
インラインイメージへのリンク
に置き換える。
$IMGLNK="~"
$TAGDEL
または、
ALT="~"
$ALTLNK
(4)
インラインイメージをそのまま $IMGINL
表示する。
(5)
テキストと、イメージへのリンク
に置き換える。
(<A>付きの場合はリンク付き
テキストとイメージへのリンク
に置き換える。)
$IMGTXT="~"
$IMGLNK="~"
または、
$ALT="~"
$ALTTXT
$IMGLNK="~"
または、
$IMGTXT="~"
ALT="~"
$ALTLNK
(6)
<A>付きのインラインイメージ $IMGTXT="~"
をリンクのないテキストに置き
換える。
または、
$ALT="~"
$ALTTXT
7
$TAGDEL
2.1.1
インラインイメージの変換例
以下に、インラインイメージの変換例を示します。
(1) インラインイメージを削除する
($IMGDEL を指定する)
<IMG SRC=”nec.gif” $IMGDEL>
⇒
変換前
変換後
(2) インラインイメージをテキストに置き換える
($IMGTXT を指定する)
<IMG SRC=”nec.gif” $IMGTXT=” NEC Corporation” >
(ALT 属性を使用する場合は、$ALTTXT を指定する)
<IMG SRC=”nec.gif” ALT=”NEC Corporation” $ALTTXT >
NEC Corporation
⇒
変換前
変換後
8
(3) インラインイメージをイメージへのリンクに置き換える
($IMGLNK を指定する)
<IMG SRC=”nec.gif” $IMGLNK=”IMG” >
(ALT 属性を使用する場合は、$ALTLNK を指定する)
<IMG SRC=”nec.gif” ALT=”IMG” $ALTLNK>
[IMG]
⇒
変換前
変換後
(4)インラインイメージを残す
($IMGINL を指定する)
<IMG SRC=”nec.gif” $IMGINL>
⇒
変換前
変換後
9
(5) インラインイメージをテキストとイメージへのリンクに置き換える
($IMGTXT と$IMGLNK を指定する)
<IMG SRC=”nec.gif” $IMGTXT=”NEC Corp.” $IMGLNK=”IMG”>
(ALT 属性をテキストとして使用する場合は、$ALTTXT を指定する)
<IMG SRC=”nec.gif” ALT=”NEC Corp.” $ALTTXT $IMGLNK=”IMG”>
(ALT 属性をリンク文字列として使用する場合は、$ALTLNK を指定する)
< IMG SRC=”nec.gif” $IMGTXT=”NEC Corp.” ALT=”IMG” $ALTLNK>
NEC Corp.[IMG]
⇒
変換前
変換後
10
2.1.2
リンク付きインラインイメージの変換例
以下に、リンク付きインラインイメージの変換例を示します。
(1) リンク付きインラインイメージを削除する
($TAGDEL と$IMGDEL を指定する)
$TAGDEL については 2.4 表示情報の絞込みを参照して下さい。
<A HREF=”next.html” $TAGDEL><IMG SRC=”nec.gif” $IMGDEL></A>
⇒
next.html
次のページ
変換前
変換後
11
(2) リンク付きインラインイメージをリンク付きテキストに置き換え、イメージへの
リンクはなし
($IMGTXT を指定する)
<A HREF=”next.html”><IMG SRC=”nec.gif” $IMGTXT=”NEC Corporation” ></A>
(ALT 属性を使用する場合は、$ALTTXT を指定する)
<A HREF=”next.html”>
<IMG SRC=”nec.gif” ALT=”NEC Corporation” $ALTTXT>
</A>
NEC Corporation
⇒
next.html
next.html
次のページ
次のページ
変換前
変換後
12
(3) リンク付きインラインイメージをイメージへのリンクに置き換え、リンク付きテキ
ストはなし
($TAGDEL と$IMGLNK を指定する)
<A HREF=”next.html” $TAGDEL><IMG SRC=”nec.gif” $IMGLNK=”IMG” ></A>
(ALT 属性を使用する場合は、$ALTLNK を指定する)
<A HREF=”next.html” $TAGDEL><IMG SRC=”nec.gif” ALT=”IMG” $ALTLNK></A>
[IMG]
⇒
next.html
次のページ
変換前
変換後
(4) リンク付きインラインイメージを残す
($IMGINL を指定する)
<A HREF=”next.html”><IMG SRC=”nec.gif” $IMGINL></A>
⇒
next.html
next.html
次のページ
次のページ
変換前
変換後
13
(5) リンク付きインラインイメージをリンク付きテキストとイメージへのリンクに置
き換える
($IMGTXT と$IMGLNK を指定する)
<A HREF=”next.html”><IMG SRC=”nec.gif”
$IMGTXT=”NEC Corp.” $IMGLNK=”IMG”></A>
(ALT 属性をテキストとして使用する場合は、$ALTTXT を指定する)
<A HREF=”next.html”><IMG SRC=”nec.gif”
ALT=”NEC Corp.” $ALTTXT $IMGLNK=”IMG”></A>
(ALT 属性をリンク文字列として使用する場合は、$ALTLNK を指定する)
<A HREF=”next.html”><IMG SRC=”nec.gif”
$IMGTXT=”NEC Corp.” ALT=”IMG” $ALTLNK></A>
NEC Corp.[IMG]
⇒
next.html
next.html
次のページ
次のページ
変換前
変換後
14
(6) リンク付きインラインイメージをテキストに置き換える
($TAGDEL と$IMGTXT を指定する)
<A HREF=”next.html” $TAGDEL>
<IMG SRC=”nec.gif” $IMGTXT=” NEC Corporation” >
</A>
(ALT 属性をテキストとして使用する場合は、$ALTTXT を指定する)
<A HREF=”next.html” $TAGDEL>
<IMG SRC=”nec.gif” ALT=” NEC Corporation” $ALTTXT>
</A>
NEC Corporation
⇒
next.html
次のページ
変換前
変換後
15
2.2
表組み(TABLE)の表示
表組みを表示するための TABLE タグをボーダフォンライブ!端末とドット i 端末、お
よび、一部のiモード端末ではサポートしていますが、その他の端末ではサポートしてい
ません。
標準のテンプレートファイルを適用した場合、表組みを以下のようなテキストと配置に
変換しています。
1行1列
1行2列
1行3列
1行1列
1行2列
1行3列
2行1列
2行1列
2行2列
2行3列
2行2列
3 行1列
3行2列
3行3列
2行3列
3行1列
3行2列
3行3列
変換前
変換後
16
上記のような既定の変換を行わず、表ごとに表示イメージを設定したい場合、TABLE
タグに以下の属性(MobilenetServer/WEB 独自属性)を指定することもできます。
以下の表中の(1)∼の番号は、次ページ以降の変換例に対応します。
番号
属性
変換後の配置
(1)
$TASIS
TABLE タグを残す。
ただし、TABLE タグをサポートして
いない端末(N、F、D シリーズ以外の
i モード端末や、EZweb 端末)では、
この属性は無効となり、$TASIS を指
定しないときと同じ表示($TCELL の
形式)になります。
(2)
$TCELL
TABLE タグをはずし、
列と列の間に改行を設け、
行と行の間を空白行で区切る。
(3)
$TBLOCK
TABLE タグをはずし、
列と列の間に空白を設け、
行の最後で改行を入れる。
(4)
$TSTRING
TABLE タグをはずし、
列と列の間に空白を設け、
行と行の間も空白で区切る。
17
以下に、テーブルの変換例を示します。
(1) TABLE タグを残す
($TASIS を指定する)
<TABLE BORDER=”1” $TASIS>
<TR><TD>1行1列</TD><TD>1行2列</TD><TD>1行3列</TD></TR>
<TR><TD>2行1列</TD><TD>2行2列</TD><TD>2行3列</TD></TR>
<TR><TD>3行1列</TD><TD>3行2列</TD><TD>3行3列</TD></TR>
</TABLE>
1行1列 1行2列 1行3列
1行1列
1行2列
1 行3列
2行1列 2行2列 2行3列
2行1列
2行2列
2行3列
3行1列 3行2列 3行3列
3 行1列
3行2列
3行3列
(2) 列と列の間に改行を設け、行と行の間を空白行で区切る。
($TCELL を指定する)
<TABLE BORDER=”1” $TCELL >
<TR><TD>1行1列</TD><TD>1行2列</TD><TD>1行3列</TD></TR>
<TR><TD>2行1列</TD><TD>2行2列</TD><TD>2行3列</TD></TR>
<TR><TD>3行1列</TD><TD>3行2列</TD><TD>3行3列</TD></TR>
</TABLE>
1行1列
1行2列
1行1列
1行2列
1行3列
2行1列
2行2列
2行3列
3 行1列
3行2列
3行3列
1行3列
2行1列
2行2列
2行3列
3行1列
3行2列
3行3列
変換前
変換後
18
(3) 列と列の間に空白を設け、行の最後で改行を入れる。
($TBLOCK を指定する)
<TABLE BORDER=”1” $TBLOCK >
<TR><TD>1行1列</TD><TD>1行2列</TD><TD>1行3列</TD></TR>
<TR><TD>2行1列</TD><TD>2行2列</TD><TD>2行3列</TD></TR>
<TR><TD>3行1列</TD><TD>3行2列</TD><TD>3行3列</TD></TR>
</TABLE>
1行1列 1行2列 1行3列
1行1列
1行2列
1 行3列
2行1列
2行2列
2行3列
3 行1列
3行2列
3行3列
2行1列 2行2列 2行3列
3行1列 3行2列 3行3列
変換前
変換後
変換後のイメージは1行に表示できる文字数が10文字であるものとして、各3列目の
途中で折り返されています。
(4) 列と列、行と行の間をすべて空白にする。
($TSTRING を指定する)
<TABLE BORDER=”1” $TSTRING >
<TR><TD>1行1列</TD><TD>1行2列</TD><TD>1行3列</TD></TR>
<TR><TD>2行1列</TD><TD>2行2列</TD><TD>2行3列</TD></TR>
<TR><TD>3行1列</TD><TD>3行2列</TD><TD>3行3列</TD></TR>
</TABLE>
1行1列 1行2列 1行3列
1行1列
1行2列
1行3列
行2列 2行3列
2行1列
2行2列
2行3列
3列
3 行1列
3行2列
3行3列
変換前
変換後
19
2行1列 2
3行1列 3行2列 3行
* テーブルの内容を取り出すときはテーブルの内容の文字色とコンテンツの背景の色
が異なることを確認してください。もし文字色と背景が同色の場合、カラー対応の
端末では背景と同化して文字が見えない場合があります。
そのような場合は、次の節を参照して、コンテンツに$FMTCOLOR 属性を指定し
て下さい。
20
2.2.1
FONT タグのカラー属性
TABLE タグで、COLOR 属性を指定していた時、基本的には、COLOR 属性を
含め、TABLE タグが削除されます。従って、コンテンツが、テーブル内の背景色:
黒、テーブル内のテキスト色:白の場合などは、MobilenetServer/WEB で変換す
ると、テーブルの背景色が削除されることになるので、白地に白のテキストが表
示され、読めなくなります。
FONT タグに$FMTCOLOR 属性 (MobilenetServer/WEB 独自属性)を指定し、
携帯電話では$FMTCOLOR 属性で指定したテキスト色を表示する事ができます。
HTML ソース
<TABLE bgcolor="black" >
<TR>
<TD><FONT color="white" >1*1</FONT></TD>
<TD>< FONT color="white" $FMTCOLOR="blue">1*2</FONT></TD>
</TR>
1*1 1*2
ブラウザ(Internet Explorer)の画面イメージ。
1*1
1*2
携帯電話では、$FMTCOLOR 属性が指定されていない”1*1”は、白色のため見
えません。
21
2.3
目次化と部分転送
見出しを抽出して目次化を行うことができます。<Hn>タグと</Hn>タグで囲まれた部分
を見出しとして抽出します。目次化と部分転送は、テンプレートファイルによる変換では
なく、オリジナル機能として提供しています。
部分転送される内容は<Hn></Hn>から<Hn></Hn>の間に記述されている部分を抜き
出します。
<H1>概要</H1>
←目次化される部分
携帯型インターネット移動端末での
「概要」を選択した時に部分ドキュメントとして
情報サービスを支援するソフトウェア
<H2>目的</H2>
部分転送される部分
←目次化される部分
...
<H2>基本機能</H2>
「目的」選択時
←目次化される部分
...
「基本機能」選択時
22
携帯電話に実際に表示されるイメージは、以下のようになります。左の画面の「目的」
の横の絵をクリックすると、右の画面のように「目的」の内容が部分転送されます。
概要=>
目的
目的=>
基本機能=>
・各ビットレートの--
システム構成=>
----------
効果=>
・-------------
デモ環境=>
今後の予定=>
※ 実際には、”=>”は各キャリアの絵文字で表示されます。
上記の目次化と部分転送を行いたくない場合は、<Hn>タグと</Hn>タグを削除すること
により実現できます。タグだけを削除してそのタグに囲まれた部分を残すには、
MobilenetServer/WEB 独自属性、$TAGDEL を指定して下さい。詳しくは、2.4 表示情報
の絞込みを参照して下さい。
なお、本目次化機能はページ内に H タグが 2 つ以上ある場合にのみ動作します。
※ 旧バージョンからの変更点
Ver3.11 以前は、以下の「概要」のように、下位レベルのドキュメントが全て部分転送
されました。
<H1>概要</H1>
←目次化される部分
携帯型インターネット移動端末での
「概要」を選択時に
情報サービスを支援するソフトウェア
部分ドキュメントとして
<H2>目的</H2>
部分転送される部分
←目次化される部分
...
<H2>基本機能</H2>
「目的」選択時
←目次化される部分
...
「基本機能」選択時
PDA 端末の場合、標準設定では$REQUIRED タグは有効となりません。$REQUIRED
タグを有効にするには、変換設定の変更が必要となります。
23
2.4
表示情報の絞込み
標 準 の テ ン プ レ ー ト で は 、 表 示 情 報 の 絞 込 み を 行 う に は 、 $TAGDEL 属 性
(MobilenetServer/WEB の独自属性)を指定します。
$TAGDEL 属性を指定したタグにおいて、そのタグの開始タグと終了タグを削除します。
閉じタグのないタグと、その内容を削除したい場合は、次に述べる$BLOCKDEL 属性を
使用してください。
コ ン テ ン ツ 中 の 不 要 な 部 分 を <!-- $BLOCKDEL --> と <!-- /$BLOCKDEL -->
(MobilenetServer/WEB 独自タグ)で囲むことによって、削除することもできます。
例えば、IE などの通常のブラウザで見るときに、見栄えを良くするために複数の空白を
入れているが、携帯電話で見るときには冗長になってしまうため、空白を 1 つにしたいと
いうときに、以下のように指定すれば、携帯電話では空白が 1 つになります。
ここと<!-- $BLOCKDEL --> <!-- /$BLOCKDEL --> ここの間に、ブランクが 5
つある。<BR>
↓
ここと ここの間に、ブランクが 5 つある。
さらに、$IMODE、$JSKY、$EZWEB、$EZWEBHDML、$DOTI、$BRPHONE、
$LMODE、$H、$HPHONE、$PDA、$EXIRE、$HPC、$WH(MobilenetServer/WEB
独自属性)を同時に指定することにより、部分削除を行うキャリアを限定することもでき
ます。なお、$IMODE と$JSKY のように、これらのキャリア指定属性を複数指定すること
もできます。
24
<!-- $BLOCKDEL -->全キャリアで削除される部分<!-- /$BLOCKDEL -->
<!-- $BLOCKDEL $IMODE -->i モードのみ削除される部分<!-- /$BLOCKDEL $IMODE -->
<!-- $BLOCKDEL $JSKY -->ボーダフォンライブ!のみ削除される部分<!-- /$BLOCKDEL $JSKY -->
<!-- $BLOCKDEL $EZWEB -->EZweb のみ削除される部分<!-- /$BLOCKDEL $EZWEB -->
<!-- $BLOCKDEL $EZWEBHDML -->EZweb HDML 端末(Wap2 端末以外)のみ削除される部分<!-- /$BLOCKDEL $EZWEBHDML -->
<!-- $BLOCKDEL $DOTI -->ドット i のみ削除される部分<!-- /$BLOCKDEL $DOTI -->
<!-- $BLOCKDEL $BRPHONE -->ブラウザフォンのみ削除される部分<!-- /$BLOCKDEL $BRPHONE -->
<!-- $BLOCKDEL $ LMODE -->L モードのみ削除される部分<!-- /$BLOCKDEL $LMODE -->
<!-- $BLOCKDEL $H -->H”のみ削除される部分<!-- /$BLOCKDEL $H -->
<!-- $BLOCKDEL $HPHONE -->AirH”Phone のみ削除される部分<!-- /$BLOCKDEL $HPHONE -->
<!-- $BLOCKDEL $PDA -->PDA 端末のみ削除される部分<!-- /$BLOCKDEL $PDA -->
<!-- $BLOCKDEL $EXIRE -->エクシーレのみ削除される部分<!-- /$BLOCKDEL $EXIRE -->
<!-- $BLOCKDEL $HPC -->ハンドヘルド PC のみ削除される部分<!-- /$BLOCKDEL $HPC -->
<!-- $BLOCKDEL $WH -->WEBHANDY のみ削除される部分<!-- /$BLOCKDEL $WH -->
$BLOCKDEL の使用に際して1つだけ注意しなければならない点があります。それはタ
グペアの対応関係を壊すような形での適用はできないということです。例えば、
<FONT COLOR="red">
1
</FONT>
<FONT COLOR="blue">
2
</FONT>
というコンテンツがあったときに、全文字を赤色にしようと以下のような$BLOCKDEL
の使い方をしても正しく動作しません。これは、1 つ目の<FONT></FONT>ペアの閉じタ
グのみ、2 つ目の<FONT></FONT>ペアの開始タグのみ、を消そうとしているためです。
タグを消す場合は開始タグと閉じタグをペアで消す必要があります。
<FONT COLOR="red">
1
<!-- $blockdel -->
</FONT>
<FONT COLOR="blue">
<!-- /$blockdel -->
2
</FONT>
25
2.5 表示情報の有効化
「表示情報の絞込み」とは逆に、IE などの通常のブラウザで参照する場合はコメントに
して表示されないようにしておき、MobilenetServer/WEB による変換後に有効にしたい場
合は、コメント中に$UNCOMMENT 属性(MobilenetServer/WEB 独自属性)を指定する
ことにより実現できます。例を以下に示します。
HTML ソース
<!-- $UNCOMMENT ='非コメント化したときに表示したい文字列' -->
ブラウザ(Internet Explorer)の画面イメージ。
携帯電話の(MobilenetServer/WEB による変換後の)画面イメージ。
非コメント化したときに表示したい文字列
なお、$UNCOMMENT 属性にタグを含めることもできます。ただし、アンカー(A)タグ
を含めるときは、HREF 属性に相対パスを指定して下さい。絶対パスを指定した場合、リ
ンクが正しく動作しません。この例を以下に示します。
26
良い例
<!-- $UNCOMMENT =
'<a href=" img/nec.gif” $NOPATHCHG >
link
</a>'
-->
悪い例
<!-- $UNCOMMENT=
'<a href=" http://www.foo.com/img/nec.gif" $NOPATHCHG >
link
</a>'
-->
また、上記の例のように、$UNCOMMENT 属性に指定する文字列中に一重引用符(‘)が
現れるときは二重引用符(")を使用する必要があります。一重引用符(')を使用してしまうと
$UNCOMMENT 属性の終わりのそれと区別がつかなくなるためです。
なお、現在$UNCOMMENT 属性に A タグ等リンクを指定した場合、リンク書き換えが
行われませんが、リンク書き換えしたくないパスには$NOPATHCHG をつけるようにして
下さい。
さらに、$IMODE、$JSKY、$EZWEB、$EZWEBHDML、$DOTI、$BRPHONE、
$LMODE、$H、$HPHONE、$PDA、$EXIRE、$HPC、$WH(MobilenetServer/WEB
独自属性)を同時に指定することにより、有効化を行うキャリアを限定することもできま
す。なお、$IMODE と$JSKY のように、これらのキャリア指定属性を複数指定することも
できます。
27
<!-- $UNCOMMENT=’全キャリアで有効化される部分’ -->
<!-- $UNCOMMENT=’i モードのみ有効化される部分’ $IMODE -->
<!-- $UNCOMMENT=’ボーダフォンライブ!のみ有効化される部分’ $JSKY -->
<!-- $UNCOMMENT=’EZweb のみ有効化される部分’ $EZWEB -->
<!-- $UNCOMMENT=’EZweb HDML 端末(Wap2 端末以外)のみ有効化される部分’ $EZWEBHDML -->
<!-- $UNCOMMENT=’ドット i のみ有効化される部分’ $DOTI -->
<!-- $UNCOMMENT=’ブラウザフォンのみ有効化される部分’ $BRPHONE -->
<!-- $UNCOMMENT=’L モードのみ有効化される部分’ $LMODE -->
<!-- $UNCOMMENT=’H”のみ有効化される部分’ $H -->
<!-- $UNCOMMENT=’AirH”Phone のみ有効化される部分’ $HPHONE -->
<!-- $UNCOMMENT=’PDA 端末のみ有効化される部分’ $PDA -->
<!-- $UNCOMMENT=’エクシーレのみ有効化される部分’ $EXIRE -->
<!-- $UNCOMMENT=’ハンドヘルド PC のみ有効化される部分’ $HPC -->
<!-- $UNCOMMENT=’ WEBHANDY のみ有効化される部分’ $WH -->
28
2.6 フレーム
iモードなどのスマートフォンのブラウザでは、フレームに対応していませんが、標準
のテンプレートファイルにおいて、フレームを使ったコンテンツについてもフレーム枠内
のコンテンツを1つずつならアクセスすることができるようにしています。具体的には、
以下のように、それぞれの<FRAME>がリンクに置き換わります。
<FRAMESET COLS="10%,20%,30%,40%" >
<FRAME SRC="c1.html">
<FRAME SRC="c2.html">
<FRAME SRC="c3.html" NAME="c3">
<FRAME SRC="c4.html">
</FRAMESET>
↓
Frame
c1.html
c2.html
c3
c4.html
iモードなどのスマートフォン向けにコンテンツ変換を行う場合は、フレームを利用し
ていないコンテンツを変換することをお勧めしています。新たにコンテンツ変換を意識し
たコンテンツを作成する場合も、フレームの利用は避けたほうが無難です。
29
既存のコンテンツのフレームを変更したくない場合は、フレーム未対応コンテンツとし
て、<NOFRAMES>タグで囲まれた部分に、スマートフォンで表示したいコンテンツを記
述 す るよ うに して 下 さ い 。ま た 、 こ のと き、 <NOFRAMES>タ グ で囲 まれ た 部 分 が
<FRAMESET>タグで囲まれた部分に含まれるように指定してください。
<FRAMESET COLS="10%,20%,30%,40%">
<FRAME SRC="c1.html">
<FRAME SRC="c2.html" $FRMDEL>
<FRAME SRC="c3.html" NAME="c3">
<FRAME SRC="c4.html">
<NOFRAMES>
フレーム未対応用のページです<BR>
<A href=”c5.html”>フレーム未対応用リンク 1</A><BR>
<A href=”c6.html”>フレーム未対応用リンク 2</A>
</NOFRAMES>
</FRAMESET>
↓
フレーム未対応用のページです
フレーム未対応用リンク 1
フレーム未対応用リンク 2
また、既存の<FRAME>が、スマートフォンで表示したいコンテンツになっている場合
は 、 以 下 の よ う に 、 <NOFRAMES> タ グ を 無 効 に す る た め に <NOFRAMES> タ グ に
$FRMDEL(MobilenetServer/WEB 独自属性)を指定し、さらに、不要な<FRAME>タグ
に$FRMDEL を指定することにより、表示する<FRAME>を限定して下さい。
<FRAMESET>タグに、$FRMLBL 属性(MobilenetServer/WEB 独自属性)を指定する事
で、ページの説明を付加する事ができます。<FRAMESET>タグが入れ子になっている場
合には、一番外側の<FRAMESET>タグに$FRMLBL 属性を指定してください。
<FRAMESET COLS="10%,20%,30%,40%" $FRMLBL=”フレームのページ
です”>
<FRAME SRC="c1.html">
<FRAME SRC="c2.html" $FRMDEL>
<FRAME SRC="c3.html" NAME="c3">
<FRAME SRC="c4.html">
<NOFRAMES $FRMDEL >
30
フレーム未対応
</NOFRAMES>
</FRAMESET>
↓
フレームのページです
c1.html
c3
c4.html
$FRMLBL 属性を指定しない場合は、Frame と表示されます。
31
2.7
アニメーション GIF、透過 GIF
イメージ変換を行う場合、アニメーション GIF は、アニメーション GIF の最初に表示
されるイメージのみの静止イメージとして変換されます。アニメーション GIF をイメージ
変換する場合は、最初に表示されるイメージだけが表示されることを意識してアニメーシ
ョン GIF を作成する必要があります。透過 GIF は、透過でないイメージに変換されます。
ただし、テンプレート機能でイメージを削除してしまう場合は、この限りではありません。
32
2.8 Web アプリケーションについての考慮
2.8.1
Web アプリケーションについての考慮
MobilenetServer/WEB は Content-Type が text/html のファイルを変換します。
CGI などの出力結果には必ず Content-Type に text/html を付加してください。
2.8.2
キャッシュについての考慮
CGI スクリプトなどで生成されたコンテンツは、情報が動的に変化することがあり、キ
ャッシュを行うと古い情報を参照する恐れがあります。また、個人情報や限定情報がキャ
ッシュされますと、情報の漏洩が起こる可能性もあります。
次に示す対処を行うことにより、MobilenetServer/WEB でキャッシュ機能を利用してい
ても、キャッシュしないようにすることが可能です。
1)
動的コンテンツ
CGI プログラムなどで作成される動的コンテンツは、キャッシュを行うと古い
情報が表示される可能性があります。
MobilenetServer/WEB では、Last-Modified ヘッダーフィールドがレスポンス
に付加されていなければキャッシュを行わないので、CGI プログラムなどで
Last-Modified ヘッダーフィールドを付加しないようにすれば、キャッシュされる
ことはありません。
ただし、CGI スクリプトが MobilenetServer/WEB を介さずに直接ブラウザか
らアクセスされることを考慮すると、Expires ヘッダーフィールドに過去の日時を
指定して送るほうが良いです。
MobilenetServer/WEB は過去の日時が指定してある Expires ヘッダーを受け
た場合、キャッシュを一時的に作成しますが、キャッシュが使われることはあり
ません。新たなリクエストがキャッシュにヒットしたとしても、期限切れのキャ
ッシュであるため、キャッシュを使わずに、Web サーバから情報を取得します。
2)
プライベート情報コンテンツ
プライベート情報を扱うコンテンツでは、認証機構を Web サーバ側に設けるこ
とで、情報の漏洩を防ぐことができます。
33
3)
キャッシュしないサイトの指定
MobilenetServer/WEB のサーバ設定項目の「キャッシュしないサイト」を指
定することによって、キャッシュを行わないようにすることができます。ただし、
ホスト名、ドメイン名に部分マッチしたドキュメントをキャッシュしないように
するものであり、ドキュメント毎にキャッシュの有無を指定できるものではあり
ません。
MobilenetServer/WEB 管理者向けの運用ガイドがお手元にある場合は、運用
ガイドの「キャッシュしないサイト」を参照してください。
34
2.9 指定テキストを必ず表示する
コンテンツ中の必ず表示したい部分を、<!-- $REQUIRED -->と<!-- /$REQUIRED -->
タグ(MobilenetServer/WEB 独自タグ)で囲むことによって、表示する事ができます。
HTML ソース:
<!-- $REQUIRED -->
ここは必ず表示されます。
<!-- /$REQUIRED -->
$REQUIERD タグは、開始タグと閉じタグを持ちます。
$REQUIRED タグの開始タグと閉じタグ間の内容を表示するようにします。この場合、目次
化、ページ分割を行っても、内容は必ず表示されるようになります。
変換後のイメージ(ページ分割時):
ここは必ず表示さ
ここは必ず表示さ
れます。
れます。
[1/2]
[2/2]
2ページ目にも表示されます。
PDA 端末、エクシーレ、ハンドヘルド PC、WEBHANDY の場合、標準設定では
$REQUIRED タグは有効となりません。$REQUIRED タグを有効にするには、変換設定の
変更が必要となります。
35
2.10 リンク書き換えを行わない
コンテンツ中のリンク先が著作権問題等で変換を行いたくない場合、A タグに
$NOPATHCHG(MobilenetServer/WEB 独自属性)を指定します。
HTML ソース:
<A href=”http://www.foo.com” $NOPATHCHG>
ここのリンク先は変換されません。
</A>
36
2.11 改ページ
基本的には、ConvertHtmlFragmentSize で指定されたページサイズで分割されます。
ページ分割時、デフォルトでは、次のようなリンクがフッタにつきます。
表示文字列
Prev(先頭ページ以外)
Next(最終ページ以外)
x/y
ページ番号
内容
前ページへのリンク
次ページへのリンク
全 y ページ中、現在xページ目を表示
各ページ番号へのリンク
H”端末の場合、ページ番号指定は使用できません。
2.11.1 意図した場所で改ページする
コンテンツ作成者が意図した場所で改ページしたい場合は、<!-- $PAGEDIV -->タグ
(MobilenetServer/WEB 独自タグ)を用います。
HTML ソース:
この後、改ページされます。<BR>
<!-- $PAGEDIV -->
この前で、改ページされました。<BR>
変換後のイメージ
この後、改ページされ
この前で、改ページされ
ます。
ました。
[1/2] Next
Prev[2/2]
12
12
1 ページ 2 ページ
37
2.11.2 改ページしない
コンテンツ作成者がページ分割しない範囲を指定したい場合には、<!-- $NOPAGEDIV -->
タグと、<!-- /$NOPAGEDIV -->タグ (どちらも MobilenetServer/WEB 独自タグ)でその範
囲を囲みます。
HTML ソース:
<!-- $NOPAGEDIV -->
ここから<BR>
<!-- $PAGEDIV -->
ここまでは、改ページされません。
<!-- /$NOPAGEDIV -->
変換後のイメージ
ここから
ここまでは、改ページされません。
1 ページ
※ 上記例は、改ページされないことを示すために、$PAGEDIV を指定しています。
通常は、$NOPAGEDIV の範囲内に$PAGEDIV を指定するようなことはありませ
ん。
38
2.11.3 改ページ指定をキャリアごとに指定する
$PAGEDIV と$NOPAGEDIV については、キャリアを限定する、$IMODE、$JSKY、
$EZWEB、$EZWEBMONO、$DOTI、$BRPHONE、$LMODE、$H、$HPHONE、$PDA 、
$EXIRE、$HPC、$WH(MobilenetServer/WEB 独自属性)を同時に指定することができ
ます。これにより、あるキャリアだけ改ページ位置を指定したり、あるキャリアだけ改ペ
ージしない部分を指定することができます。なお、$IMODE と$JSKY のように、これらの
キャリア指定属性を複数指定することもできます。PDA 端末、エクシーレ、ハンドヘルド
PC、WEBHANDY の場合、標準設定では$NOPAGEDIV タグは有効となりません。
$NOPAGEDIV タグを有効にするには、変換設定の変更が必要となります。
以下に、$PAGEDIV の例を示します。
39
∼
全キャリアで、ここと
<!-- $PAGEDIV -->
ここの間でページ分割される。
∼
i モードのみ、ここと
<!-- $PAGEDIV $IMODE -->
ここの間でページ分割される。
∼
ボーダフォンライブ!のみ、ここと
<!-- $PAGEDIV $JSKY -->
ここの間でページ分割される。
∼
EZweb(カラー端末と白黒端末の両方)のみ、ここと
<!-- $PAGEDIV $EZWEB -->
ここの間でページ分割される。
∼
EZweb 白黒端末のみ、ここと
<!-- $PAGEDIV $EZWEBMONO -->
ここの間でページ分割される。
∼
ドット i のみ、ここと
<!-- $PAGEDIV $DOTI -->
ここの間でページ分割される。
∼
ブラウザフォンのみ、ここと
<!-- $PAGEDIV $BRPHONE -->
ここの間でページ分割される。
∼
L モードのみ、ここと
<!-- $PAGEDIV $LMODE -->
ここの間でページ分割される。
∼
H”のみ、ここと
<!-- $PAGEDIV $H -->
ここの間でページ分割される。
∼
AirH”Phone のみ、ここと
<!-- $PAGEDIV $HPHONE -->
ここの間でページ分割される。
∼
PDA 端末のみ、ここと
<!-- $PAGEDIV $PDA -->
ここの間でページ分割される。
∼
エクシーレのみ、ここと
<!-- $PAGEDIV $EXIRE -->
ここの間でページ分割される。
∼
ハンドヘルド PC のみ、ここと
<!-- $PAGEDIV $HPC -->
ここの間でページ分割される。
∼
WEBHANDY のみ、ここと
<!-- $PAGEDIV $WH -->
ここの間でページ分割される。
∼
40
2.12 携帯電話でのみ電話をかける
携 帯 電 話 用 の 変 換 時 の み 電 話 を か け る よ う に し た い 場 合 は 、 $PHONETO 属 性
(MobilenetServer/WEB 独自属性)を指定します。
HTML ソースで、
<!-- $PHONETO="117" $LABEL="電話する" -->
のように指定することにより、$PHONETO の値を表示することが可能です。
変換後のイメージは
・iモード、ボーダフォンライブ!、ドットi用、
電話する
AirH”Phone 用
<a href="tel:117">電話する</a>
・EZweb 用
<a task="call" number="117">電話する</a>
となります。(この場合、選択すると 117 へダイヤルします。)
41
2.13 L モードで FAX を受信する
L モード用の変換時のみ指定された FAX 番号へ発信し、FAX を受信するようにしたい
場合は、$FAXTO 属性(MobilenetServer/WEB 独自属性)を指定します。
HTML ソースで、
<!-- $FAXTO="0312345678" $LABEL="FAX 受信" -->
のように指定することにより、$FAXTO の値を表示することが可能です。
変換後のイメージは
・ <a href="FAX:0312345678">FAX 受信</a>
FAX受信
となります。(この場合、選択すると 0312345678 へ発信します。)
42
2.14 メールを送信する
すべての端末でメールを送信するようにするために、コンテンツに特別な指定をする必
要はありません。MobilenetServer/WEB のテンプレート機能により、自動的に以下のよう
に変換され使用できます。ただし、一部 PDA 端末では mailto をサポートしていない場合
があります。mailto をサポートしていない端末では、以下の指定を行っても指定は有効に
なりません。
以下の HTML ソースの、
<a href="mailto:[email protected]">メール</a>
変換後のイメージは、
・EZweb 用
<A TASK="GOSUB" DEST="device:home/goto?svc=Email&SUB=sendMsg"
VARS="[email protected]">メール</A>
・EZweb 用(@mail 対応機種)
<A TASK="GOSUB" DEST="mailto:mail@ mobilenetserver.com"> メ ー ル
</A>
・i モード、ボーダフォンライブ!、AirH”Phone 用
<a href=”mailto:mail@ mobilenetserver.com">メール</a>
メール
となります。(この場合、選択すると mail@ mobilenetserver.com へのメール作成になりま
す。
)
また、既定で設定される題名と本文を指定する場合は、以下のように指定してください。
<A HREF="mailto: mail@ mobilenetserver.com?subject=DAIMEI&body=HONBUN">メー
ル</A>
43
キャリアごとに題名と本文のサポート状況を表に示します。
題名
i モード
○
ドット i
○
ボーダフォンラ ×
イブ!
EZweb
EZweb
(@mail 対応機種)
AirH”Phone
○
×
本文
○
○
△
(ステーション対応機のみ)
(日本語は使用不可)
○
×
×
×
変換後のイメージは、
・i モード、ドット i 用
<A
HREF="mailto:mail@
mobilenetserver.com?subject=DAIMEI&body=HONBUN">
メール</A>
・ボーダフォンライブ!用
<A HREF=”mailto: [email protected]” MAILBODY=”HONBUN”>
メール</A>
・AirH”Phone 用
<A HREF=”mailto: mail@ mobilenetserver.com”>
メール</A>
・EZweb 用
<A DEST="device:home/goto?svc=Email&SUB=sendMsg"
VARS="TO=mail@ mobilenetserver.com &SUBJ=DAIMEI&MT=HONBUN”
TASK="GOSUB" >メール</A>
・EZweb 用(@mail 対応機種)
<A TASK="GOSUB" DEST="mailto:mail@ mobilenetserver.com "> メ ー ル
</A>
となります。
44
2.15 絵文字を表示させる
各 キ ャ リ ア 向 け 絵 文 字 を 表 示 さ せ る た め に は 、 i モ ー ド を 含 め 、 $EMOJI 属 性
(MobilenetServer/WEB 独自属性)およびそれぞれの文字コードを指定する($IMODE、
$JSKY、$EZWEB、$DOTI、$LMODE、$H、$HPHONE)ことで対応可能です。
HTML ソースで、
<!--
$EMOJI
$IMODE=63893
$JSKY= $Gv
$EZWEB=68
$DOTI=61907
$H="SMILE" $LMODE=63893 $HPHONE=61595 -->
という指定をすることにより、$ EMOJI およびそれぞれの文字コードで指定した値を表
示することが可能となります。
なお、上記”$JSKY=”に指定している” $Gv ”は、ボーダフォンの絵文字一覧で、画像の
下に表示されているコードをそのままコピー、貼り付けして下さい。
変換後は各キャリアで指定された絵文字が表示されます。
また、あるキャリアだけ同じような絵文字がない場合があります。そのような場合は、
絵 文 字 の 代 わ り に テ キ ス ト を 表 示 す る $IMODETXT 、 $JSKYTXT 、 $EZWEBTXT 、
$DOTITXT、$LMODETXT、$HTXT、$HPHONE(MobilenetServer/WEB 独自属性)を
指定することで対応可能です。
たとえば、番号の絵文字を表示したいが、EZweb だけ適当な絵文字がないというような
場合は、以下の図のように、テキストを指定することで対応できます。
HTML ソースが以下の場合、
<!--
$EMOJI
$IMODE=63879
$JSKY= $F<
$DOTI=62134
$EZWEBTXT=1 $H="SMILE" $LMODE=63893 $HPHONE=61631 -->
変換後は EZweb は数字の”1”が表示され、その他のキャリアでは、絵文字が表示されま
す。
なお、絵文字の文字コードと代替テキスト(たとえば、$IMODE と$IMODETXT)が同時
に指定されていた場合は、文字コード(上記の例では$IMODE)を優先します。
また、Content-Type 等に文字コードが指定されていない場合、絵文字が表示されない場
合があります。必ず文字コードに Shift_JIS を指定するようにして下さい。
45
2.16 入力フォームの EZweb 変換について
2.16.1 入力フォーマットの指定
テ キ ス ト 入 力 関 連 の タ グ ( <input
type=”text”>,<input
type=”password”>,<textarea>)に MobilenetServer/WEB の独自属性$format を
付加しておくと、HDML 独自の属性 format に変換されます。これによって、テ
キスト入力時のフォーマットを細かく指定することができます。
使用例:
<input type=”text” name=”postcode” $format=”NNN-NNNN”>
<input type=”password” name=”postcode” $format=”NNN-NNNN”>
<textarea name=”postcode” $format=”NNN-NNNN”></textarea>
先述のように$format の中身は HDML の format 属性にそのまま変換されます
ので、$format に指定する文字列の書式については EZweb 公式サイト等に掲載さ
れている format 属性の説明をご参照ください。なお、後述するように$format は
WAP2 変換する場合においても有効となっております。
2.16.2 パスワードマスクの指定
<input type=”password”>を HDML 変換した場合、パスワード入力後のマスク
文字列として”*****”が固定的に使用されます。このマスク文字列を変更したい場
合には MobilenetServer/WEB 独自属性$mask を指定するようにして下さい。
使用例:
<input type=”password” name=”p” $mask=”?????”>
2.16.3 スタイル
Ver3.10 より前では入力フォームを EZweb 変換した場合には独自にアレンジさ
れた画面(arrange スタイル)が生成されていましたが、Ver3.10 以降では変換前
の HTML と同様の外観の画面(asis スタイル)が生成されるように改良されてい
ます。
46
機能的にも、arrange スタイルではチェックボックスが 1 つしか選択できない
が asis スタイルではチェックボックスを複数選択できるというように、asis スタ
イルの方が上となっていますので、arrange スタイルを使われていた方も今後は
asis スタイルを使われることをお勧めします。なお、Ver3.10 以降の標準設定を適
用している場合にはデフォルトで asis スタイルが使われますので設定の変更は特
に必要ありません。
以下の説明は asis スタイルが適用されていることを前提としています。arrange
スタイルを適用する場合の説明については付録をご覧下さい。
2.16.4 変数名の表示
INPUT(TYPE=TEXT)、TEXTAREA、SELECT タグの場合は、title 属性も
しくは$label 属性を付加することで、入力画面(選択画面)に任意の文字列を表
示することができます。なお、title と$label の両方が指定されている場合は$label
の値が優先されます。
<input type=”text” title=”名前を入力して下さい” $value=”mobile”>
↓ 生成される入力画面
名前を入力して下さい:
mobile
47
2.17 入力フォーム(FORM タグ)
1)
CGI プログラムなどの作り
URL を含む送信データの長さが, 携帯端末上のブラウザが持つ URL の長さ制
限を超えた場合, 全データが渡らない可能性がありますので、注意が必要です。
2)
入力フォームのサイズ
MobilenetServer/WEB では、iモードなどのスマートフォンにコンテンツを
表示させるために、ページを分割する機能を備えています。ページ分割はサイズ
による指定と特定タグの開始タグから終了タグを 1 ページとする指定ができます。
しかし、入力フォーム(<FORM>から</FORM>まで)が、スマートフォンで表示
できるページサイズ(下表参照)を超えてしまうようなコンテンツは表示ができ
なくなります。これは、入力フォームを分割することはできないためです。スマ
ートフォンにおいては、入力フォームは表示可能なページサイズ内で作成する必
要があります。
入力フォームが、スマートフォンで表示できるページサイズ内の場合でも、入
力フォームの直前に、サイズの大きい画像等がある場合、入力フォーム内でペー
ジサイズを超えてしまい、表示できなくなりますが、前述の改ページの制御を行
う事で回避することができます。
スマートフォンで表示できるページサイズ(ただし機種により異なります)
サービス名
1 ページのサイズ(単位:K バイト)
docomo
∼5、∼10
ボ ー ダ フ ォ ン ∼6
ライブ!
EZweb
∼1.2、∼7
ドット i
∼10
AirH”Phone
∼50
48
3)
処理結果のデータサイズ
入力フォームの送信により、データ(データベースなど)を更新するような CGI
プログラムなどにおいて注意が必要です。たとえば、入力フォーム送信により、
在庫数を減じるような CGI プログラムあった場合に、その処理結果を表示させる
ためのデータ(コンテンツ)サイズが、iモード端末、ボーダフォンライブ!端
末、EZweb 端末で表示可能なデータサイズを超えると、MobilenetServer/WEB
がページ分割を行うため複数ページに分割されます。複数ページに分割されたペ
ージをそれぞれアクセスすると、そのたびに在庫数を減じる処理が動作すること
になり、意図した結果と異なる事となります。
このようなことが起こらないようにするために、上記のようなデータ更新を行
う処理では、処理結果を表示させるデータ(コンテンツ)を1ページ(携帯端末
が表示可能なデータサイズ)に収まるようにする必要があります。
4)
複数選択リスト(SELECT タグ MULTIPLE 属性)
複数選択リスト(SELECT タグの MULTIPLE 属性)については、C-HTML1.0
ではサポートされていないため、iモード端末の 501iの機種では複数選択が利用
できません。複数選択リストを用いることは、スマートフォンのブラウザ用への
コンテンツ変換を行う上では、推奨いたしません。
EZweb で は 入 力 フ ォ ー ム は 独 自 処 理 に よ っ て 変 換 さ れ ま す 。 そ の 際
MULTIPLE 属性は無視されます。
5)
画像付き送信ボタン(INPUT タグ TYPE=”image”属性)
標準のテンプレートファイルでは、画像付きの送信ボタン(TYPE 属性が image
の INPUT タグ)は、iモード、ボーダフォンライブ!、およびドット i ではサポ
ートされていないため、画像なしの送信ボタンに置き換えられます。
6)
最大入力文字数(INPUT タグ MAXLENGTH 属性)
INPUT タグの MAXLENGTH 属性の指定値の効果はバイト数や文字数など端
末によって異なります。そのため MAXLENGTH 属性で文字数を制限することが
できません。文字数制限を行いたい場合には、CGI 等でサーバ側で処理を行って
ください。
49
7)
ページ分割
H”端末は、FORM タグでページ分割されます。また、$NOPAGEDIV を使用
し て FORM タ グ 内 で は ペ ー ジ 分 割 さ れ な い よ う に し て 下 さ い 。 な お 、
$NOPAGEDIV から/$NOPAGEDIV の間には入力フォームは 1 つにして下さい。
50
2.18 Wap2 端末固有の属性を使用する
C5000/A3000/C3000 シリーズといった EZweb の Wap2 端末では、以下の表のよう
な端末固有の属性を使用することができます。これらの属性を使用する場合は、この表の
通り、MobilenetServer/WEB 独自属性の形式でコンテンツに記述してください。
Wap2 端末 指定できるタグ
属性の意味
の属性
format
copyright
MobilenetServer/WEB
独自属性
INPUT、
文字入力支援・制御の指
TEXTAREA
定
IMG、
各種マルチメディアデー
OBJECT
タのデータフォルダへの
$FORMAT
$COPYRIGHT
保存の制限
title
A
ハイパーリンクが選択さ
$TITLE
れている時にソフトキー
に表示される文字列の指
定
copyright 属性の具体的な例を示します。
<IMG SRC="nec.gif" $COPYRIGHT="yes">
また、OPTGROUP タグにも対応しています。たとえば、以下のように、コメントの形
で$OPTGROUP 属性を埋め込んでおけば、
<form action="test.asp" method="post">
<select name="age" size="10">
<!-- $OPTGROUP $LABEL="a" -->
<option value="a">a
<option value="b">b
<option value="c">c
<!-- /$OPTGROUP -->
<!-- $OPTGROUP $LABEL="0" -->
<option value="0">0
<option value="1">1
51
<option value="2">2
<!-- /$OPTGROUP -->
</select>
</form>
MobilenetServer/WEB により以下のように変換され、
<form action="test.asp" method="post">
<select name="age" size="10">
<OPTGROUP LABEL="a">
<option value="a">a
<option value="b">b
<option value="c">c
</OPTGROUP>
<OPTGROUP LABEL="0">
<option value="0">0
<option value="1">1
<option value="2">2
</OPTGROUP>
</select>
</form>
選択メニューが”a”グループと”0”グループにグループ化されます。
52
53
3
i モードコンテンツ作成ガイド
MobilenetServer/WEB を利用して既存の i モード用コンテンツ(C-HTML)の Web コン
テンツを携帯電話のブラウザ(ボーダフォンライブ!、EZweb、ドットi、ブラウザフォ
ン、L モード、H”、PDA)向けに変換するとき、コンテンツ変換機能を有効に利用するた
めのコンテンツ作成方法を説明します。また、付録 1.6に注意、制限事項がありますのでそ
ちらもご覧下さい。
本コンテンツ作成ガイドは、以下のように、テンプレートファイルの標準が適用されて
いることを前提としています。テンプレートファイルの適用方法は運用ガイドを参照して
下さい。
l
l
i モード端末
1.
タグ生成テンプレート(templ-commentimode.txt)
2.
標準テンプレート(templ-chtml.txt)
3.
連続 BR 削除用テンプレート(templ-delbr.txt)
ボーダフォンライブ!端末
1.
タグ生成テンプレート(templ-commentjsky.txt)
2.
標準テンプレート(templ-chtml2mml.txt)または、
ステーション対応端末用標準テンプレート(templ-chtml2mml-station.txt)
l
3.
絵文字変換テンプレート(templ-imode2jsky.txt)
4.
連続 BR 削除用テンプレート(templ-delbr.txt)
EZweb 端末
1.
白黒端末用タグ生成テンプレート(templ-commentEZM.txt)
または、カラー端末用タグ生成テンプレート(templ-commentEZ.txt)
2.
標準テンプレート(templ-chtml2hdml.txt)または、
@mail 対応端末用標準テンプレート([email protected])
l
3.
HDML 変換用テンプレート(templ-hdml_i2EZ.txt)
4.
ALIGN 属性処理用テンプレート(templ-chtml2hdml_align.txt)
5.
絵文字変換テンプレート(templ-imode2ezweb.txt)
6.
CENTER,RIGHT タグ削除用テンプレート(templ-delcenter.txt)
7.
連続 BR 削除用テンプレート(templ-delbr.txt)
Wap2 対応 EZweb 端末
1.
タグ生成テンプレート(templ-commentEZ-Wap2.txt)
2.
XHTML 固有機能用テンプレート(templ-XHTML.txt)
3.
標準テンプレート(templ-chtml-Wap2.txt)
54
l
l
4.
絵文字変換テンプレート(templ-imode2ezweb-Wap2.txt)
5.
連続 BR 削除用テンプレート(templ-delbr.txt)
ドットi端末
1.
タグ生成テンプレート(templ-commentdoti.txt)
2.
標準テンプレート(templ-chtml2doti.txt)
3.
絵文字変換テンプレート(templ-imode2doti.txt)
4.
連続 BR 削除用テンプレート(templ-delbr.txt)
ブラウザフォン
1. タグ生成テンプレート(templ-commentbrphone.txt)
2. 標準テンプレート(templ-chtml.txt)
3. 連続 BR 削除用テンプレート(templ-delbr.txt)
l
l
H”端末
1.
タグ生成テンプレート(templ-commentpdx.txt)
2.
pre タグの改行を考慮するためのテンプレートファイル(templ-pdx-pre.txt)
3.
標準テンプレート(templ-pdx.txt)
4.
不要なタグ削除テンプレート(templ-pdx-post.txt)
5.
半角カナ−>全角カナのテンプレート(templ-han2zen.txt)
6.
絵文字変換テンプレート(templ-imode2pdx.txt)
7.
連続 BR 削除用テンプレート(templ-delbr-pdx.txt)
AirH”Phone 端末
1. タグ生成テンプレート(templ-commenthphone.txt)
2. 標準テンプレート(templ-chtml2hphone.txt)
3. 絵文字変換テンプレート(templ-imode2hphone.txt)
4. 連続 BR 削除用テンプレート(templ-delbr.txt)
l
L モード端末
1. タグ生成テンプレート(templ-commentlmode.txt)
2. 標準テンプレート(templ-l-mode.txt)
3. 絵文字変換テンプレート(templ-imode2lmode.txt)
4. 連続 BR 削除用テンプレート(templ-delbr.txt)
55
3.1 コンテンツ変換
コンテンツ変換の設定は、既定では以下のようになっています。
変換の種類(大 変換の種類(小 変換の設定
分類)
分類)
イメージ変換
フ ォ ー マ ッ ト ・ i モード端末は、無変換。
変換
・ ボーダフォンライブ!端末は、PNG 形式に変換。
・ EZweb 端末は、BMP 形式または PNG 形式に変換。
・ ドット i 端末は、GIF 形式に変換。
・ H”端末は、BMP 形式に変換。
・ AirH”Phone 端末は、JPEG 形式に変換
・ L モード端末は、GIF 形式に変換。
・ PDA 端末は、無変換。
ただし、JPEG 対応端末は JPEG 形式に変換。
色調
・ 白黒端末は、白黒への減色を行う。
・ カラー端末は、EZweb、ボーダフォンライブ!端末、
H”端末、L モードにおいて、端末スペックが「カラー256
色」のものについては、カラー256 色に減色する。その他
は無変換。
レイアウト変換
縮小
縮小しない。
目次化
目次化しない。
サ イ ズ に よ る ・ i モード端末は、ページ分割しない。
ページ分割
・ ボーダフォンライブ!端末は、ページ分割しない。
(注 1)
・ EZweb 端末は、白黒端末のみ 1200 バイトでページ分割
する。カラー端末はページ分割しない。
・ ドット i 端末は、ページ分割しない。
・ H”端末は、ページ分割しない。
・ AirH”Phone 端末は、ページ分割しない。
・ L モード端末は、ページ分割しない。
・ PDA 端末は、ページ分割しない。
テキスト変換
文 字 コ ー ド 変 Shift_JIS への文字コード変換を行う。
換
(注 1) 独自タグによるページ分割の指定は、「 3.5改ページ」を参照してください。
(注2)H”端末では、インラインイメージがそのまま表示されるような場合でも、イメー
56
ジへのリンクに変換されます。
57
3.2 表示情報の絞込み
標 準 の テ ン プ レ ー ト で は 、 表 示 情 報 の 絞 込 み を 行 う に は 、 $TAGDEL 属 性
(MobilenetServer/WEB の独自属性)を指定します。
$TAGDEL 属性を指定したタグにおいて、そのタグの開始タグと終了タグを削除します。
閉じタグのないタグと、その内容を削除したい場合は、次に述べる$BLOCKDEL 属性を
使用してください。
コ ン テ ン ツ 中 の 不 要 な 部 分 を <!-- $BLOCKDEL --> と <!-- /$BLOCKDEL -->
(MobilenetServer/WEB 独自タグ)で囲むことによって、削除することもできます。
例えば、IE などの通常のブラウザで見るときに、見栄えを良くするために複数の空白を
入れているが、携帯電話で見るときには冗長になってしまうため、空白を 1 つにしたいと
いうときに、以下のように指定すれば、携帯電話では空白が 1 つになります。
ここと<!-- $BLOCKDEL --> <!-- /$BLOCKDEL --> ここの間に、ブランクが 5
つある。<BR>
↓
ここと ここの間に、ブランクが 5 つある。
さらに、$IMODE、$JSKY、$EZWEB、$EZWEBHDML、$DOTI、$BRPHONE、
$LMODE、$H、$HPHONE、$PDA、$EXIRE、$HPC、$WH(MobilenetServer/WEB
独自属性)を同時に指定することにより、部分削除を行うキャリアを限定することもでき
ます。なお、$IMODE と$JSKY のように、これらのキャリア指定属性を複数指定すること
もできます。
58
<!-- $BLOCKDEL -->全キャリアで削除される部分<!-- /$BLOCKDEL -->
<!-- $BLOCKDEL $IMODE -->i モードのみ削除される部分<!-- /$BLOCKDEL $IMODE -->
<!-- $BLOCKDEL $JSKY -->ボーダフォンライブ!のみ削除される部分<!-- /$BLOCKDEL $JSKY -->
<!-- $BLOCKDEL $EZWEB -->EZweb のみ削除される部分<!-- /$BLOCKDEL $EZWEB -->
<!-- $BLOCKDEL $EZWEBHDML -->EZweb HDML 端末(Wap2 端末以外)のみ削除される部分<!-- /$BLOCKDEL $EZWEBHDML ->
<!-- $BLOCKDEL $DOTI -->ドット i のみ削除される部分<!-- /$BLOCKDEL $DOTI -->
<!-- $BLOCKDEL $BRPHONE -->ブラウザフォンのみ削除される部分<!-- /$BLOCKDEL $BRPHONE -->
<!-- $BLOCKDEL $ LMODE -->L モードのみ削除される部分<!-- /$BLOCKDEL $LMODE -->
<!-- $BLOCKDEL $H -->H”のみ削除される部分<!-- /$BLOCKDEL $H -->
<!-- $BLOCKDEL $HPHONE -->AirH”Phone のみ削除される部分<!-- /$BLOCKDEL $HPHONE -->
<!-- $BLOCKDEL $PDA -->PDA 端末のみ削除される部分<!-- /$BLOCKDEL $PDA -->
<!-- $BLOCKDEL $EXIRE -->エクシーレのみ削除される部分<!-- /$BLOCKDEL $EXIRE -->
<!-- $BLOCKDEL $HPC -->ハンドヘルド PC のみ削除される部分<!-- /$BLOCKDEL $HPC -->
<!-- $BLOCKDEL $WH -->WEBHANDY のみ削除される部分<!-- /$BLOCKDEL $WH -->
$BLOCKDEL の使用に際して1つだけ注意しなければならない点があります。それはタ
グペアの対応関係を壊すような形での適用はできないということです。例えば、
<FONT COLOR="red">
1
</FONT>
<FONT COLOR="blue">
2
</FONT>
というコンテンツがあったときに、全文字を赤色にしようと以下のような$BLOCKDEL
の使い方をしても正しく動作しません。これは、1 つ目の<FONT></FONT>ペアの閉じタ
グのみ、2 つ目の<FONT></FONT>ペアの開始タグのみ、を消そうとしているためです。
タグを消す場合は開始タグと閉じタグをペアで消す必要があります。
<FONT COLOR="red">
1
<!-- $blockdel -->
</FONT>
<FONT COLOR="blue">
<!-- /$blockdel -->
2
59
</FONT>
60
3.3 表示情報の有効化
「表示情報の絞込み」とは逆に、IE などの通常のブラウザで参照する場合はコメントに
して表示されないようにしておき、MobilenetServer/WEB による変換後に有効にしたい場
合は、コメント中に$UNCOMMENT 属性(MobilenetServer/WEB 独自属性)を指定する
ことにより実現できます。例を以下に示します。
HTML ソース
<!-- $UNCOMMENT ='非コメント化したときに表示したい文字列' -->
ブラウザ(Internet Explorer)の画面イメージ。
携帯電話の(MobilenetServer/WEB による変換後の)画面イメージ。
非コメント化したときに表示したい文字列
なお、$UNCOMMENT 属性にタグを含めることもできます。ただし、アンカー(A)タグ
を含めるときは、HREF 属性に相対パスを指定して下さい。絶対パスを指定した場合、リ
ンクが正しく動作しません。この例を以下に示します。
61
良い例
<!-- $UNCOMMENT =
'<a href=" img/nec.gif” $NOPATHCHG >
link
</a>'
-->
悪い例
<!-- $UNCOMMENT=
'<a href=" http://www.foo.com/img/nec.gif" $NOPATHCHG >
link
</a>'
-->
また、上記の例のように、$UNCOMMENT 属性に指定する文字列中に一重引用符(‘)が
現れるときは 2 重引用符(")を使用する必要があります。一重引用符(')を使用してしまうと
$UNCOMMENT 属性の終わりのそれと区別がつかなくなるためです。
なお、現在$UNCOMMENT 属性に A タグ等リンクを指定した場合、リンク書き換えが
行われませんが、リンク書き換えしたくないパスには$NOPATHCHG をつけるようにして
下さい。
さらに、$IMODE、$JSKY、$EZWEB、$EZWEBHDML、$DOTI、$BRPHONE、
$LMODE、$H、$HPHONE、$PDA、$EXIRE、$HPC、$WH(MobilenetServer/WEB
独自属性)を同時に指定することにより、有効化を行うキャリアを限定することもできま
す。なお、$IMODE と$JSKY のように、これらのキャリア指定属性を複数指定することも
できます。
62
<!-- $UNCOMMENT=’全キャリアで有効化される部分’ -->
<!-- $UNCOMMENT=’i モードのみ有効化される部分’ $IMODE -->
<!-- $UNCOMMENT=’ボーダフォンライブのみ有効化される部分’ $JSKY -->
<!-- $UNCOMMENT=’EZweb のみ有効化される部分’ $EZWEB -->
<!-- $UNCOMMENT=’EZweb HDML 端末(Wap2 端末以外)のみ有効化される部分’ $EZWEBHDML -->
<!-- $UNCOMMENT=’ドット i のみ有効化される部分’ $DOTI -->
<!-- $UNCOMMENT=’ブラウザフォンのみ有効化される部分’ $BRPHONE -->
<!-- $UNCOMMENT=’L モードのみ有効化される部分’ $LMODE -->
<!-- $UNCOMMENT=’H”のみ有効化される部分’ $H -->
<!-- $UNCOMMENT=’AirH”Phone のみ有効化される部分’ $HPHONE -->
<!-- $UNCOMMENT=’PDA 端末のみ有効化される部分’ $PDA -->
<!-- $UNCOMMENT=’エクシーレのみ有効化される部分’ $EXIRE -->
<!-- $UNCOMMENT=’ハンドヘルド PC のみ有効化される部分’ $HPC -->
<!-- $UNCOMMENT=’ WEBHANDY のみ有効化される部分’ $WH -->
63
3.4 リンク書き換えを行わない
コンテンツ中のリンク先が著作権問題等で変換を行いたくない場合、A タグに
$NOPATHCHG(MobilenetServer/WEB 独自属性)を指定します。
HTML ソース:
<A href=”http://www.foo.com” $NOPATHCHG>
ここのリンク先は変換されません。
</A>
64
3.5 改ページ
i モード用のコンテンツは、初めから端末の最大表示サイズを考慮して作成されているは
ずですので、それを別の各キャリア向けに変換した場合も、基本的には自動改ページはさ
れません。
ただし、EZweb の白黒端末のみ 1200 バイトでページ分割するようになっています。従っ
て、i モードコンテンツから EZweb 白黒端末への変換を考慮する場合は、i モードコンテン
ツの 1 ページを 1200 バイト以内で作成するか、意味的に分割されたくない部分を<!-$NOPAGEDIV -->∼<!-- /$NOPAGEDIV -->で囲んで下さい。
HTML ソース:
<!-- $NOPAGEDIV -->
ここから<BR>
<!-- $PAGEDIV -->
ここまでは、改ページされません。
<!-- /$NOPAGEDIV -->
変換後のイメージ
ここから
ここまでは、改ページされません。
1 ページ
※ 上記例は、改ページされないことを示すために、$PAGEDIV を指定しています。
通常は、$NOPAGEDIV の範囲内に$PAGEDIV を指定するようなことはありませ
ん。
万が一、ページサイズのオーバーフローが発生した場合には、各キャリアごとにページ
分割する位置を指定するために、$PAGEDIV をキャリア指定属性($JSKY、$EZWEB、
$EZWEBMONO、$DOTI、$BRPHONE、$LMODE、$H、$HPHONE、$PDA 、$EXIRE、
65
$HPC、$WH)と併用して指定してください。
HTML ソース:
この後、改ページされます。<BR>
<!-- $PAGEDIV -->
この前で、改ページされました。<BR>
変換後のイメージ
この後、改ページさ
この前で、改ページさ
れます。
れました。
[1/2] Next
Prev[2/2]
12
12
1 ページ 2 ページ
66
3.6 絵文字を変換する
i モード向け絵文字を、他の各キャリア向けの絵文字に変換するテンプレートが適用され
ていますので、絵文字を表示できるようにするためにオリジナルコンテンツに修正を加え
る必要はありません。以下にその変換の一覧を示します。なお、対応表のコードに対応す
る絵文字は各キャリア絵文字ホームページをご参照下さい。また、Content-Type 等に文字
コードが指定されていない場合、絵文字が表示されない場合があります。必ず文字コード
に Shift_JIS を指定するようにして下さい。
絵文字変換対応表中のそれぞれのコードの対応について
・i モード
i モードでは i モード絵文字ホームページの 10 進数表記の部分に対応いたしております。
・ドット i
ドット i ではドット i 絵文字ホームページにあります、外字アドレスに対応いたしてお
ります。
・ ボーダフォンライブ!
ボーダフォンライブ!ではボーダフォン絵文字ホームページ中の絵文字の下にありま
す、・$∼・の$∼の部分と対応いたしております。
・ EZweb
EZweb では EZweb 絵文字ホームページにあります、数字部分と対応いたしております。
・ H”
H”ではオープンネットコンテンツホームページにあります仕様書のタグと対応いたし
ております。
・ AirH”Phone
AirH”Phone では DDIPOCKET ホームページにあります絵文字に対応しております。
・ L モード
上記の i モードの絵文字に対応しております。
67
絵文字変換対応表
絵柄名
i モード
ボーダフォン
EZweb @mail
ドット i
ライブ!
EZweb
TU-KA 1X
H”
AirH”Phone
WAP2
晴れ
63647
$Gj
F0E5
44
44
<#FINE>
61512
曇り
63648
$Gi
F0E6
107
107
<#CLOUD>
61514
雨
63649
$Gk
F0E7
95
95
<#RAIN >
61513
雪
63650
$Gh
F0E8
60
191
<#CLOUD>
61581
雷
63651
$E]
F0E9
16
16
<#THUNDER>
61533
台風
63652
$Gk
F498
95
190
<#CLOUD>
61608
霧
63653
$Gi
F0E6
107
305
<# CLOUD>
61515
小雨
63654
$Gk
F499
95
95
<#RAIN >
61515
牡羊座
63655
$F_
F075
69
192
<#STAR>
61640
牡牛座
63656
$F`
F076
69
193
<#STAR>
61641
双子座
63657
$Fa
F077
69
194
<#STAR>
61642
蟹座
63658
$Fb
F078
69
195
<#STAR>
61643
獅子座
63659
$Fc
F079
69
196
<#STAR>
61644
乙女座
63660
$Fd
F07A
69
197
<#STAR>
61645
天秤座
63661
$Fe
F07B
69
198
<#STAR>
61646
蠍座
63662
$Ff
F07C
69
199
<#STAR>
61647
射手座
63663
$Fg
F07E
69
200
<#STAR>
61649
山羊座
63664
$Fh
F080
69
201
<#STAR>
61650
水瓶座
63665
$Fi
F081
69
202
<#STAR>
61651
魚座
63666
$Fj
F082
69
203
<#STAR>
61652
スポーツ
63667
$G&
F151
96
218
<#SHIRT>
61530
野球
63668
$G6
F0CE
45
45
<#BALL>
61531
ゴルフ
63669
$G4
F0D2
45
306
<#BALL>
61530
テニス
63670
$G5
F0D1
45
220
<#BALL>
61596
サッカー
63671
$G8
F0CF
96
219
<#BALL>
61616
スキー
63672
$G3
F0D3
60
221
<#SMILE>
61598
バスケットボール
63673
$G8
F0D0
96
307
<#BALL>
61616
モータースポーツ
63674
$ER
F48D
125
222
<#FLAG>
61519
ポケットベル
63675
$G*
F167
161
308
<#TELEPHONE>
61589
68
電車
63676
$G%3E
F0A6
172
172
<#TRAIN>
61520
地下鉄
63677
$G%3E
F488
172
172
<#TRAIN>
61520
新幹線
63678
$G?
F0A8
172
217
<#TRAIN>
61520
車(セダン)
63679
$G;
F489
125
125
<#CAR>
61519
車(RV)
63680
$G;
F489
125
125
<#CAR>
61519
バス
63681
$Ey
F0A5
148
216
<#CAR>
61615
船
63682
$F%22
F0AA
169
169
<#MARINE>
61615
飛行機
63683
$G=
F0A9
168
168
<#PLANE>
61521
家
63684
$GV
F185
112
112
<#HOME>
61523
ビル
63685
$GX
F186
112
112
<#BUIL>
61524
郵便局
63686
$Es
F186
112
112
<#BUIL>
61523
病院
63687
$Eu
F0DC
112
304
<#BUIL>
61523
銀行
63688
$Em
F0DF
112
212
<#BUIL>
61523
ATM
63689
$Et
F494
112
205
<#BUIL>
61523
ホテル
63690
$Ex
F0BA
112
112
<#BUIL>
61523
コンビニ
63691
$Ev
F0AE
112
206
<#HOME>
61523
ガソリンスタンド
63692
$GZ
F0D7
135
213
<#CAR>
61523
駐車場
63693
$Eo
F0D6
125
208
<#CAR>
61519
信号
63694
$En
F490
99
99
<#FLAG>
61519
トイレ
63695
$Eq
F495
50
207
<#AUAU>
61523
レストラン
63696
$Gc
F0B5
160
146
<#DINNER>
61526
喫茶店
63697
$Ge
F0B4
93
93
<#COFFEE>
61559
バー
63698
$Gd
F0B3
52
52
<#GLASS>
61527
ビール
63699
$Gg
F0B2
12
65
<#BEER>
61535
ファーストフード
63700
$E@
F0AF
146
245
<#ONIGIRI>
61654
ブティック
63701
$E^
F157
124
124
<#BAG>
61680
美容院
63702
$G%25
F17C
104
104
<#HASAMI>
61571
カラオケ
63703
$G¥
F0B9
13
289
<#MIC>
61555
映画
63704
$G]
F0BF
110
226
<#RECORD>
61597
右斜め上
63705
$FV
F4A0
42
70
<#VSEL>
61603
遊園地
63706
$ED
F0BD
68
223
<#SMILE>
61613
音楽
63707
$Ga
F1B2
13
294
<#RECORD>
61547
アート
63708
$GR
F177
149
309
<#PEN>
61537
演劇
63709
$Eb
F1B4
68
68
<#RECORD>
61597
イベント
63710
$EB
F48E
49
311
<#FLAG>
61613
69
チケット
63711
$EE
F1B5
106
106
<#MAIL>
61591
喫煙
63712
$E=
F0E4
50
176
<#TABACCO>
61560
禁煙
63713
$F(
F0E3
31
177
<#NOSMOKING>
61540
カメラ
63714
$G(
F16E
94
94
<#SMILE>
61597
カバン
63715
$E%3E
F15D
83
83
<#BAG>
61563
本
63716
$Eh
F17A
97
97
<#NOTE>
61536
リボン
63717
$GR
F08D
113
312
<#FLOWER>
61563
プレゼント
63718
$E2
F1B6
144
144
<#FLOWER>
61584
バースデー
63719
$GQ
F1B6
72
313
<#DINNER>
61582
電話
63720
$G)
F165
85
85
<#TELEPHONE>
61506
携帯電話
63721
$G*
F164
161
161
<#TELEPHONE>
61589
メモ
63722
$Eh
F179
121
121
<#NOTE>
61536
TV
63723
$EJ
F171
115
288
<#RECORD>
61597
ゲーム
63724
$EK
F170
170
232
<#MELODY>
61597
CD
63725
$EF
F175
13
300
<#RECORD>
61547
ハート
63726
$F,
F0FB
51
51
<#HEART>
61504
スペード
63727
$F.
F141
51
314
<#SPADE>
61579
ダイヤ
63728
$F-
F0FC
51
315
<#DIA>
61577
クラブ
63729
$F/
F140
51
316
<#CLUBS>
61578
目
63730
$G!
F1D3
50
317
<#SMILE>
61575
耳
63731
$G!
F4CC
50
318
<#SMILE>
61575
手(グー)
63732
$G0
F0F4
50
281
<#PUNCH>
61523
手(チョキ)
63733
$G1
F0F5
50
319
<#PEACE>
61525
手(パー)
63734
$G2
F0F6
50
320
<#BYEBYE>
61575
右斜め下
63735
$FX
F4A1
43
43
<#VSEL>
61602
左斜め上
63736
$FW
F4A2
42
42
<#VSEL>
61603
足
63737
$G'
F155
124
276
<#SMILE>
61575
くつ
63738
$G'
F156
124
124
<#SMILE>
61563
眼鏡
63739
$G!
F160
116
116
<#SMILE>
61563
車椅子
63740
$F*
F496
50
178
<#SMILE>
61519
新月
63808
$Gl
F49A
47
321
<#MOON>
61544
やや欠け月
63809
$Gl
F49A
47
322
<#MOON>
61544
半月
63810
$Gl
F49A
47
323
<#MOON>
61544
三日月
63811
$Gl
F49A
47
15
<#MOON>
61544
満月
63812
$Gl
F49B
47
47
<#MOON>
61544
70
犬
63813
$Gr
F073
74
74
<#DOG>
61549
猫
63814
$Go
F083
74
251
<#CAT>
61550
リゾート
63815
$G%3C
F48C
169
169
<#MARINE>
61609
クリスマス
63816
$GS
F08B
113
234
<#BELL>
61613
左斜め下
63817
$FY
F4A3
43
71
<#VSEL>
61602
カチンコ
63824
$E%
F184
143
226
<#MOVIE>
61597
ふくろ
63825
$E%3E
F15D
83
83
<#MONEY>
61585
ペン
63826
$E%25
F177
149
149
<#PEN>
61537
映画(B)
63827
$G]
F0BF
110
110
<#MOVIE>
61537
人影
63829
$G!
F09C
50
50
<#SMILE>
61595
イス
63830
$E`
F1C2
136
136
<#STAR>
61523
夜
63831
$Gl
F49A
47
47
<#MOON>
61544
soon
63835
$FZ
F0EC
70
70
<#STAR>
61619
on
63836
$Fm
F4A4
[ON]
[ON]
<#STAR>
61604
end
63837
$F[
F0EB
71
71
<#STAR>
61618
時計
63838
$GD
F16D
46
46
<#CLOCK>
61505
四角 F
63839
[F]
F345
[F]
[F]
?
[F]
四角 D
63840
[D]
F343
[D]
[D]
?
[D]
四角 S
63841
[S]
F352
[S]
[S]
?
[S]
四角 C
63842
[C]
F342
[C]
[C]
?
[C]
四角 R
63843
[R]
F351
[R]
[R]
?
[R]
四角(A)
63844
$F:
■
21
21
?
61590
四角(B)
63845
$F;
■
22
22
?
61590
逆三角
63846
$FS
▽
32
32
?
61590
4 十字
63847
$E%3C
F1A0
28
28
?
61595
3 十字
63848
$E%3C
F1A0
28
28
?
61595
2 十字
63849
$E%3C
F1A0
28
28
?
61595
1 十字
63850
$E%3C
F1A0
28
28
?
61595
四角 I
63851
[I]
F348
[I]
[I]
?
[I]
四角 M
63852
[M]
F34C
[M]
[M]
?
[M]
四角 E
63853
[E]
F344
[E]
[E]
?
[E]
四角 VE
63854
[VE]
[VE]
[VE]
[VE]
?
[VE]
球
63855
$F9
F0CE
41
41
?
61590
カード使用不可
63856
$G-
X
98
98
?
61532
四角(C)
63857
$F&
X
22
62
?
61590
71
phone to
63858
$E$
F164
161
161
<#TELEPHONE>
61589
Mail to
63859
$E#
F181
129
129
<#MAIL>
61539
Fax to
63860
$G+
F168
166
166
<#NOTE>
61506
i モード
63861
$F!
F4AE
11
11
<#SMILE>
61589
i モード(枠付き)
63862
$F!
F4AE
11
11
<#SMILE>
61589
メール
63863
$E#
F181
129
129
<#MAIL>
61539
ドコモ提供
63864
$G*
F164
50
50
<#SMILE>
61589
ドコモポイント
63865
$G*
F164
50
50
<#SMILE>
61589
有料
63866
$Ei
F2D5
139
139
<#BAG>
61589
無料
63867
$Gv
F4AE
68
299
<#SMILE>
61589
ID
63868
$FI
F1B3
109
109
<#PEN>
61589
パスワード
63869
$G_
F1A5
120
120
<#NOTE>
61589
次項有
63870
$FZ
F0F0
141
141
<#HSEL>
61619
クリア
63872
$EZ
F178
56
324
<#NOTE>
61627
サーチ(調べる)
63873
$E4
F182
119
119
<#NOTE>
61593
NEW
63874
$F2
F4A8
56
56
<#NOTE>
61593
位置情報
63875
$ER
F17D
49
237
<#FLAG>
61589
フリーダイヤル
63876
$F1
F4AF
85
85
<#TELEPHONE>
61506
シャープダイヤル
63877
$F0
F2B4
85
85
<#TELEPHONE>
61506
モバQ
63878
$Gu
F05F
68
68
<#SMILE>
61589
1
63879
$F%3C
F2B6
[1] *1
180
[1]
61631
2
63880
$F=
F2B7
[2] *1
181
[2]
61632
3
63881
$F%3E
F2B8
[3] *1
182
[3]
61633
4
63882
$F?
F2B9
[4] *1
183
[4]
61634
5
63883
$F@
F2BA
[5] *1
184
[5]
61635
6
63884
$FA
F2BB
[6] *1
185
[6]
61636
7
63885
$FB
F2BC
[7] *1
186
[7]
61637
8
63886
$FC
F2BD
[8] *1
187
[8]
61638
9
63887
$FD
F2BE
[9] *1
188
[9]
61639
0
63888
$FE
F2B5
[0] *1
325
[0]
61630
決定
63920
$Fm
F2DF
118
326
<#HSEL>
61604
黒ハート
63889
$GB
F0FB
51
51
<#HEART>
61504
揺れるハート
63890
$GB
F4AE
51
328
<#HEART>
61592
失恋
63891
$GC
F270
95
265
<#BHEART>
61576
ハートたち(複数ハート)
63892
$GB
F0FA
51
266
<#HEART>
61592
72
わーい(嬉しい顔)
63893
$Gv
F1D3
68
257
<#SMILE>
61595
ちっ(怒った顔)
63894
$Gy
F1D5
50
258
<#ANGRY>
61534
がく~(落胆した顔)
63895
$E(
F283
50
260
<#CRY>
61528
もうやだ~(悲しい顔)
63896
$Gx
F1D4
50
259
<#CRY>
61528
ふらふら
63897
$E'
F278
50
327
<#CRY>
61558
グッド(上向き矢印)
63898
$FR
F0F3
29
70
<#VSEL>
61603
るんるん
63899
$G^
F149
68
291
<#MELODY>
61516
いい気分(温泉)
63900
$EC
F0DE
68
224
<#SPA>
61543
かわいい
63901
$E0
F14A
113
113
<#FLOWER>
61529
キスマーク
63902
$G#
F0F7
51
273
<#KISS>
61517
ぴかぴか(新しい)
63903
$F&
F0FA
28
28
<#STAR>
61593
ひらめき
63904
$E/
F268
77
77
<#STAR>
61593
むかっ(怒り)
63905
$Gy
F289
50
262
<#PIKI>
61556
パンチ
63906
$G-
F1D5
50
281
<#PUNCH>
61532
爆弾
63907
$E3
F19C
76
268
<#DOKURO>
61538
ムード
63908
$Fw
F149
51
291
<#MELODRY>
61518
バッド(下向き矢印)
63909
$FS
F0F2
30
43
<#VSEL>
61602
眠い(睡眠)
63910
$E¥
F28C
50
261
<#SLEEP>
61558
exclamation
63911
$GA
F4A9
1
1
<#AUAU>
61597
exclamation&question 63912
$G@
F143
3
3
<#AUAU>
61600
exclamation×2
63913
$GA
F142
2
2
<#AUAU>
61599
どんっ(衝撃)
63914
$F%25
F49C
76
329
<#AUAU>
61599
あせあせ(飛び散る汗)
63915
$E(
F1D4
50
330
<#AUAU>
61600
たらーっ(汗)
63916
$E(
F1D4
50
263
<#TEAR>
61600
ダッシュ(走り出すさま)
63917
$E5
F24B
125
282
<#DENPA>
61599
ー(長音記号1)
63918
~ *2
~ *2
~ *2
~ *2
~
61625
ー(長音記号2)
63919
~ *2
~ *2
~ *2
~ *2
~
61511
*1 EZweb に、対応する数字の絵文字がないため、”[1]”∼”[0]”のテキストに変換
します。
*2 i モード以外に、対応する長音記号の絵文字がないため、”∼”のテキストに変
換します。
73
3.7 アクセスキー
アンカー(<A>)タグ等の ACCESSKEY 属性で指定するダイレクトキーの機能は、コンテ
ンツに特別な指定をすることなく、ボーダフォンライブ!端末、EZweb 端末、ドット i 端
末、ブラウザフォン、L モード、WAP2、AirH”Phone 端末でも使用できます。ただし、以
下の 3 点の注意事項があります。
・ i モード、WAP2 以外の端末への変換を行う場合は、A タグ以外のタグ(INPUT や
TEXTAREA など)に付加したアクセスキーは動作しません。
・ ボーダフォンライブ!端末(ステーション対応端末を除く)と EZweb 端末(Wap2 端末
以外)と H”端末のダイレクトキーを指定すると、各キー値を示す番号が既定で表示さ
れます。これが、i モードのコンテンツに元々ある番号の絵文字と重複してしまい、
見た目が良くありません。従って、ACCESSKEY 属性の付いたアンカー(<A>)タグ
内のテキスト内に ACCESSKEY 属性と同じ数字を表す絵文字が使われていた場合、
番号の絵文字はすべて削除するようになっています。この削除する絵文字は、具体的
番号の絵文字
には以下の通り
です。
絵文字の番号
削除する絵文字
(i モードのコード)
1
63879
2
63880
3
63881
4
63882
5
63883
6
63884
7
63885
8
63886
9
63887
0
63888
・ EZweb(Wap2 端末以外)の 0 番のダイレクトキーを使用すると、それ以降のアンカー
(<A>)タグに、1からのダイレクトキーが自動的に付加されてしまう端末があるため、
EZweb(Wap2 端末以外)では、0 番のダイレクトキーは MobilenetServer/WEB のテ
ンプレート機能により削除されます。従って、EZweb(Wap2 端末以外)への変換も考
慮する場合は、i モード用のオリジナルコンテンツに 0 番のアクセスキーを使用しな
74
いようにしてください。
アクセスキーとそれに対応する絵文字をコンテンツに書く場合は、アンカー(<A>)タグ内
に絵文字を入れるようにし、0 番は使用しないようにして下さい。
ボーダフォンライブ!端末(非ステーション対応端末)と EZweb 端末(Wap2 端末以外)お
よび H”端末において、絵文字が削除され、絵文字と番号の重複がなくなります。
良い例
<A href="next.htm" accesskey="1">&#63879;次へ</A><BR>
<A href="prev.htm" accesskey="2">&#63880;前へ</A>
HTML ソース
変換後のイメージ
1 次へ
2 前へ
悪い例
&#63879;<A href="next.htm" accesskey="1">次へ</A><BR>
&#63880;<A href="prev.htm" accesskey="2">前へ</A>
HTML ソース
変換後のイメージ
1 1 次へ
2 2 前へ
<A>タグの外に絵文字があると、ボーダフォンライブ!端末(ステーション対応端末を除
く)と EZweb 端末(Wap2 端末以外)と H”端末では、2重に数字が表示されてしまいます。
注意.
注意. 番号の文字列の削除について
上記の通り、アンカータグ内の番号の絵文字は自動的に削除されますが、アンカータグ
内に数字をそのまま指定していた場合は削除されません。この場合、EZweb 端末で番号の
重複を避けるために、以下のように$BLOCKDEL を$EZWEB キャリア指定属性と共に指
定して、数字を削除するような対処をお願いしておりました。
75
<A HREF=xxx.htm accesskey="1">
<!-- $BLOCKDEL $EZWEB -->1.<!-- /$BLOCKDEL $EZWEB -->xxx
</A>
しかし、au の Wap2 端末(C5000、A3000、C3000 シリーズ)では、従来の EZweb 端末
と異なり、ダイレクトキーの値を示す番号が既定で表示されませんので、上記のような記
述をした場合には、Wap2 端末では番号がまったく表示されなくなってしまいます。ですの
で、上記「$EZWEB」を Ver3.3 で追加した「Wap2.0 端末以外の EZweb 端末」を示すキ
ャリア指定属性である「$EZWEBHDML」に変更して頂くよう、お願い致します。変更し
て頂くと、上記$BLOCKDEL は、au の Wap2.0 端末では動作しなくなりますので、「1.」
が削除されず表示されるようになります。修正するコンテンツが多量にあり直接コンテン
ツを修正できない場合は、templ-commentEZ-Wap2.txt にある、上記$BLOCKDEL を無
効化するテンプレートのコメントをはずして有効化してください。
76
3.8 入力フォームの EZweb 変換について
3.8.1
入力フォーマットの指定
テ キ ス ト 入 力 関 連 の タ グ ( <input
type=”text”>,<input
type=”password”>,<textarea>)に MobilenetServer/WEB の独自属性$format を
付加しておくと、HDML 独自の属性 format に変換されます。これによって、テ
キスト入力時のフォーマットを細かく指定することができます。
使用例:
<input type=”text” name=”postcode” $format=”NNN-NNNN”>
<input type=”password” name=”postcode” $format=”NNN-NNNN”>
<textarea name=”postcode” $format=”NNN-NNNN”></textarea>
先述のように$format の中身は HDML の format 属性にそのまま変換されます
ので、$format に指定する文字列の書式については EZweb 公式サイト等に掲載さ
れている format 属性の説明をご参照ください。なお、後述するように$format は
WAP2 変換する場合においても有効となっております。
3.8.2
パスワードマスクの指定
<input type=”password”>を HDML 変換した場合、パスワード入力後のマスク
文字列として”*****”が固定的に使用されます。このマスク文字列を変更したい場
合には MobilenetServer/WEB 独自属性$mask を指定するようにして下さい。
使用例:
<input type=”password” name=”p” $mask=”?????”>
3.8.3
スタイル
標準設定を適用している場合にはデフォルトで asis スタイルが使われますので
設定の変更は特に必要ありません。
以下の説明は asis スタイルが適用されていることを前提としています。arrange
スタイルを適用する場合の説明については付録をご覧下さい。
77
3.8.4
変数名の表示
INPUT(TYPE=TEXT)、TEXTAREA、SELECT タグの場合は、title 属性も
しくは$label 属性を付加することで、入力画面(選択画面)に任意の文字列を表
示することができます。なお、title と$label の両方が指定されている場合は$label
の値が優先されます。
<input type=”text” title=”名前を入力して下さい” $value=”mobile”>
↓ 生成される入力画面
名前を入力して下さい:
mobile
78
3.9 入力フォーム(FORM タグ)
1)
CGI プログラムなどの作り
URL を含む送信データの長さが, 携帯端末上のブラウザが持つ URL の長さ制
限を超えた場合, 全データが渡らない可能性がありますので、注意が必要です。ま
た、処理結果として画像を返す場合、EZweb では表示できません。
2)
入力フォームのサイズ
MobilenetServer/WEB では、iモードなどのスマートフォンにコンテンツを
表示させるために、ページを分割する機能を備えています。ページ分割はサイズ
による指定と特定タグの開始タグから終了タグを 1 ページとする指定ができます。
しかし、入力フォーム(<FORM>から</FORM>まで)が、スマートフォンで表示
できるページサイズ(下表参照)を超えてしまうようなコンテンツは表示ができ
なくなります。これは、入力フォームを分割することはできないためです。スマ
ートフォンにおいては、入力フォームは表示可能なページサイズ内で作成する必
要があります。
入力フォームが、スマートフォンで表示できるページサイズ内の場合でも、入
力フォームの直前に、サイズの大きい画像等がある場合、入力フォーム内でペー
ジサイズを超えてしまい、表示できなくなりますが、前述の改ページの制御を行
う事で回避することができます。
スマートフォンで表示できるページサイズ(ただし機種により異なります)
サービス名
1 ページのサイズ(単位:K バイト)
docomo
∼5、∼10
ボ ー ダ フ ォ ン ∼6、∼12
ライブ!
EZweb
∼1.2、∼7
ドット i
∼10
AirH”Phone
∼50
79
3)
処理結果のデータサイズ
入力フォームの送信により、データ(データベースなど)を更新するような CGI
プログラムなどにおいて注意が必要です。たとえば、入力フォーム送信により、
在庫数を減じるような CGI プログラムあった場合に、その処理結果を表示させる
ためのデータ(コンテンツ)サイズが、iモード端末、ボーダフォンライブ!端
末、EZweb 端末で表示可能なデータサイズを超えると、MobilenetServer/WEB
がページ分割を行うため複数ページに分割されます。複数ページに分割されたペ
ージをそれぞれアクセスすると、そのたびに在庫数を減じる処理が動作すること
になり、意図した結果と異なる事となります。
このようなことが起こらないようにするために、上記のようなデータ更新を行
う処理では、処理結果を表示させるデータ(コンテンツ)を1ページ(携帯端末
が表示可能なデータサイズ)に収まるようにする必要があります。
4)
複数選択リスト(SELECT タグ MULTIPLE 属性)
複数選択リスト(SELECT タグの MULTIPLE 属性)については、C-HTML1.0
ではサポートされていないため、iモード端末の 501iの機種では複数選択が利用
できません。複数選択リストを用いることは、スマートフォンのブラウザ用への
コンテンツ変換を行う上では、推奨いたしません。
EZweb で は 入 力 フ ォ ー ム は 独 自 処 理 に よ っ て 変 換 さ れ ま す 。 そ の 際
MULTIPLE 属性は無視されます。
5)
画像付き送信ボタン(INPUT タグ TYPE=”image”属性)
標準のテンプレートファイルでは、画像付きの送信ボタン(TYPE 属性が image
の INPUT タグ)は、iモード、ボーダフォンライブ!、およびドット i ではサポ
ートされていないため、画像なしの送信ボタンに置き換えられます。
6)
入力文字指定(INPUT タグ istyle 属性)
C-HTML の istyle 属性で指定する入力文字指定機能は、コンテンツに特別な指
定をすることなく、ボーダフォンライブ!端末、EZweb 端末、ドット i 端末、ブ
ラウザフォン、L モード、H"(feelH"端末のみ)でも使用できます。ただし、EZweb
端末は、ConvertHtmlIstyleEZ に変換形式を指定する必要があります。
80
属性の値は、
istyle="1" 全角かな
istyle="2" 半角カナ
istyle="3" 英字
istyle="4" 数字
となっています。
7)
最大入力文字数(INPUT タグ MAXLENGTH 属性
INPUT タグの MAXLENGTH 属性の指定値の効果はバイト数や文字数など端
末によって異なります。そのため MAXLENGTH 属性で文字数を制限することが
できません。文字数制限を行いたい場合には、CGI 等でサーバ側で処理を行って
ください。
8)
ページ分割
H”端末は、FORM タグでページ分割されます。また、$NOPAGEDIV を使用
し て FORM タ グ 内 で は ペ ー ジ 分 割 さ れ な い よ う に し て 下 さ い 。 な お 、
$NOPAGEDIV から/$NOPAGEDIV の間には入力フォームは 1 つにして下さい。
81
3.10 Wap2 端末固有の属性を使用する
i モード向けコンテンツにおいても、$FORMAT、$COPYRIGHT、$TITLE、$OPTGROUP
といった MobilenetServer/WEB 独自属性が使用できます。詳細は 2 章を参照して下さい。
82
83
付録1
付録1.1
付録
独自属性一覧
指定するタグごとに MobilenetServer/WEB 独自属性をまとめた表を以下に示します。
なお、表中の独自属性の欄に「(i モードコンテンツからの変換時も有効)」と記入され
ていない独自属性は、HTML コンテンツからの変換時のみに使用する独自属性です。
指定するタグ
独自属性
機能
<IMG>
$IMGDEL
インラインイメージを削除する。
$IMGTXT=”∼”
インラインイメージをテキストに置
き換える。
$ALTTXT
インラインイメージをテキストに置
き換える(ALT 属性に指定された文字
列をテキストとして使用する)。
$IMGLNK=”∼”
インラインイメージをイメージへの
リンクに置き換える。
$ALTLNK
インラインイメージをイメージへの
リンクに置き換える(ALT 属性に指定
された文字列をリンク文字列として
使用する)。
$IMGINL
インラインイメージを残す。
$COPYRIGHT=”∼”
Wap2 端末でサポートされている、各
(i モードコンテンツか 種マルチメディアデータのデータフォ
<TABLE>
らの変換時も有効)
ルダへの保存の制限をする。
$TCELL
テーブル要素の
列と列の間を改行にし、
行と行の間を改行にする。
$TBLOCK
テーブル要素の
列と列の間を空白にし、
行と行の間を改行にする。
$TSTRING
テーブル要素の
列と列の間を空白にし、
行と行の間を空白にする。
84
<A>
$TASIS
<TABLE>タグを残す。
$NOPATHCHG
リンク先を変換しない。
$TITLE=”∼”
EZweb 端末でサポートされている、
(i モードコンテンツか ハイパーリンクが選択されている時の
らの変換時も有効)
ソフトキーに表示される文字列を指定
する。
<FORM>
HDML のフォームのタイトル文字列
$LABEL=”∼”
(i モードコンテンツか を指定する。
らの変換時も有効)
HDML のフォームのレイアウトを指
$STYLE=”∼”
(i モードコンテンツか 定する。
らの変換時も有効)
“asis”、”arrange1”、”arrange2”から
選択する。
HDML のフォームに表示する各入力
<FORM>内の、
$LABEL=”∼”
<INPUT>、
(i モードコンテンツか 部品のテキストを指定する。
<TEXTAREA>、 らの変換時も有効)
<SELECT>、
<BUTTON>
$FORMAT=”∼”
<INPUT>タグ、<TEXTAREA>タグ
(i モードコンテンツ にだけ指定できる。Wap2 端末でサポ
からの変換時も有効)
ートされている文字入力支援・制御の
指定をする。
<FRAME>
$FRMDEL
指定したフレームを表示しないよう
にする。
<NOFRAMES>
<NOFRAMES>の指定を無効化し、
$FRMDEL
それぞれの<FRAME>をリンクに置
き換える。
<OBJECT>
$COPYRIGHT=”∼”
Wap2 端末でサポートされている、各
(i モードコンテンツか 種マルチメディアデータのデータフォ
<!-- ∼ -->
らの変換時も有効)
ルダへの保存の制限をする。
$PHONETO=”∼”
電話をかけるリンクに置き換わる。
$FAXTO
FAX を受信するリンクに置き換え
(コメント)
る。
85
<!-- ∼ -->
$LABEL=”∼”
上記、$PHONETO や$FAXTO と組
(コメント)
み合わせて使用する。
電話をかけたり、FAX を受信するリ
ンク用のテキストを指定する。
絵 文 字 を 表 示 す る 。 ($DOTI 、
$EMOJI
$EZWEB 、 $IMODE 、 $JSKY 、
$LMODE、$H と組み合わせて使用す
る。)
$DOTI=”∼”
上記、$EMOJI と組み合わせて使用
$EZWEB=”∼”
する。
$IMODE=”∼”
表示する絵文字を指定する。
$JSKY=”∼”
$DOTI はドット i 用
$LMODE=”∼”
$EZWEB は EZWEB 用
$H=”∼”
$IMODE は i モード用
$HPHONE=”∼”
$JSKY はボーダフォンライブ!用
$LMODE は L モード用
$H は H”用
$HPHONE は AirH”Phone 用
$DOTITXT=”∼”
上記、$EMOJI と組み合わせて使用
$EZWEBTXT=”∼”
する。
$IMODETXT=”∼”
絵文字の代わりに表示するテキスト
$JSKYTXT=”∼”
を指定する。
$LMODETXT=”∼”
$DOTITXT はドット i 用
$HTXT=”∼”
$EZWEBTXT は EZWEB 用
$HPHONETXT=”∼”
$IMODETXT は i モード用
$JSKYTXT はボーダフォンライブ!
用
$ LMODETXT は L モード用
$HTXT は H”用
$HPHONETXT は AirH”Phone 用
86
$UNCOMMENT=”
MobilenetServer/WEB による変換後
∼”
に有効となる HTML を記述する。
(i モードコンテンツか
らの変換時も有効)
<!-- ∼ -->
(コメント)
<!-- $BLOCKDEL -->
∼
(i モードコンテンツか <!-- /$BLOCKDEL -->
らの変換時も有効)
で囲まれた部分を、携帯電話で参照す
$BLOCKDEL
るときだけ削除する。
$PAGEDIV
<!-- $PAGEDIV -->
(i モードコンテンツか が指定された位置でページ分割され
らの変換時も有効)
る。
$NOPAGEDIV
<!-- $NOPAGEDIV -->
(i モードコンテンツか ∼
らの変換時も有効)
<!-- /$NOPAGEDIV -->
で囲まれた部分では、ページ分割され
ない。
87
<!-- ∼ -->
$IMODE、
$UNCOMMENT 、 $BLOCKDEL 、
(コメント)
$JSKY、
$PAGEDIV、$NOPAGEDIV と組み
$EZWEB、
合わせて使用する。
$EZWEBMONO、
ただし、$EZWEBHDML については
$EZWEBHDML、
$UNCOMMENT と$BLOCKDEL と
$DOTI、
のみ併用指定可能。
$BRPHONE
それぞれの指定を有効にするキャリ
$LMODE
アを限定する。複数同時指定可能。
$H
$IMODE は、i モードに限定。
$HPHONE
$JSKY は、ボーダフォンライブ!に
$PDA
限定。
(i モードコンテンツか $EZWEB は、EZweb 端末(カラー、
らの変換時も有効)
白黒端末)に限定。
$EZWEBMONO は、EZweb 白黒端
末に限定。
$EZWEBHDML は、EZweb HDML
端末(Wap2 端末以外)に限定。
$DOTI は、ドット i に限定。
$BRPHONE は、ブラウザフォンに
限定。
$LMODE は、L モードに限定。
$H は、H”に限定。
$HPHONE は、AirH”Phone に限定。
$PDA は、PDA 端末に限定。
$REQUIRED
<!-- $REQUIRED -->
∼
<!-- /$REQUIRED -->
で囲まれたテキストを、目次化、ペー
ジ分割を行っても、必ず表示する。
$OPTGROUP、
Wap2 端末でサポートされている、選
$LABEL=”∼”
択メニューのグループ化を指定する。
(i モードコンテンツか グループのラベルとして表示したい
らの変換時も有効)
88
文字列を$LABEL に指定する。
全てのタグ
$TAGDEL
開始タグと閉じタグだけを削除する。
(i モードコンテンツか
らの変換時も有効)
89
付録1.2
利用者独自テンプレートの追加
独自にテンプレートを追加する場合は、標準テンプレートの置き換えが簡単にできるよ
うに、標準テンプレートとして用意されたファイルに追加せずに、別ファイルに追加して
下さい。
また、独自属性を新たに定義する場合は、先頭文字を’$’にしないで下さい。これは、
MobilenetServer/WEB が使用する独自属性の先頭文字が’$’であるので、属性名が重複する
可能性があるためです。
90
付録1.3
フォームの EZweb 変換のスタイルについて
付録1.3.1 スタイル概要
入力フォームを EZweb 用に変換する場合、目的やコンテンツ内容に応じて、変換
後のスタイルを以下の 3 種類の中から選ぶことができます。
・asis(変換前の HTML のスタイルをそのまま利用する)
・arrange1(変数のリストと SUBMIT ボタンを一覧表示する)
・arrange2(変数のリストを一覧表示し SUBMIT ボタンを別画面に表示する)
使用するスタイルは、以下のように MobilenetServer/WEB の独自属性である
$STYLE を FORM タグに付加することによって選択します。
<FORM ACTION=”http://∼” $STYLE=”asis”>
← asis を使用
<FORM ACTION=”http://∼” $STYLE=”arrange1”> ← arrange1 を使用
<FORM ACTION=”http://∼” $STYLE=”arrange2”> ← arrange2 を使用
なお、$STYLE が付加されていないフォームには ConvertHdmlFormStyle に指定
したスタイルが適用されます。ConvertHdmlFormStyle に指定してているのと同
じ変換を行う時は、特に$STYLE で指定する必要はありません。
付録1.3.2 asis スタイル
asis スタイルは変換前の HTML のスタイルをそのまま利用したい場合に指定し
ます。変換の例を以下に示します。
<FORM ACTOIN=”∼” ”>
お求めの品物やお支払い方法をご入力下さい。<BR>
<BR>
<SELECT NAME=”goods”>
<OPTION VALUE=”帽子”>帽子
<OPTION VALUE=”シャツ”>シャツ
<OPTION VALUE=”ズボン”>ズボン
<OPTION VALUE=”靴”>靴
</SELECT>
を<BR>
<INPUT TYPE=”TEXT” NAME=”quantity”>着<BR>
<SELECT NAME=”payment”>
<OPTION VALUE=”代引”>代引
<OPTION VALUE=”カード”>カード
<OPTION VALUE=”振込”>振込
</SELECT>
で購入する<BR>
<BR>
<INPUT TYPE=”SUBMIT” VALUE=”送信”><BR>
</FORM>
91
お求めの品物やお支払い方法をご入力下さい。
帽子を
50 着
代引で購入する
送信
asis 変換前の HTML のソースと外観
お求めの品物やお支払い方法をご入力下さい。
[帽子]を
[50]着
[代引]で購入する
[送信]
asis 変換後の HDML の外観
なお、ラジオボタンやチェックボックスを使用しているフォームを asis スタイル
で変換した場合、以下のようになります。
<FORM ACTOIN=”∼” ”>
お求めの品物やお支払い方法をご入力下さい。<BR>
<BR>
<SELECT NAME=”goods”>
<OPTION VALUE=”帽子”>帽子
<OPTION VALUE=”シャツ”>シャツ
<OPTION VALUE=”ズボン”>ズボン
<OPTION VALUE=”靴”>靴
</SELECT>
を<BR>
<INPUT TYPE=”TEXT” NAME=”quantity”>着<BR>
<INPUT TYPE=”RADIO” NAME=”playment” VALUE=”代引”>代引
<INPUT TYPE=”RADIO” NAME=”playment” VALUE=”カード”>カード
<INPUT TYPE=”RADIO” NAME=”playment” VALUE=”振込”>振込
で購入する<BR>
<BR>
<INPUT TYPE=”SUBMIT” VALUE=”送信”><BR>
</FORM>
お求めの品物やお支払い方法をご入力下さい。
帽子を
50 着
● 代引○ カード ○ 振込で購入する
送信
asis 変換前の HTML のソースと外観(ラジオボタン使用)
お求めの品物やお支払い方法をご入力下さい。
[帽子]を
[50]着
[*]代引
[]カード
[]振込で購入する
[送信]
asis 変換後の HDML の外観(ラジオボタン使用)
代引、カード、振込の選択されたものに、チェック”*”がつきます。
なお、チェックボックスの場合は、チェックされたものに対して、”X”がつきま
す。
注意:上記 HTML の例は、ConvertHdmlFormStyle に asis が指定されている
時です。asis 以外が設定されている時は、$STYLE=”asis”を指定してください。
92
付録1.3.3 arrange1 スタイル
arrange1 スタイルは、入力フォームの変数を一覧表示させたい場合に使用しま
す。変換例を以下に示します。
<FORM ACTOIN=”∼” $STYLE=”arrange1”>
お求めの品物やお支払い方法をご入力下さい。<BR>
<BR>
<SELECT NAME=”goods”>
<OPTION VALUE=”帽子”>帽子
<OPTION VALUE=”シャツ”>シャツ
<OPTION VALUE=”ズボン”>ズボン
<OPTION VALUE=”靴”>靴
</SELECT>
を<BR>
<INPUT TYPE=”TEXT” NAME=”quantity”>着<BR>
<INPUT TYPE=”RADIO” NAME=”playment” VALUE=”代引”>代引
<INPUT TYPE=”RADIO” NAME=”playment” VALUE=”カード”>カード
<INPUT TYPE=”RADIO” NAME=”playment” VALUE=”振込”>振込
で購入する<BR>
<BR>
<INPUT TYPE=”SUBMIT” VALUE=”送信”><BR>
</FORM>
お求めの品物やお支払い方法をご入力下さい。
帽子を
50 着
● 代引○ カード ○ 振込で購入する
送信
arrange1 変換前の HTML のソースと外観
[goods:帽子]
[quantity:50]
[payment:代引]
[送信]
arrange1 変換後の HDML の外観
デフォルトでは上の例のように変数名がそのまま出力されてしまいますが、属
性 TITLE もしくは MobilenetServer/WEB 独自属性の$LABEL をフォーム関連タ
グに付加することによって表示文字列を変更することができます。なお、TITLE
と$LABEL の両方が指定されている場合は$LABEL が優先されます。
TITLE および$LABEL を付加できるフォーム関連タグには(FORM、INPUT、
TEXTAREA、
SELECT、
BUTTON)
があります。また、
arrange1 もしくは arragne2
を使用している場合には FORM タグに TITLE、$LABEL を付加するとタイトル
文字列が表示されます。以下に$LABEL の使用例を示します。
93
<FORM ACTOIN=”∼” $STYLE=”arrange1”
$LABEL=”品物とお支払い方法”>
お求めの品物やお支払い方法をご入力下さい。<BR>
<BR>
<SELECT NAME=”goods” $LABEL=”品物”>
<OPTION VALUE=”帽子”>帽子
<OPTION VALUE=”シャツ”>シャツ
<OPTION VALUE=”ズボン”>ズボン
<OPTION VALUE=”靴”>靴
</SELECT>
を<BR>
<INPUT TYPE=”TEXT” NAME=”quantity” $LABEL=”数量”>着<BR>
<INPUT TYPE=”RADIO” NAME=”playment” VALUE=”代引”
$LABEL=”お支払方法”>代引
<INPUT TYPE=”RADIO” NAME=”playment” VALUE=”カード”>カード
<INPUT TYPE=”RADIO” NAME=”playment” VALUE=”振込”>振込
で購入する<BR>
<BR>
<INPUT TYPE=”SUBMIT” VALUE=”送信”><BR>
</FORM>
お求めの品物やお支払い方法をご入力下さい。
帽子を
50 着
● 代引○ カード ○ 振込で購入する
送信
arrange1 変換前の HTML のソースと外観($LABEL 付加)
品物とお支払方法
[品物:帽子]
[数量:50]
[お支払方法:代引]
[送信]
arrange1 変換後の HDML の外観($LABEL 付加)
なお、これまでの例を見ればわかるように、arrange1 スタイルではフォームに
関係ないタグやテキストは削除されてしまいますので、変換後も出力したい文章
がある場合はフォームの外に出すか TITLE、$LABEL 属性にも記述するようにし
て下さい。
付録1.3.4 arrange2 スタイル
arrange2 スタイルは、以下の点を除けば arrange1 スタイルと同じです。
・ SUBMIT ボタンが変数一覧とは違うページに表示される(変数一覧の画面
でソフトキーを押下すると SUBMIT ボタンの画面に移動する)。
・ 数に限りのあるソフトキーを使用するため、ページ分割後の各ページに入力
フォームを 1 つしか置けない。
94
付録1.4
フォームの EZweb 変換の arrange スタイルについて
ここでは入力フォームの EZweb 変換の arrange スタイルについて説明します。
付録1.4.1 基本
入力フォームを EZweb 用へ変換する場合、入力タグの種類に応じて、変数を入
力するための INPUT カードもしくは変数を選択するための CHOICE カード、チ
ェックの ON/OFF を切り替える NODISPLAY カードが生成されます。ここでい
うカードとは EZweb におけるコンテンツの一単位です。
<INPUT TYPE=”TEXT”>
<INPUT TYPE=”PASSWORD”>
<TEXTAREA>
→それぞれの入力タグごとに、値を入力するための INPUT カードが動的に
作成されます。
<SELECT>
<INPUT TYPE=”RADIO”>
<INPUT TYPE=”CHECKBOX”>
→同じ name 属性を持つ入力タグを同じグループとします。そして、それぞ
れのグループごとに値を選択するための CHOICE カードが生成されます。
このときグループに属するタグの value 属性が全て選択子となります。
INPUT カードおよび CHOICE カードの生成の例をいくつか示します。
<INPUT TYPE=”TEXT” NAME=”TX”>
→TX に値を入力するための INPUT カードを生成する。
<INPUT TYPE=”CHECKBOX” NAME=”CHK” VALUE=”A”>A’
<INPUT TYPE=”CHECKBOX” NAME=”CHK” VALUE=”B”>B’
<INPUT TYPE=”CHECKBOX” NAME=”CHK” VALUE=”C”>C’
→CHK の値を選択するための CHOICE カードを生成する。選択子は A,B,C。
95
※
CHOICE カードを生成した場合、CHKECKBOX であっても値を 1 つしか選択できません。
したがって、上記例のような場合において A と B を両方とも選択するということはできま
せん。
このように CHECKBOX で複数の値を選択する必要がある場合には、以下のように各
CHECKBOX ごとに NAME 属性値を分けて、サーバ側アプリケーションをそれにあわせ
て修正することを検討して下さい。これにより同等の機能が実現できます。
<INPUT TYPE=”CHECKBOX” NAME=”CHK_A” VALUE=”ON”>
<INPUT TYPE=”CHECKBOX” NAME=”CHK_B” VALUE=”ON”>
<INPUT TYPE=”CHECKBOX” NAME=”CHK_C” VALUE=”ON”>
INPUT カードや CHOICE カードを生成する場合、もともとの入力フォームに
これらの INPUT カードや CHOICE カードへのリンクが挿入されます。リンクが
挿入される場所は、INPUT カードの場合はそれぞれに対応する入力タグの位置、
CHOICE カードの場合は同じグループに属する入力タグのうち先頭の入力タグの
位置になります。なお、このリンクには各変数の値が表示されます。
変換の例を以下に示します。
<form action=”test.pl” $STYLE=”arrange1”>
名前:<input type=”text” name=”name”><br>
性別:<input type=”radio” name=”sex” value=”male”>男
<input type=”radio” name=”sex” value=”female”>女
<br>
年齢:<select name=”age”>
<option value=”10”>10 代
<option value=”20”>20 代
<option value=”30”>30 代
</select><br>
<input type=”submit”>
</form>
↓EZweb 変換
96
名前:[日電太郎]
リンク
name:
日電太郎
INPUTカード
リンク
sex:
1.male
2.female
CHOICEカード
性別:[male]男女
年齢:[20代]
[submit]
age:
1.10代
2.20代
3.30代
リンク
CHOICEカード
1.の変換結果を見ると”男女”といった不要な文字が残っています。HTML の構
文上、ラジオボタンとこれらの文字列には関連性がないため、自動的に削除する
ことはできません。削除したい場合には独自タグ$BLOCKDEL を使用して手動で
削除して下さい。$BLOCKDEL は$EZWEB と同時に使用することで、EZweb 端
末のみ有効となります。
これらの修正を行った後の変換例を以下に示します。
<form action=”test.pl” $STYLE=”arrange1”>
名前:<input type=”text” name=”name” title=”名前は?”><br>
性 別 : <input type=”radio” name=”sex” value=”male” title=” 性 別
は?”><!-- $BLOCKDEL $ezweb -->男<!-- /$BLOCKDEL $EZWEB -->
<input
type=”radio”
name=”sex”
value=”female”><!--
$BLOCKDEL $EZWEB -->女<!-- /$BLOCKDEL $EZWEB --><br>
年齢:<select name=”age” title=”年齢は?”>
<option value=”10”>10 代
<option value=”20”>20 代
<option value=”30”>30 代
</select><br>
<input type=”submit”>
</form>
97
↓EZweb 変換
名前:[日電太郎]
リンク
名前は?:
日電太郎 INPUTカード
リンク
性別は?:
1.male
CHOICEカード
2.female
性別:[male]
年齢:[20代]
[submit]
年齢は?:
CHOICEカード
1.10代
2.20代
3.30代
リンク
98
付録1.5
フォームの H”変換について
ここではフォームタグを H”変換した時、端末に表示される画面を説明します。
<form action=”test.pl”>
名前:<input type=”text” name=”name”><br>
性別:<input type=”radio” name=”sex” value=”male” checked>男
<input type=”radio” name=”sex” value=”female”>女<br>
年齢:<select name=”age”>
<option value=”10”>10 代
<option value=”20”>20 代
<option value=”30”>30 代
</select><br>
趣味:<input type="checkbox" name="hobby" value="book">読書<br>
<input type="checkbox" name="hobby" value="sports">スポーツ<br>
<input type="checkbox" name="hobby" value="music">音楽鑑賞<br>
<input type=”submit”>
</form>
変換前の HTML のソース
名前:
性別:●男 ○女
年齢: 10 代 ▽
趣味:□読書
□スポーツ
□ 音楽鑑賞
送信
変換前の HTML の外観
99
H”変換を行った時、端末には以下のように表示されます
[
名前:
[
]
]
1=>input
クリックすることで名前を入力するページが表示されま
す。
性別:
(*)男
( )女
( )女
1=>cancel
2=>input
2=>on
年齢:
クリックすることでラジオボタン選択変更の画面が表示
+--------+-+
されます。また、選択されているものは端末では(*)と表
|10 代
|=|
示されます
+--------+-+
3=>input
趣味:
[ ]読書
4=>input
[ ]スポーツ
5=>input
[ ]音楽鑑賞
+--------+-+
|10 代
|=|
+--------+-+
1=>cancel
2=>10 代
3=>20 代
4=>30 代
クリックすることで選択画面が表示されます。
6=>input
7=>submit
[ ]スポーツ
8=>reset
1=>cancel
2=.on
クリックすることでチェックボックスの on/off を変更
できる画面になります。既に選択されている場合は、
2=>off になります。また、選択されたものは、端末では
[X]と表示されます。
注 意 : H” 変 換 で は フ ォ ー ム タ グ の 前 後 で 改 ペ ー ジ が 入 り ま す 。 ま た 、
$NOPAGEDIV を使用して FORM タグ内ではページ分割されないようにして下さ
い。なお、$NOPAGEDIV から/$NOPAGEDIV の間には入力フォームは 1 つにし
100
て下さい。
101
付録1.6
l
注意、制限事項
$∼(例えば$TAGDEL)という属性は MobilenetServer/WEB が使用する独自属
性であるため、ブラウザによっては正しく表示されない可能性がありますので、
注意が必要です(Internet Explorer、Netscape Communicator のブラウザでは問
題ありません)。
l
元のコンテンツに 1 ビットカラーインデックスの gif、2 段階グレイスケールの
png がある場合、EZweb の端末によっては表示できない場合があります。
l
mailto をサポートしていない端末では、MAILTO は有効となりません。
l
BASE タグはリンク書き換えされません。また、BASE タグをサポートしていな
い端末があります。BASE タグは使用しないようにして下さい。
102
103
索 引
$ALTLNK .........................................................................................................................7, 9, 10, 13, 14, 83
$ALTTXT....................................................................................................................7, 8, 10, 12, 14, 15, 83
$BLOCKDEL .............................................................................................24, 25, 28, 58, 59, 62, 74, 86, 87
$BRPHONE .................................................................................................................24, 27, 39, 58, 61, 64
$COPYRIGHT..........................................................................................................................51, 81, 83, 84
$DOTI .........................................................................................................24, 27, 39, 45, 58, 61, 64, 85, 87
$DOTITXT............................................................................................................................................45, 85
$EMOJI ................................................................................................................................................45, 85
$EXIRE.........................................................................................................................24, 27, 39, 58, 61, 64
$EZWEB ...............................................................................................24, 27, 39, 45, 58, 61, 64, 74, 85, 87
$EZWEBHDML ...........................................................................................................24, 27, 58, 61, 75, 87
$EZWEBMONO .............................................................................................................................39, 64, 87
$EZWEBTXT........................................................................................................................................45, 85
$FAXTO................................................................................................................................................42, 84
$FMTCOLOR .......................................................................................................................................20, 21
$FORMAT ......................................................................................................................................51, 81, 84
$FRMDEL ............................................................................................................................................30, 84
$FRMLBL.............................................................................................................................................30, 31
$H................................................................................................................24, 27, 39, 45, 58, 61, 64, 85, 87
$HPC ............................................................................................................................24, 27, 39, 58, 61, 64
$HPHONE..................................................................................................24, 27, 39, 45, 58, 61, 64, 85, 87
$HPHONETXT .......................................................................................................................................... 85
$HTXT ..................................................................................................................................................45, 85
$IMGDEL ...............................................................................................................................7, 8, 11, 15, 83
$IMGINL ......................................................................................................................................7, 9, 13, 83
$IMGLNK.........................................................................................................................7, 9, 10, 13, 14, 83
$IMGTXT ...................................................................................................................7, 8, 10, 12, 14, 15, 83
$IMODE ...........................................................................................................24, 27, 39, 45, 58, 61, 85, 87
$IMODETXT ........................................................................................................................................45, 85
$JSKY.........................................................................................................24, 27, 39, 45, 58, 61, 64, 85, 87
$JSKYTXT ...........................................................................................................................................45, 85
$LABEL..................................................................................................................41, 42, 84, 85, 87, 92, 93
$LMODE ....................................................................................................24, 27, 39, 45, 58, 61, 64, 85, 87
104
$LMODETXT .......................................................................................................................................45, 85
$NOPAGEDIV ...................................................................................................................38, 39, 64, 86, 87
$NOPATHCHG ..............................................................................................................................36, 63, 84
$OPTGROUP .................................................................................................................................51, 81, 87
$PAGEDIV .........................................................................................................................37, 39, 64, 86, 87
$PDA.......................................................................................................................24, 27, 39, 58, 61, 64, 87
$PHONETO .........................................................................................................................................41, 84
$PRPHONE................................................................................................................................................ 87
$REQUIRED ........................................................................................................................................35, 87
$STYLE ..............................................................................................................................84, 90, 91, 92, 93
$TAGDEL...........................................................................................................7, 11, 13, 15, 23, 24, 58, 88
$TASIS ...........................................................................................................................................17, 18, 84
$TBLOCK.......................................................................................................................................17, 19, 83
$TCELL ..........................................................................................................................................17, 18, 83
$TITLE ...........................................................................................................................................51, 81, 84
$TSTRING......................................................................................................................................17, 19, 83
$UNCOMMENT ..........................................................................................................26, 27, 60, 61, 86, 87
$WH ..............................................................................................................................24, 27, 39, 58, 61, 64
AirH”Phone .............................................................................................................................................. 85
AirH"Phone ................................................................................................................................................ 44
ALT 属性 ...................................................................................................5, 6, 7, 8, 9, 10, 12, 13, 14, 15, 83
arrange1 ...................................................................................................................................84, 90, 92, 93
arrange2 .........................................................................................................................................84, 90, 93
asis ..................................................................................................................................................84, 90, 91
A タグ.......................................................................................................................................................... 84
BUTTON タグ ............................................................................................................................................ 84
CGI......................................................................................................................................33, 48, 49, 78, 79
COLOR 属性 ............................................................................................................................................... 21
EZweb ........................................ 3, 17, 41, 43, 44, 45, 46, 48, 49, 54, 56, 64, 66, 73, 76, 78, 79, 85, 87, 90
FONT タグ.................................................................................................................................................. 21
FORM タグ .........................................................................................................................48, 78, 84, 90, 92
FRAMESET タグ ....................................................................................................................................... 30
FRAME タグ............................................................................................................................................... 84
H” .............................................................................................................................................................. 85
Hn タグ .................................................................................................................................................22, 23
HTML コンテンツ .................................................................................................................................. 3, 83
IMG タグ................................................................................................................................................. 7, 83
105
INPUT タグ ....................................................................................................................................49, 79, 84
istyle 属性 ................................................................................................................................................... 79
i モード..................................................................... 3, 16, 17, 41, 43, 44, 48, 49, 54, 56, 66, 78, 79, 85, 87
i モードコンテンツ................................................................................................................................54, 83
L モード ...................................................................................................................................................... 85
MULTIPLE 属性 ..................................................................................................................................49, 79
NOFRAMES タグ.................................................................................................................................30, 84
SELECT タグ .................................................................................................................................49, 79, 84
TABLE タグ........................................................................................................................16, 17, 18, 21, 83
TEXTAREA タグ ........................................................................................................................................ 84
Wap2 端末...............................................................................................3, 51, 54, 73, 74, 75, 81, 83, 84, 87
アクセスキー............................................................................................................................................... 73
@mail ..........................................................................................................................................3, 43, 44, 54
アニメーション GIF.................................................................................................................................... 32
アンカー(A)タグ................................................................................. 6, 7, 11, 12, 13, 14, 15, 26, 43, 60, 73
イメージ変換............................................................................................................................................... 56
インラインイメージ ........................................................................... 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 83
絵文字........................................................................................................................................45, 66, 73, 85
改ページ ..............................................................................................................................37, 38, 39, 64, 65
カラー属性 .................................................................................................................................................. 21
カラー端末 .................................................................................................................................................. 56
キャッシュ ............................................................................................................................................33, 34
キャリア指定属性..........................................................................................................24, 27, 39, 58, 61, 64
空白 ...............................................................................................................................17, 18, 19, 24, 58, 83
コンテンツ変換 ........................................................................................................................................... 56
縮小 ............................................................................................................................................................. 56
白黒端末 ..........................................................................................................................................56, 64, 87
代替テキスト............................................................................................................................................... 45
タイトル文字列 ........................................................................................................................................... 92
題名 .......................................................................................................................................................43, 44
ダイレクトキー ........................................................................................................................................... 73
テキスト変換............................................................................................................................................... 56
電話 .................................................................................................................................................41, 84, 85
透過 GIF...................................................................................................................................................... 32
ドット i......................................................................................... 3, 4, 16, 41, 49, 54, 55, 56, 66, 79, 85, 87
背景色....................................................................................................................................................20, 21
番号 .......................................................................................................................................................45, 73
106
フォーマット変換........................................................................................................................................ 56
部分転送 ................................................................................................................................................22, 23
ブラウザフォン .......................................................................................................................3, 4, 54, 55, 87
フレーム ..........................................................................................................................................29, 30, 84
ページ分割 ..................................................................................................35, 48, 49, 56, 64, 78, 79, 86, 87
ボーダフォンライブ! ............................................................... 3, 16, 41, 44, 48, 49, 54, 56, 78, 79, 85, 87
本文 .......................................................................................................................................................43, 44
メール.......................................................................................................................................................... 43
目次化..............................................................................................................................................22, 35, 87
文字コード変換 ........................................................................................................................................... 56
レイアウト変換 ........................................................................................................................................... 56
107
MobilenetServer/WEB Ver3.5
コンテンツ作成ガイド
2003年10月 初版
P
日 本 電 気 株 式 会 社
東京都港区芝五丁目7番1号
TEL(03)3454−1111(大代表)
©NEC Corporation 2003
日本電気株式会社の許可なく複製・改変などを行うことはできません。
本書の内容に関しては将来予告なしに変更することがあります。
Fly UP