携帯サイトでこれだけはやっておきたいこと
1年以上前の記事です。内容が古い可能性があります。
携帯サイトを作るうえで最低限これだけはやっておきたいことのメモ。
通常のサイトではさほど気にしていないことでもケータイになるとあるのとないのとでは大違いの二つのポイントです。
1. ショートカットキーを設定しよう
Webサイトの場合はパソコンでのアクセスになるのでショートカットというとWindowsであれば「Ctrl」+「任意のキー」。
Macintoshであれば「コマンド(アップルマークのついているキー)」+「任意のキー」になるのですが、
携帯電話の場合は数字キーひとつになります。
で、その設定の仕方は以下のとおり。
<a href="a.html" accesskey="1">リンク先</a>
「accesskey=”◇”」で指示します。指定できる数字は「0」~「9」及び「#」「*」です。(携帯電話につき)
リンク以外にも入力フォームや送信ボタン等にも設定できます。
2. フォーム入力時の文字種を設定しよう
パソコンではフォーム入力時の文字種なんてあまり気にならないがケータイだと文字種を変えるのが結構手間になる。
そこで、入力項目ごとに文字種を設定しておくほうがいいです。
これに関してはキャリアごとに設定の仕方が変わってきます。
しかも、docomoの場合HTMLとXHTMLで違ってくるので注意が必要。
最終的には、以下のように指定すればよいでしょう。(英語表記の場合)
<input name="E-mail" type="text" istyle="3" format="*m" mode="alphabet"
style="-wap-input-format:"*<ja:en>";" />
つまり、
istyle="◇"
format="*◆"
mode="○"
style="-wap-input-format:"*<ja:●>";"
となり、それぞれが
◇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での入力モードのまとめと、ちょっとしたハマりどころについて – ゆどうふろぐ
アドセンス広告メイン
関連記事
-
卵型から生まれた不思議なパズル「The Magic Egg」
1年以上前の記事です。内容が古い可能性があります。最近ハマっているiPhoneア …
-
楽天ポイントを使いたい人はスマホ(スマートフォン)で買い物をしてはいけない
1年以上前の記事です。内容が古い可能性があります。ひょっとしたら同じ商品が二つ届 …
-
iPhoneアプリでAmeba(アメーバ)なう!!
1年以上前の記事です。内容が古い可能性があります。今までアカウントだけ作っておい …
-
将来、ツイッターやLINEから「119」番通報ができるようになる
1年以上前の記事です。内容が古い可能性があります。まあ、当然っちゃあ当然ですよね …
-
ツイッターが完全オープンじゃなくなる。ささやきモードでツイートごとに公開設定か
1年以上前の記事です。内容が古い可能性があります。このところ伸び悩んでいるツイッ …
-
子どもにスマートフォンを与えようか悩んでいる親が取るべき唯一の手段
1年以上前の記事です。内容が古い可能性があります。先日、中学校の土曜参観に参加し …
-
スマホ(スマートフォン)にブックマークレットを登録する方法
1年以上前の記事です。内容が古い可能性があります。以前、スマホで使えるブックマー …
-
行きつけのGEORGIA(ジョージア)自動販売機に近づくと永作博美さんや新井恵理那さんがメッセージ♡【スマホで販促02】
1年以上前の記事です。内容が古い可能性があります。スマホを使ったおもしろブランデ …
-
LINE(ライン)でブロックされた相手にメッセージを送りトークする方法
1年以上前の記事です。内容が古い可能性があります。この方法使うと、ブロックされた …
-
有料の優良アプリが無料で一日一本「本日のアプリ」【iPhoneアプリ】
1年以上前の記事です。内容が古い可能性があります。iPhoneアプリに「本日のア …
Comment
はじめまして。
勉強になりました。
3キャリア頭痛いですね
最近のことなのですが、auのSA002などでログインしようとしたら1文字しかうてないという現象がありました。
これはこの辺に原因があるのでしょうか?
知人に相談されてソースをみたのですが、
みたいな感じでした。
突然失礼しました。