携帯用のサイトでauの絵文字を表示させる方法


自分で携帯用のサイトを作ったことがある人には分かると思うのですが、普通のタグだけでサイトを作ると切ないくらいシンプルなページが出来てしまいます。
しかしながら画像で装飾をしても再生を切られていると全く意味がない他、パケ代が洒落にならなくなったり、表示が鈍くなったりと弊害多数。

そんなときこそ絵文字が活躍ですよ。
絵文字は2バイト文字と同じサイズで色彩豊かなイラストが表示されるので見出しなどに使うと効果抜群。サイトを鮮やかにすると同時にユーザビリティも向上します。

さて、そんな便利な絵文字ですが、auではかなり容易に表示することが出来るということをご存知でしょうか?
まぁドコモなど他のキャリアでも絵文字の挿入は可能なのですが、JISコードでいちいち記述しなくてはならなく極めて面倒なのです。
しかしauの場合極々単純なタグを使用するだけで手軽に表示できるため敷居は結構低いはず。

その記述方法は以下の通り:

<img localsrc="絵文字番号">


猛烈に簡単ですね。
で、この絵文字番号に適宜数字を入力しxhtmlなどに記述してやれば、機種ごとに対応した絵文字が出力できます。
使える絵文字、機種ごとの隔たりは下記のサイトで確認することができます。
また、タイプ別の絵文字一覧はダウンロードしておくと作業が楽になります。

  • 技術情報 - ビルトインアイコン(絵文字)
  • しかしドコモ他、au以外のキャリアで絵文字の入ったページを読み込むと、絵文字が正しく認識されないため表示されないため、絵文字だけのナビゲーションなど理解不能なことはしないほうが良いです。
    ただしimg要素中にalt属性が使用可能なので、メニューの一部などどうしても強調表示したいところなどに使用すればかなり可視性は向上するので確実にauの人だけが見ると断言できるサイト以外(そんなのがあるのか)はしっかりとaltで代替文字を設定しておくことをオススメします。

    例:

    <img localsrc="絵文字番号" alt="代替文字">


    関連:
    技術情報 - ビルトインアイコン(絵文字)