[Top]
　　作ろう！　j-skywebホームページ

■ 目次

[目次へ戻る]

■ はじめに

j-skyweb対応の携帯電話では、インターネット上のホームページを見ることができます。
そして多少の制限はあるものの、j-skywebと対応端末の特徴をよく知って、携帯電話で見るためのj-skyweb対応のホームページを作ってみましょう。基本的機能はi-mode対応ホームページとよく似ています。

[目次へ戻る]

■ 特有機能

  1. Phoneｔo機能
    ある特定のホームページにリンクを張る場合、次のように記述します。
    <A href="http://www.***.com/">***のホームページ</A>

    　また、メールアドレスへのリンクは次のように記述します。パソコン上ではこのリンク部分を選択すると任意のメールソフトが起動しますが、j-phone端末でも同じようにメール作成モードに切替ります。

    <A href="mailto:***@***.com">***さんにメール</A>

    　そして、電話番号にリンクを張りたいなら、頭に「tel:」を付ければOK。これで、j-phone端末でリンク部分を選択すると、その番号に電話がかけられるようになります。市外局番から入力するのを忘れないように。

    <A href="tel:090********">***さんに電話</A>
  2. 特殊文字機能
    j-phone端末には、専用の特殊文字がたくさん設定されています。
    これらは一般のＨＴＭＬ文書で、「&#60」を「<」と表示させるように、５桁の数字を使った実体参照コードで記述します。
    絵文字とソースコード一覧

  3. ﾀﾞｲﾚｸﾄｷｰ機能
    「DIRECTKEY="ボタン"」という属性を追加させることで、ダイレクト入力が可能です。

    <A href="http://www.***.com/" directkey="1">1.***のホームページ</A>
    <A href="mailto:***@***.com" directkey="2">2.***さんにメール</A>
    <A href="tel:090********" directkey="3">3.***さんに電話</A>

    　今度は「directkey="ボタン"」という属性が追加されています。つまり、数字の1のボタンを押すと「***のホームページ」、2のボタンを押すと「***さんにメール」、 3を押すと「***さんに電話」と表示された部分を選択したのと同じ結果になります。これで、通常の矢印ボタンで移動して選択、という煩雑なステップを省略できます。

    利用できるボタンは、1〜9までの数字ボタンと、「#」「*」の記号ボタン。必ず半角で記述しましょう。

[目次へ戻る]

■ 制限事項

  1. 文章はSJIS、画像はPNGのみ表示可能です。
  2. i-modeでは使用できないTABLEタグが使用できます。
    下記の様に記述すると右記の表示となります。

    <HTML><HEAD>
    <TITLE>Table</TITLE>
    </HEAD><BODY bgcolor="#FFFFFF"text="#000000">
    テーブル
    <TABLE border="1" width="90" height="60">
    <TBODY>
    <TD>ABCD</TD><TD>EFGH</TD>
    </TR><TR>
    <TD>IJKL</TD><TD>MNOP</TD>
    </TR>
    </TBODY></TABLE>
    <BR>
    <A href="index.shtml" directkey="0">戻る</A>
    </BODY></HTML>

    ここで注意するのが<TITLE>Table</TITLE>が表示されていること、directkey="0"の０が表示されていることです。
    以上２点がi-modeと違うところですので、注意して下さい。
  3. 1ページのサイズは6kバイト（イメージファイルを含む）以内で。但し、ページ構成によっては6K以下でも表示できない場合があります。
  4. cgiは対応してますが、METHODはGETのみです。
  5. 機種によっては上記の制限以上のことができる場合があります。

[目次へ戻る]

■ サンプル

＜ＨＴＭＬソース＞ 下記のように記述するとこのように表示されます（⇒ サンプルへ）

<HTML>
<HEAD>
<META name="CHTML" content="yes">
<META name="description" content="暇つぶしにどうぞ">
<TITLE>Keizu J-sky</TITLE></HEAD>
<BODY bgcolor="#FFFF99" text="#000000" link="#0000FF" vlink="#0000FF" alink="#000000">
<DIV align=center><IMG src="im_list_01.png" width="90" height="40" border="0"><BR>
<!--#include virtual="/cgi/cnt/count.cgi?jcount-kot-log-seigen"--> Hit<BR></DIV>
<HR size=1>
<A href="http://www.dokyun.com/agtsite/index.php3/000278/">ケイズｺﾐｭﾆﾃｨｰ</A>
<HR size=1>
<A href="uranai.htm" directkey="1">占い</A><BR>
<A href="http://k-zu.com/cgi/j/jabcheck.cgi" directkey="2">ｱﾌﾞﾉｰﾏﾙﾁｪｯｸ</A><BR>
<A href="pet.htm" directkey="3">ﾍﾟｯﾄ飼育ｹﾞｰﾑ</A><BR>
<A href="fight.htm" directkey="4">Fight&Fight</A><BR>
<A href="http://k-zu.com/cgi/j/jquiz.cgi" directkey="5">クイズ</A><BR>
<A href="game.htm" directkey="6">ミニゲーム</A><BR>
<A href="check.htm" directkey="7">診断テスト</A><BR>
<A href="bbs.htm" directkey="8">BBS/CHAT</A><BR>
<A href="link2.htm" directkey="9">リンク</A><BR>
<A href="link3.htm" directkey="*">注意事項</A><BR><BR>
<A href="mailto:keizu@k-zu.com" directkey="0">メール</A>
<HR size="1">
<A href="mailto:adress?body=http://k-zu.com/j/">◆友達に教える◆</A>
<HR size="1">
<CENTER>ランキング<BR>
<A href="http://www.manmosu.net/i-mode/rank2/ranking.cgi?links=210&urls=rkg">
<IMG src="http://www.manmosu.net/sazabi/riku/image/02.png"><BR>
<A href="http://www.hhh.ne.jp/j-sky/05/www.cgi?act=rank&id=1955">J-sky RANK</A><BR>
<A href="http://www2.kutikomi.net/j/r/ur/rank.cgi?action=j&code=9">J-ranking</A><BR>
<A href="http://www.dokyun.com/r/r04/ranklink.cgi?id=1955">Dokyunﾗﾝｷﾝｸﾞ</A><BR>
<A href="http://www.girlswalker.com/cgi-bin/j/21/rank.cgi?id=1955">girlsranking</A></CENTER>
<HR size="1"><A href=http://i.atmarkdo.net/cgi-bin/j/index.cgi?L1=900&L2=428&L3=0001>
無料でお得な<BR>携帯新ｻｰﾋﾞｽ@DO!</A><HR size=1>
<FORM action="http://www.gigahz.net/g_code.cgi" method="GET">
▼ギガコード<BR>
<INPUT type="text" size="8" istyle="4" name="G_CODE">
<INPUT type="submit" value="GO"></FORM>
Code：418342<BR><A href="http://www.gigahz.net/aboutg.cgi">◆ｷﾞｶﾞｺｰﾄﾞって？</A>
<HR size="1">
</BODY>
</HTML>

