3キャリア対応サイトを作成するために、ネックなのは絵文字の互換性。
ドコモの絵文字で入力したページを作成して、他のキャリアの携帯で見ると、auはサーバー側で自動変換されますが、ソフトバンクは対応していないので表示されません。
そこで、キャリアに合わせてドコモ&auとソフトバンクという2ページでページを作るのは面倒だし、
3キャリア別々に作成してもいちいち同じ絵文字を探して入力するのは少々面倒です。
そこで、絵文字を自動変換してくれるスクリプトが登場するわけですが、
僕が探したところフリーってのはなかなかないみたいです。
ということで作ってみました。
絵文字を変換するにあたって、まず考えなくてはならないのは、
絵文字の相互変換表を作ること。
そもそも、キャリアによって用意している絵文字数にはかなり開きがあります。auやソフトバンクに比べて、ドコモは拡張絵文字も含めても230個くらいしかないので、相互変換表を作るにしても、数が合わない以上すべての絵文字を同期させることは不可能です。
したがって、自然な流れとしては一番数の少ないドコモの絵文字に他社を合わせる方法をとるのがふつう。ドコモの絵文字を主体に考えるので、ドコモの絵文字を基準に他社の絵文字はそれと似たものが表示されるような設計にします。
ドコモを基準に考えているので、表示できる絵文字数は少ないのが欠点ですが、スクリプトで自動変換する仕組みはあってこしたことはないので、絵文字変換表を作ることにしました。
これを自分で作るのは面倒なのですが、運良くウノウラボさんでEメール用に絵文字の相互変換リストを公開されていたので、ありがたくダウンロードさせていただいて、自作のプログラムで使いやすいようにカスタマイズしてCSVに変換。
ある程度は変換できない絵文字がゲタ「〓」にならないようにしましたが、それでもまだ残っているので、この辺は自分の好きなように変えてもよいかと思います。
■絵文字変換表（emoji.csv）ドコモ→他社
これをもとにPHPで以下のようなプログラムを作成。
■PHP絵文字変換スクリプト（sample.txt）
使用される場合は、trans.phpなどの名前で保存し、お使いください。携帯端末の判別は携帯電話(機器)情報サイトさんで公開されている携帯端末のユーザエージェント振り分けを参考にしました。
先ほどの絵文字変換表を元にドコモの絵文字を基準に、各キャリアに合わせたフォーマットで絵文字が出力されるようにしています。予期しない入力値は[Error!]を表示します。
携帯サイト用に使うので、あまりセキュリティは考えていない点はご愛敬とさせてください。
要望があれば直そうかな。
で、このPHPスクリプトをどのように呼び出すかということなのですが、
手っ取り早い方法は携帯サイト全体をすべてPHPで運用する方法。
でもこれだと結構いやがる人が多いし、PHPってだけでちんぷんかんぷんになっちゃう人もいるし（ちょっと前の僕がそうです。）、変えたくない一番の理由は、やっぱり今までのHTMLをPHPに変えるのが面倒だから。
ということで、今までのHTMLのまま、そこからこのスクリプトを呼び出すには、
SSIをHTML内に書いてスクリプトを呼び出す方法が最も簡単。
以下のようなSSIを絵文字を表示したい部分に書けばOKです。もちろん、HTMLでSSIを動かすには、.htaccessなどで拡張子htmlでSSIが動くように設定を有効にしておく必要があります。
絵文字番号ってところはドコモを基準にしているので、
こちらの表を参考に、書けば良いです。例えば、一番最初の「晴れ」なら、
<!--#include virtual="/php/trans.php?emoji=1"-->
です。
拡張絵文字の番号は、
基本絵文字の最後の番号から続けての連番になります。
ちなみに、自分の携帯はauなので、ドコモやソフトバンクはちょっと未確認。
特にソフトバンクが心配。テスト要員募集です（笑）。
http://www.dspt.net/data/emoji/test.html
こちらに携帯でアクセスしていただいて、ゴルフの絵文字が表示されたらOKでございます。
バグ等あればご指摘くださいませ。
8月31日
ドコモで絵文字が表示されない問題に対応しました。
emoji.csv、sample.txtが変更されています。
ドコモの絵文字で入力したページを作成して、他のキャリアの携帯で見ると、auはサーバー側で自動変換されますが、ソフトバンクは対応していないので表示されません。
そこで、キャリアに合わせてドコモ&auとソフトバンクという2ページでページを作るのは面倒だし、
3キャリア別々に作成してもいちいち同じ絵文字を探して入力するのは少々面倒です。
そこで、絵文字を自動変換してくれるスクリプトが登場するわけですが、
僕が探したところフリーってのはなかなかないみたいです。
ということで作ってみました。
絵文字を変換するにあたって、まず考えなくてはならないのは、
絵文字の相互変換表を作ること。
そもそも、キャリアによって用意している絵文字数にはかなり開きがあります。auやソフトバンクに比べて、ドコモは拡張絵文字も含めても230個くらいしかないので、相互変換表を作るにしても、数が合わない以上すべての絵文字を同期させることは不可能です。
したがって、自然な流れとしては一番数の少ないドコモの絵文字に他社を合わせる方法をとるのがふつう。ドコモの絵文字を主体に考えるので、ドコモの絵文字を基準に他社の絵文字はそれと似たものが表示されるような設計にします。
ドコモを基準に考えているので、表示できる絵文字数は少ないのが欠点ですが、スクリプトで自動変換する仕組みはあってこしたことはないので、絵文字変換表を作ることにしました。
これを自分で作るのは面倒なのですが、運良くウノウラボさんでEメール用に絵文字の相互変換リストを公開されていたので、ありがたくダウンロードさせていただいて、自作のプログラムで使いやすいようにカスタマイズしてCSVに変換。
ある程度は変換できない絵文字がゲタ「〓」にならないようにしましたが、それでもまだ残っているので、この辺は自分の好きなように変えてもよいかと思います。
■絵文字変換表（emoji.csv）ドコモ→他社
これをもとにPHPで以下のようなプログラムを作成。
■PHP絵文字変換スクリプト（sample.txt）
<?php
//絵文字変換表
$emoji_data = "emoji.csv";
//入力値取得
$num = $_GET["emoji"];
//ファイルオープン
$file =fopen($emoji_data, "r");
//変換表を配列に格納
for ($i = 1; $i <= 300; $i++) {
if (feof($file)) {
break;
}
$emoji_array[$i] = fgetcsv($file, 1000, ",");
}
//ファイルクローズ
fclose($file);
function encode($data) {
$data = mb_convert_encoding($data, "SJIS", "auto");
return $data;
}
//携帯UA取得
$agent = $_SERVER["HTTP_USER_AGENT"];
//携帯端末のユーザエージェントを判定
function mobile($data){
if(preg_match("/^DoCoMo\/[12]\.0/i", $data))
{
return "i";// i-mode
}
elseif(preg_match("/^(J\-PHONE|Vodafone|MOT\-[CV]980|SoftBank)\//i", $data))
{
return "s";// softbank
}
elseif(preg_match("/^KDDI\-/i", $data) || preg_match("/UP\.Browser/i", $data))
{
return "e";// ezweb
}
elseif(preg_match("/^PDXGW/i", $data) || preg_match("/(DDIPOCKET|WILLCOM);/i", $data))
{
return "w";// willcom
}
elseif(preg_match("/^L\-mode/i", $data))
{
return "l";// l-mode
}
else {
return "p";// pc
}
}
//携帯キャリアに合わせて絵文字を出力
function emoji($data) {
global $agent,$emoji_array;
if(preg_match("/[0-9]{1,3}/", $data) && is_numeric($data) && 0 < $data && $data < 253) {
switch(mobile($agent)){
case "i";
$put = $emoji_array[$data][1];
break;
case "e";
if (preg_match("/[^0-9]/", $emoji_array[$data][2])) {
$put = $emoji_array[$data][2];
} else {
$put = "<img localsrc=\"".$emoji_array[$data][2]."\" />";
}
break;
case "s";
if (preg_match("/^[A-Z]{1}?/", $emoji_array[$data][3])) {
$put = "\x1B\$".$emoji_array[$data][3]."\x0F";
} else {
$put = $emoji_array[$data][3];
}
break;
case "p";
$put = "[PCでは絵文字は表示されません]";
break;
}
echo $put;
}
else {
echo "[Error!]\n";
}
}
//処理
emoji($num);
?>
使用される場合は、trans.phpなどの名前で保存し、お使いください。携帯端末の判別は携帯電話(機器)情報サイトさんで公開されている携帯端末のユーザエージェント振り分けを参考にしました。
先ほどの絵文字変換表を元にドコモの絵文字を基準に、各キャリアに合わせたフォーマットで絵文字が出力されるようにしています。予期しない入力値は[Error!]を表示します。
携帯サイト用に使うので、あまりセキュリティは考えていない点はご愛敬とさせてください。
要望があれば直そうかな。
で、このPHPスクリプトをどのように呼び出すかということなのですが、
手っ取り早い方法は携帯サイト全体をすべてPHPで運用する方法。
でもこれだと結構いやがる人が多いし、PHPってだけでちんぷんかんぷんになっちゃう人もいるし（ちょっと前の僕がそうです。）、変えたくない一番の理由は、やっぱり今までのHTMLをPHPに変えるのが面倒だから。
ということで、今までのHTMLのまま、そこからこのスクリプトを呼び出すには、
SSIをHTML内に書いてスクリプトを呼び出す方法が最も簡単。
以下のようなSSIを絵文字を表示したい部分に書けばOKです。もちろん、HTMLでSSIを動かすには、.htaccessなどで拡張子htmlでSSIが動くように設定を有効にしておく必要があります。
<!--#include virtual="/php/trans.php?emoji=絵文字番号"-->
（execでの実行形式だと引数を渡せずエラーになります。また、virtualのディレクトリパスに注意。virtualはトップディレクトリからの相対パスで記述します。）
絵文字番号ってところはドコモを基準にしているので、
こちらの表を参考に、書けば良いです。例えば、一番最初の「晴れ」なら、
<!--#include virtual="/php/trans.php?emoji=1"-->
です。
拡張絵文字の番号は、
基本絵文字の最後の番号から続けての連番になります。
ちなみに、自分の携帯はauなので、ドコモやソフトバンクはちょっと未確認。
特にソフトバンクが心配。テスト要員募集です（笑）。
http://www.dspt.net/data/emoji/test.html
こちらに携帯でアクセスしていただいて、ゴルフの絵文字が表示されたらOKでございます。
バグ等あればご指摘くださいませ。
8月31日
ドコモで絵文字が表示されない問題に対応しました。
emoji.csv、sample.txtが変更されています。
32
 |
