携帯サイトでこれだけはやっておきたいこと

2008/11/18

1年以上前の記事です。内容が古い可能性があります。

携帯サイトを作るうえで最低限これだけはやっておきたいことのメモ。
通常のサイトではさほど気にしていないことでもケータイになるとあるのとないのとでは大違いの二つのポイントです。

1. ショートカットキーを設定しよう

Webサイトの場合はパソコンでのアクセスになるのでショートカットというとWindowsであれば「Ctrl」＋「任意のキー」。
Macintoshであれば「コマンド（アップルマークのついているキー）」＋「任意のキー」になるのですが、
携帯電話の場合は数字キーひとつになります。
で、その設定の仕方は以下のとおり。

<a href="a.html" accesskey="1">リンク先</a>

「accesskey=”◇”」で指示します。指定できる数字は「0」～「9」及び「#」「*」です。（携帯電話につき）
リンク以外にも入力フォームや送信ボタン等にも設定できます。

□accesskey属性

2. フォーム入力時の文字種を設定しよう

パソコンではフォーム入力時の文字種なんてあまり気にならないがケータイだと文字種を変えるのが結構手間になる。
そこで、入力項目ごとに文字種を設定しておくほうがいいです。
これに関してはキャリアごとに設定の仕方が変わってきます。
しかも、docomoの場合HTMLとXHTMLで違ってくるので注意が必要。
最終的には、以下のように指定すればよいでしょう。（英語表記の場合）

<input name="E-mail" type="text" istyle="3" format="*m" mode="alphabet"
 style="-wap-input-format:&quot;*&lt;ja:en&gt;&quot;;" />

つまり、

istyle="◇"
format="*◆"
mode="○"
style="-wap-input-format:&quot;*&lt;ja:●&gt;&quot;;"

となり、それぞれが
◇DoCoMo（HTML）
1＝全角かなモード
2＝半角カナモード
3＝半角英字モード
4＝半角数字モード
◆au
A＝半角英字（大文字）モード
a＝半角英字（小文字）モード
N＝半角数字モード
X＝半角英数（大文字）モード
x＝半角英数（小文字）モード
M＝全角かなモード
m＝全角英字モード
○Softbank
hiragana＝全角かなモード
katakana＝全角カナモード
alphabet＝半角英字モード
numeric＝半角数字モード
●docomo（XHTML）
h＝全角かなモード
hk＝半角カナモード
en＝半角英字モード
n＝半角数字モード
という具合になるはずなのですが、ソフトバンクに限ってはstyleでの指定を加えるとその文字種のみしか入力できなくなるということなので注意が必要です。
また、istyleに関してはau及びSoftbankも新しい機種では対応しているようなので、今後はformat及びmodeははずしちゃっても大丈夫かもしれません。

□ケータイサイトのフォーム入力の文字種別を指定する方法 | モバイル(携帯電話・ケータイ)Web | 阿部辰也のブログ――人生はひまつぶし。
□携帯XHTMLでの入力モードのまとめと、ちょっとしたハマりどころについて – ゆどうふろぐ

- ユーザビリティ, 携帯電話・スマホ

Comment

イエローより:

2010年9月4日 1:17 PM

はじめまして。
勉強になりました。
3キャリア頭痛いですね
最近のことなのですが、auのSA002などでログインしようとしたら1文字しかうてないという現象がありました。
これはこの辺に原因があるのでしょうか？
知人に相談されてソースをみたのですが、

みたいな感じでした。
突然失礼しました。

返信

Message コメントをキャンセル

某スマートフォン系SNSの広告にFacebook（フェイスブック）に似せた変な奴がいる

先日、LINE（ライン）初め、スマートフォンがフィッシング詐欺に狙われ始めている旨、記事にしました。
その理由の一つとして、リンク先のURLがハッキリ分からないというのがありました。
今回、それに加えてまるでFacebook、さらにまるでセキュリティウインドウのような「広告」？に遭遇したのでご報告します。
あくまでも広告として紹介しますが、これはちょっとヤバい気がしますねぇ。。
アドウェア？　マルウェア？　スパイウェア？

Facebookに似せた広告01 　 Facebookに似せた広告02
赤で囲った部分が広告スペース。
どう見てもFacebookのインターフェースでDMが届いたと言っています。