絵文字の仕組みについて

こんにちは水野です。

本日未明より絵文字を導入いたしました。
これに伴い、現在のところ以下のような場所において絵文字を送信することが可能となっております。

■利用できる場所について

１．[新しい記事を書く]のフォーム （PC、携帯）
２．[コメント]のフォーム（PC、携帯）
３．テンプレートHTML及びプラグインHTML

現在のところ携帯端末からのメールによる投稿には対応しておりません。
将来的にAU端末からは投稿が出来るようになる予定です。（来週中を予定）
Docomo及びVodafone(SoftbankMobile)は各キャリアの仕様により絵文字を送信すると　〓　として登録されますのでご使用にならないようにお気をつけください。

携帯電話から絵文字を利用したい場合、WEB上の管理画面やコメントフォームに絵文字を使用することが出来ますので、そちらをご利用ください。

■絵文字の仕様について

　携帯から投稿された絵文字を[%E:100%]のような独自の形式に変換して登録します。また、パソコンから[%V:100%]のように入力すれば携帯から見たときには各携帯キャリアの絵文字を、パソコンから見た場合には画像に変換してを表示します。

絵文字はPC/Docomo/Vodafone/EZWebの４つのキャリア間で相互にコンバートされる仕組みになっています。
例えばVodafone絵文字であるが登録されている記事を各４キャリアで見た場合は以下のように表示されます。

Docomoで見た場合：
Vodafoneで見た場合：
EZWebで見た場合：
PCで見た場合：

上記のようになりますので、例えば３キャリアの太陽を３つ並べて、

なんて書いた場合も、Docomoの携帯から見たらと表示されます。

また、コンバートできる絵文字がない場合、DocomoやEZWebでは画像を、Vodafoneでは現在のところ(絵文字)のような代替文字が表示されるようになります。（将来的にVodafoneも画像で表示します）

■絵文字用の独自タグの追加について

[新しい記事を書く]のページに携帯３キャリアのボタンがありますが、これをコメントフォームやコメント編集フォームにもつけることが出来ます。（ただしname="comment"が含まれるフォームが複数ある場合は挙動がおかしくなります。)
このボタンを表示させるための独自タグを追加しましたので、テンプレート職人の方は是非ご利用ください。

絵文字用ボタン表示タグ：<!--$g_emoji_window-->

上記のタグで表示される文字は以下のような物になります。

<img src="/emoji/vodafone.gif" alt="Vodafone絵文字" onClick="window.open('/emoji/V/pictTable.htm','VPict','width=300,height=360')">
<img src="/emoji/docomo.gif" alt="i-mode絵文字" onClick="window.open('/emoji/D/pictTable.htm','DPict','width=240,height=156')">
<img src="/emoji/ez.gif" alt="Ezweb絵文字" onClick="window.open('/emoji/E/pictTable.htm','EPict','width=280,height=480')">

window.openにて呼び出すことが必須条件となります。
また、URLは相対パスでないと動作しません。
上記２点にご注意頂ければあとはご自由にデザインが出来るかと思います。

■絵文字に関する追加予定の機能

近日中に追加予定の機能がいくつかあります。

１．AUメールコンバート処理　→携帯メールで絵文字が送信された場合正常に表示する
２．[携帯用テンプレート作成]に絵文字挿入機能の追加
３．Vodafoneに対応していない画像がある場合の代替画像表示処理

上記以外にもNINJAブログ独自の絵文字を入れてみたいなーなどの予定があります。
他にも色々と楽しいことが出来ると思いますので、お試しください。

■絵文字に関する修正予定

　大よそ形になっていますが、若干絵文字の変換対応表を変えていく予定です。
　もしも明らかに違う対応になっているなどを見つけた場合はご報告を頂けたらと思います。

　例：ボーダフォンの絵文字はじゃんけんのなのに、ドコモはになってるよ！　などなど。
■以下は修正などを行った際の追記です

• 記号の修正について
  
  早速ですが、文字化けがいくつか見られるようです。
  
  そんな訳で、早速ですが変更を行いました。
  今までの物もそのまま利用できるので、特に何かをしてもらう必要はありません。
  
  こんな感じで変更しました。
  [%E:100%]→#%E:100%#
  
  
• 追加予定の機能を2点追加
  
  AUメールコンバート
  　　追加しました。AUから携帯メールで絵文字を送ると登録されます。
  
  携帯用テンプレ作成
  　　追加しました。携帯用テンプレを作るのが楽しくなるかも知れません。
  

■その他追記

　トラックバックですが、以前より掲示板にご報告があったHTMLの排除を入れておきました。また、絵文字を表示させるタグのトラックバックは弊社のブログではない場合には削除するようになっています。

• 作ったもの
• CM(15)
• 2006/05/19 Fri.