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">驪次へ</A><BR> <A href="prev.htm" accesskey="2">麗前へ</A> HTML ソース 変換後のイメージ 1 次へ 2 前へ 悪い例 驪<A href="next.htm" accesskey="1">次へ</A><BR> 麗<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 日本電気株式会社の許可なく複製・改変などを行うことはできません。 本書の内容に関しては将来予告なしに変更することがあります。
© Copyright 2024 Paperzz