CakePHPで3キャリア携帯の絵文字を表示する

CakePHPで携帯サイトを構築していくのに必須な絵文字。CakePHPじゃなくても必須な絵文字ですが、必須なのにけっこうややこしくて手を出すのが面倒くさいので、今まで逃げ回っていましたが、そうもいかない時期になってきたのでちょっと作ってみました。

CakePHPじゃなくてもカスタマイズすれば使えますが、基本的にはCakePHPのコンポーネントとして使うように設計しました。データベースを使って全絵文字を取得する方法なのでパフォーマンスはあまり宜しくないです…。どなたかCakePHPらしい使い方で、なおかつパフォーマンスの優れた方法をご存知であればご教授くださいませ。

それでは、続きを読むで。

仕様

• DoCoMo / au / Softbank 3キャリア対応 252絵文字
• PCからのアクセスの場合は、DoCoMoの絵文字を画像化して表示
• 端末の振り分けはUser-Agent

DoCoMoとau、Softbankの絵文字の互換性を持たせていますが、一番絵文字の少ないDoCoMoに合わせてあります。

また、それでも対応する絵文字の存在しないものはだいたいテキストを表示するようにしています。そこら辺は、データを編集すればカスタマイズが可能なので、ご自由にどうぞ。

インストール方法

以下のZIPファイルをダウンロードしてください。

• cakeemoji.zip

内容物

• /controllers
  • emoji_controller.php
  • /components
    • emoji.php
• emoji_datas.sql
• /models
  • emoji_data.php
• /views
  • /emoji
    • index.thtml
• /webroot
  • /images
    • /emoji

色々入っていますが、必要なのは/components/emoji.phpとemoji_datas.sqlと/images/emoji/*の3つです。

それ以外のファイルは、サンプルファイルなので、いちいちコントローラを作るのが面倒な人は利用してみてください。たぶん動きます。

emoji_datasテーブルの作成

絵文字のデータを格納しているテーブルを作成します。phpMyAdminか、直接SQLを実行してデータをインポートしてください。emoji_datas というテーブル名にしていますが、適宜名前を付け替えても大丈夫です。

コントローラの作成

emoji.php を components に配置したら、コントローラを作成します。

$emojiData = $this->EmojiData->findAll();
$this->set('emoji',$this->Emoji->EmojiData($emojiData));

こんな感じで、emoji_datas からデータを取得して、コンポーネントの Emoji->EmojiData に渡して $emoji としてビューに出力しています。これだけで終わりです。

ビューでの表示

ビュー側では、渡された絵文字データを絵文字ID指定して表示すれば各キャリア／端末に合った形で出力します。

echo $emoji['1'];
echo $emoji['15'];

絵文字対応表

どの数字を指定すればいいの？ってな時のために対応表を置いておきます。基本的にDoCoMoに合わせているので、DoCoMoの絵文字番号と一致しています。

ID	画像	説明
1		晴れ
2		曇り
3		雨
4		雪
5		雷
6		台風
7		霧
8		小雨
9		牡羊座
10		牡牛座
11		双子座
12		蟹座
13		獅子座
14		乙女座
15		天秤座
16		蠍座
17		射手座
18		山羊座
19		水瓶座
20		魚座
21		スポーツ
22		野球
23		ゴルフ
24		テニス
25		サッカー
26		スキー
27		バスケットボール
28		モータースポーツ
29		ポケットベル
30		電車
31		地下鉄
32		新幹線
33		車（セダン）
34		車（ＲＶ）
35		バス
36		船
37		飛行機
38		家
39		ビル
40		郵便局
41		病院
42		銀行
43		ＡＴＭ
44		ホテル
45		コンビニ
46		ガソリンスタンド
47		駐車場
48		信号
49		トイレ
50		レストラン
51		喫茶店
52		バー
53		ビール
54		ファーストフード
55		ブティック
56		美容院
57		カラオケ
58		映画
59		右斜め上
60		遊園地
61		音楽
62		アート
63		演劇
64		イベント
65		チケット
66		喫煙
67		禁煙
68		カメラ
69		カバン
70		本
71		リボン
72		プレゼント
73		バースデー
74		電話
75		携帯電話
76		メモ
77		ＴＶ
78		ゲーム
79		ＣＤ
80		ハート
81		スペード
82		ダイヤ
83		クラブ
84		目
85		耳
86		手（グー）
87		手（チョキ）
88		手（パー）
89		右斜め下
90		左斜め上
91		足
92		くつ
93		眼鏡
94		車椅子
95		新月
96		やや欠け月
97		半月
98		三日月
99		満月
100		犬
101		猫
102		リゾート
103		クリスマス
104		左斜め下
105		phoneto
106		mailto
107		faxto
108		iモード
109		iモード（枠付き）
110		メール
111		ドコモ提供
112		ドコモポイント
113		有料
114		無料
115		ID
116		パスワード
117		次項有
118		クリア
119		サーチ（調べる）
120		ＮＥＷ
121		位置情報
122		フリーダイヤル
123		シャープダイヤル
124		モバＱ
125		1
126		2
127		3
128		4
129		5
130		6
131		7
132		8
133		9
134		0
135		決定
136		黒ハート
137		揺れるハート
138		失恋
139		ハートたち（複数ハート）
140		わーい（嬉しい顔）
141		ちっ（怒った顔）
142		がく〜（落胆した顔）
143		もうやだ〜（悲しい顔）
144		ふらふら
145		グッド（上向き矢印）
146		るんるん
147		いい気分（温泉）
148		かわいい
149		キスマーク
150		ぴかぴか（新しい）
151		ひらめき
152		むかっ（怒り）
153		パンチ
154		爆弾
155		ムード
156		バッド（下向き矢印）
157		眠い(睡眠)
158		exclamation
159		exclamation&question
160		exclamation×2
161		どんっ（衝撃）
162		あせあせ（飛び散る汗）
163		たらーっ（汗）
164		ダッシュ（走り出すさま）
165		ー（長音記号１）
166		ー（長音記号２）
167		カチンコ
168		ふくろ
169		ペン
170		人影
171		いす
172		夜
173		soon
174		on
175		end
176		時計
177		iアプリ
178		iアプリ（枠付き）
179		Tシャツ（ボーダー）
180		がま口財布
181		化粧
182		ジーンズ
183		スノボ
184		チャペル
185		ドア
186		ドル袋
187		パソコン
188		ラブレター
189		レンチ
190		鉛筆
191		王冠
192		指輪
193		砂時計
194		自転車
195		湯のみ
196		腕時計
197		考えてる顔
198		ほっとした顔
199		冷や汗
200		冷や汗2
201		ぷっくっくな顔
202		ボケーっとした顔
203		目がハート
204		指でOK
205		あっかんべー
206		ウィンク
207		うれしい顔
208		がまん顔
209		猫2
210		泣き顔
211		涙
212		NG
213		クリップ
214		コピーライト
215		トレードマーク
216		走る人
217		マル秘
218		リサイクル
219		レジスタードトレードマーク
220		危険・警告
221		禁止
222		空室・空席・空車
223		合格マーク
224		満室・満席・満車
225		矢印左右
226		矢印上下
227		学校
228		波
229		富士山
230		クローバー
231		さくらんぼ
232		チューリップ
233		バナナ
234		りんご
235		芽
236		もみじ
237		桜
238		おにぎり
239		ショートケーキ
240		とっくり（おちょこ付き）
241		どんぶり
242		パン
243		かたつむり
244		ひよこ
245		ペンギン
246		魚
247		うまい！
248		ウッシッシ
249		ウマ
250		ブタ
251		ワイングラス
252		げっそり