[目次へ戻る]

■対応タグリスト

1.!-- 【書式】<!--comment -->
・ブラウザに表示させたくない文字列（コメント）をソース上に書き込む場合、このタグで囲んで記入します
2.A 【書式】<A name=""><A href="URL#マーカ名"directkey="char">
・ ほかのURLへリンクを張ります
3.BASE 【書式】<BASE href="URL">
・HTMLファイル内で扱うURLの基準にするパスを指定します
4.BGSOUND 【書式】SRC="URL"
・サウンドデータのURL指定します
5.BODY 【書式】<BODY>…</BODY>
・ページとして表示される内容を指定します
6.BR 【書式】<BR clear="回り込み解除位置">
・改行を指定します。
・clear属性が指定されている場合は、BRタグ以降の文字列の回り込みを解除します
7.CENTER 【書式】<CENTER>…</CENTER>
・文字列やイメージなどを画面中央に揃えます
8.TABLE 【書式】<TABLE>…</TABLE>
・表を作成します
9.BLINK 【書式】<BLINK>…</BLINK>
・文字列を点滅させます
10.DIV 【書式】<DIV align="表示位置">…</DIV>
・タグで囲まれた部分を、指定した表示位置に揃えます
11.FORM 【書式】<FORM method="メソッド" action="URL">…</FORM>
・ CGIにデータを渡すためのフォームを指定します。メソッドはGETのみ
12.HEAD 【書式】<HEAD>…</HEAD>
・ページタイトルやサーバ等が利用する情報を指定します
13.H 【書式】<H1 align="表示位置">…</H1>〜<H6 align="表示位置">…</H6>
・見出し（ヘッダ）を指定します
14.HR 【書式】<HR align="水平線の位置" color="表示色の指定" > 　noshade 影をなくす
・水平線（区切り線）を指定します
15.HTML 【書式】<HTML>…</HTML>
・HTMLファイルであることを明示します
16.IMG 【書式】<IMG src="ファイル名" width="ピクセル数 | %" height="ピクセル数 | %" align="イメージの位置" vspace="ピクセル数" hspace="ピクセル数">
・イメージ（画像）データを表示します
17.INPUT 【書式1】テキスト入力
<INPUT type="text" name="フィールド名" value="データ" size="文字数" maxlength="最大文字数" accesskey="char" >
【書式2】送信ボタン
<INPUT type="submit" name="フィールド名" value="データ" accesskey="char">
【書式3】リセットボタン
<INPUT type="reset" name="フィールド名" value="データ" accesskey="char">
18.LI 【書式】<LI>…
・リスト項目を作成します
19.MENU 【書式】<MENU>…<LI>…</MENU>
・リストを作成します
20.OL 【書式】<OL>…<LI>…</OL>
・番号付きリストを作成します
21.OPTION 【書式】<OPTION value="値" selected>…
・選択項目を作成します
22.P 【書式】<P align="段落の配置">…</P>
・段落を作成します
23.U 【書式】<U>…</U>
・アンダーラインを引きます
24.PRE 【書式】<PRE>…</PRE>
・改行や空白を含めて、ソースをそのままの形で表示します
25.SELECT 【書式】<SELECT name="リスト名" size=リスト行数><OPTION>…</SELECT>
・選択リストを作成します
26.TEXTAREA 【書式】<TEXTAREA name="フィールド名" cols="桁数" rows="行数">…</TEXTAREA>
・複数行の文字列を入力するためのボックスフィールドを作成します
27.TITLE 【書式】<TITLE>…</TITLE>
・ページタイトルを指定します
28.UL 【書式】<UL>…<LI>…</UL>
・行頭文字のあるリストを作成します

[目次へ戻る]

■ サンプルＣＧＩ

Mobile BBS
携帯用の掲示板です。必要最低限の機能は備えています。表示部分もシンプルです。
j-skywebで使用になる場合はMETHOD="GET"にして下さい。

数当てゲーム
携帯用のゲームです。３桁の数当てゲームです。
j-skywebで使用になる場合はMETHOD="GET"にして下さい。

[目次へ戻る]

■ 作成ツール

　　Jスカイ専用ホームページ制作ソフトです。
  1. J-SKY Editor　WIN版　 J-PHONE
  2. ホームページ・ビルダー　WIN版　標準小売価格14,800円　　IBM
    専用ソフトではないが、iモードも制作できます。
  3. Jですかい?　WIN版　標準小売価格3,980円　　ネットファーム・コミュニケーションズ

[目次へ戻る]