|
 ドコモで動くようにした。 ドコモさん文字が出ない原因ですが、要するにfgetcsvが問題みたいですね。修正した物を作ってみました。
http://www.mogya.com/blog/2008/05/post-67.html ドコモは白黒なの？ sift-jisでSSIで絵文字表示してますが、ドコモは絵文字変換されるけど、ﾒｰﾙ絵文字みたいにカラーにならないで白黒で絵文字が表示されるんです。
ちなみに、スクリプト使わないで１０進数表示するとカラー絵文字 なぜでしょうか？解明不能です。 ドコモでまだ表示されない方・・・ 私もドコモの絵文字だけが表示されませんでした。
ここにあるコメントを参考にして試してみたのですが駄目でした。 （私もサーバはxreaを使っています） で、私の場合はファイルからの読込みを少し変えてみたらうまくいきました。 シバ犬さんの //ファイルオープン $file =fopen($emoji_data, "r"); //変換表を配列に格納 for ($i = 1; $i <= 300; $i++) { if (feof($file)) { break; } $emoji_array[$i] = fgetcsv($file, 1000, ","); } //ファイルクローズ fclose($file); の部分を $emoji_array = array(); $emoji_array[] = ""; $contents = @file($emoji_data); foreach($contents as $line){ $line = rtrim( $line ); $emoji_array[] = explode(",", $line); } に変更したらいけました。 原因はわかりませんが、とにかくいけました。 他にドコモで表示できないいたら試してみてください。 一応私のブログにも全ソースを自分が使いやすいように修正して公開しています。 >>シバ犬さん データファイルありがとうございました。 DoCoMoで表示されない件 わたしも1、2時間悩んだ末ようやく解決しました。
>>ゆーちゃん さんのNewGulimフォント削除の方法でExcelのCSVとして開いたときの文字化けは直りとても勉強になりました。が、もともと秀丸などのテキストエディタで開いた場合は文字化けしてませんでした。 わたしはphpで使わせて頂いてるのですが、NewGulimフォント削除後もDoCoMoでは表示されず、AU,SoftbankではＯＫでした。 >>Gaku さんや >>オオタスン さんの状況から、スクリプトそのものではなく、サーバー（Apach?）環境による単なる文字化けの線が濃厚な気がしたので、HTMLに絵文字をそのまま打って試したところやはり文字化けだったので、 絵文字を[OK][NEW][ATM]等象形文字？のShift-JISではなく、＆＃ｘＥ７０８； ＆＃ｘＥ６ＤＤ； ＆＃ｘＥ６６８； 等のUnicodeに変更したところ、正常に表示されました。(実際は半角英数字です) DoCoMoだけ文字化けする方はCSVの絵文字部(似ﾊﾝｸﾞﾙ部)をUnicode表記に変更して試してみるといいかもしれません。 とてもすばらしいスクリプトなのでありがたく使わせて頂きます☆ ▽テスト環境 DoCoMo P705iμ / AU W51CA & W42S / Vodafone 904SH & Softbank 920SH Xrea（CoreServerではない） ▽追記 emoji.csvの237〜240の絵文字がズレていました。 桜（花見）/おにぎり/ショートケーキ/とっくり（杯・晩酌） 絵文字をサイトのメールや掲示板で使用できるようにしたい！ 作ったサイト内で絵文字を表すには、trans.phpというファイルを作ってアップすれば良いのですか？そして<!--#include virtual="/php/trans.php?emoji=絵文字番号"-->はそのページに使いたい絵文字の数だけ書き込まないといけないのでしょうか？１０個分の絵文字を使えるようにするには絵文字番号を１０件書かないといけないのですか？<!--#include virtual="/php/trans.php?emoji=絵文字番号"-->はページの何処に書いたらいいのでしょうか？
DoCoMoが表示されません。 shtml拡張子で、実行しているんですけど、
DoCoMoは表示されず、auは表示されます。(SoftBank未確認) なんででしょうか？ちなみにi絵文字支援ツール入れてみました。 オオタスン | URL | 2007/12/27/Thu 18:35 [EDIT]
１ページ内で２つ以上インクルード しようとした時に
あいてぃさんと同じく >"; } break; case "s"; から //処理 emoji($num); ?> までがずらっと表示されますね。 | URL | 2007/12/14/Fri 17:57 [EDIT]
coreserverでDocomoの絵文字が表示されず 手軽で便利なスクリプトを作っていただきありがとうございます。
早速使ってみようとしたのですが Docomoの絵文字がサーバーによっては表示されない状況があります。 XREAではshtml表記で絵文字（実機、およびi-modeシミュレータで確認）が出ますが coreserver(Xreaの上位プラン）ではDocomoの絵文字が出ません。 なんらかのサーバ設定、および仕様なのだと思い 色々と調べているのですが、いまいち解決策を見つけられないでいます。 もし何かお気づきの点があればご教授いただけると幸いです。 Gaku | URL | 2007/12/13/Thu 08:50 [EDIT]
★お返事ありがとう★ 自分なりに調べたらこんなことが書いてました。（↓のi-modeページ下部参照）
http://www.nttdocomo.co.jp/service/imode/make/content/pictograph/tool/ ↓ http://support.microsoft.com/default.aspx?scid=kb;ja;417636 で、NewGulimフォントを削除したところ、CSVのハングル文字がきちんと絵文字になりました。 こうしてから、携帯から確認すれば絵文字はちゃんと写りました♪ （ハングルの状態のままの時は、だめでした） 携帯３キャリアで絵文字が映って、とても嬉しいです★ PHPとか、むずかしいから…。 確認したら、.htaccessの設定ができないサーバでしたけど、shtmlって拡張子に すれば、きっちり映りました♪ これからも参考にさせてもらいたいので、シバ犬さんがんばってくださいね★ ありがとう〜 o(+v+)o ゆーちゃん | URL | 2007/10/26/Fri 20:35 [EDIT]
みなさん、書き込みありがとうございます。 なかなか返信できなくてすみません。
たくさんのコメントありがとうございます。反響があってちょっぴり驚いています。 ＞パスパスさん 丁寧な改造の解説ありがとうございます。これこそオープンソースの利点ですね。 これを使えば、PCでも絵文字の表示が行えるということですね。 なるほど。改造とか指摘とかバンバン受け付けてますので今後もよろしくお願いします。 ＞ゆーちゃんさん CSVが文字化けしているのはたぶん、正常ではないかと思います。 ドコモの絵文字は特殊なバイナリコードですので。外字としてPCにフォントを読み込んでいないと、絵文字を見ることはできませんが、携帯からなら見れると思うのですが… CSV、PHPのプログラムとも本文に書いてあるものが最新ですので、どちらも新しくしてみてください。 ＞あいてぃさん すみません、ソフトバンクで表示されている方もいる点とこちらでソフトバンク携帯を持ち合わせていないという理由から、そういった現象は再現できないので、的確なアドバイスをできません。僕なりに考えられるとしたら、以下の2点ですので確認してみてください。 ・HTMLでSSIが動くように設定したか。 ・お使いのサーバーがPHPが動く環境になっているか。 シバ犬＠管理人 | URL | 2007/10/21/Sun 20:33 [EDIT]
はじめまして どうしても携帯絵文字表示ができるサイトを作りたくてここにたどりつきました★
そこでさっそく使わせてもらったんですが、ドコモで絵文字が表示されません；； なんでかな？っとコメント欄を拝見したら、修正済ってなってるし…；； CSVを確認したところ、ドコモに対応と思われるコードの文字がハングル？みたいになっています…。 修正されてない分をDLしてしまってるということでしょうか？ よろしくお願いします ﾍﾟｺ。。 ゆーちゃん | URL | 2007/10/21/Sun 01:26 [EDIT]
初めまして。すみません。ソースいじりました。 初めまして。いつも、楽しみに拝見しています。
こういうスクリプト探してました。利用させてもらってます。 ありがとうございます。 それでパソコンから見たときに画像が表示されたらいいなと思い、ソース いじってしまいました。迷惑だったらすみません。 いるかいらないかわかりませんが気になる人へ。 1. emoji.csvの4列目に1.gif〜252.gifを挿入 2. emojiフォルダを作り、画像を作成するか、どこからか1〜252の画像を拾ってきていれる。フォルダは変更可能。 3. trans.phpを以下追加 ・//入力値取得 $num = $_GET["emoji"]; 下あたりに以下挿入 //画像保存場所 $img_dir = "/emoji/"; 2で作成したフォルダ先 ・//携帯キャリアに合わせて絵文字を出力のところで、$img_dirを追加 変更前：global $agent,$emoji_array; 変更後：global $agent,$emoji_array,$img_dir; ・case "p";のところで、以下追加 変更前：$put = "[PCでは絵文字は表示されません]"; 変更後：$put = "<img src=\"" . $img_dir . $emoji_array[$data][4] . "\" width=\"12\" height=\"12\" alt=\"\" />"; パスパス | URL | 2007/10/14/Sun 22:18 [EDIT]
エラーが出るんです はじめまして。あいてぃです。
もし、こちらでこのような質問をするのが、場違いでしたら申し訳ないです。 手元にソフトバンク携帯しかないので、 全キャリアで確認したわけではないのですが、 <!--#include 〜 -->と記述した箇所を携帯で確認すると 絵文字の変わりに「trans.php」の >"; } break; case "s"; から //処理 emoji($num); ?> までがずらっと表示されます。 色々試したのですが、なぜかわかりません。 もしよろしければ、お教え願います。ｍ(_ _)ｍ あいてぃ | URL | 2007/10/09/Tue 17:21 [EDIT]
コメントありがとうございます。
お知らせいただいたリンク先はスクリプト自体はフリーだと思うのですが、 利用登録が必要な時点でオープンソースではないと僕は思っています。 シバ犬＠管理人 | URL | 2007/10/02/Tue 16:51 [EDIT]
いつもありがとうございます！ 早速使わせてもらってます。
php未経験なので、ちょろっとソースも学ばせてもらいました。 一石二鳥♪ いつもわかりやすくて有益な説明を、ありがとうございます！ ゆみっぺ | URL | 2007/09/10/Mon 11:56 [EDIT]
Re : なんとか解決しました＾＾； さとさん、
それはよかったですね。使っていただき光栄です。 問題を解決されて一安心です。 こちらもわかりにくく、不親切な記事の書き方ですみませんでした。 今後もお時間ある時にコメントくださいね。 では。 シバ犬＠管理人 | URL | 2007/09/07/Fri 16:15 [EDIT]
なんとか解決しました＾＾； 非公開の件失礼しました。
プログラムの細かな所まで質問してサポートしてもらうまで甘えてしまっていいのかと悩んでしまい･･･＾＾；(うまく表示できず、焦っていました) 『.htaccess』でSSIを動くように設定するのに知識がなくアクセクしてました。 が、単純にSSIを動かす記述をテキストエディタ書きファイル名を『.htaccess』にするだけで良かったんですね！ 凄くシンプルなプログラムで感動しました。 これからもブログ見に来ます。 さとさん | URL | 2007/09/07/Fri 15:47 [EDIT]
さとさんへ 非公開コメントをしていただいたさとさんへ。
もちろんOKです。ただ、コメントが非公開でしたので、ご連絡を差し上げることができなかったため、こちらに書かせていただきました。 差し支えなければコメントを公開して投稿いただければと思います。 シバ犬＠管理人 | URL | 2007/09/07/Fri 15:09 [EDIT]
はじめまして いつも参考にさせていただいております。
少し前に同じようなスクリプトを見つけたのですが、こちらの方が利用しやすいようでしたので、利用させていただきます！ KAIRI | URL | 2007/09/04/Tue 23:24 [EDIT]
今度はどうでしょう？ カゴメさん、
不具合に対応してみましたが、どうでしょうか？ よろしければ確認していただけると助かります。 シバ犬＠管理人 | URL | 2007/08/31/Fri 03:49 [EDIT]
追記です。 ごめんなさい、
それと、 //処理 emoji($num); の部分も //処理 //emoji($num); とする必要があります。HTMLとPHPを混同した記述では、スクリプトはHTMLのDOCTYPEよりも前に書いて先ほどのように呼び出します。 PHP単体に書く場合はスクリプトを別ファイル化してPHP内に require("trans.php"); を書いて、 emoji(絵文字番号); で呼び出します。 シバ犬＠管理人 | URL | 2007/08/30/Thu 15:14 [EDIT]
Re: : ドコモN903i コメントありがとうございます。
テストありがとうございます。 カゴメさんの書き込みで大きなミスをしていることに気づいてしまいました。 絵文字の変換表のドコモの列の部分が、UnicodeではなくS-JISコードの16進数を書いてしまっていて、これが上手く絵文字に変換されない原因です。 申し訳ないです。直したらまたアップしますね。 それと、php内で呼び出す場合は非常に簡単で、 まず、上記のスクリプトの //入力値取得 $num = $_GET["emoji"]; を //入力値取得 //$num = $_GET["emoji"]; のようにコメントアウトしてから、絵文字を表示させたい部分に <?php emoji(絵文字番号); ?> とするだけでOKだと思います。 シバ犬＠管理人 | URL | 2007/08/30/Thu 15:05 [EDIT]
ドコモN903i はじめまして、いつも楽しませていただいております。
私のドコモではテキストしか出てきませんでした、うーん… ちなみにPHPに呼び出す場合、どのような記述にすればよいのでしょうか？ 今度使ってみたいと思っています。 カゴメ | URL | 2007/08/29/Wed 20:35 [EDIT]
Re : SoftBankです アノニさん、コメントありがとうございます。
SoftBankでもノキアなどの海外製品も気になるところでした。 有用な情報ありがとうございます。  シバ犬＠管理人 | URL | 2007/08/29/Wed 14:28 [EDIT]
Re : SofuBankです 初めまして。コメントありがとうございます。
とりあえずソフトバンクでもOKっぽいですね。 情報ありがとうございました〜 シバ犬＠管理人 | URL | 2007/08/25/Sat 14:18 [EDIT]
SofuBankです 初めまして。
いつも、拝見させていただいております。 SoftBank 811SH です。正常にゴルフの絵が表示されました。 いまいちゃん | URL | 2007/08/25/Sat 10:07 [EDIT]
|
| ホーム |
