[お知らせ]絵文字を少し実装したけど実用的じゃないかもしれない件
絵文字を使えるようにして欲しいという要望を頂きましたが、システムの制約上、スマホの絵文字をそのまま使うことができません。
そこで、サイト独自で用意した文字コードのようなもの(ショートコード)を入力してもらうことで対応できるようにしました。
絵文字 | ショートコード |
---|---|
😀 | [ smile1 ] |
😃 | [ smile2 ] |
😄 | [ smile3 ] |
😁 | [ laugh1 ] |
😆 | [ laugh2 ] |
🤣 | [ laugh3 ] |
😨 | [ fared ] |
😢 | [ crying1 ] |
😭 | [ crying2 ] |
😱 | [ screaming ] |
😠 | [ angry ] |
😯 | [ hushed ] |
😟 | [ worried ] |
右側のショートコードを括弧の間の空白を消して記事に書くと、左側の絵文字に変換されます。
使用できる絵文字の種類はもっと多いのですが、種類を増やすとページの表示に時間がかかるなどの悪影響が出そうなので、よく使いそうな上の絵文字に留めています。
絵文字の使用例
今日、寿司を食べに行ったよ🤣
途中でお腹が痛くなったよ😨
でも、すぐなんとか持ちこたえたよ😯
会計するとき、財布を家に忘れたことに気づいたよ😱
この文章を記事の編集画面で見ると、下のようになっています。
文字サイズが小さいと、絵文字がとっても見辛いです・・。
実用的かどうか、ちょっと分かりませんが、よかったら試してみて下さい。
-
1
マツ
2020/02/26 01:03
😀
できたかな(・・?
さっそく色々動いてくださってありがとうございます♪
スマホの絵文字欄からそのまま使えると使いやすそうですが、絵文字が使えるとそれだけでも記事の表現の幅が広がりそうですね😆 -
2
マツ
2020/02/26 01:04
は!
コメント欄では使えないのですね(≧∇≦)
勘違い勘違い(^^; -
3
あっく
2020/02/26 01:08
> マツさん
コメント欄にも、先ほど対応しました😁 -
4
あっく
2020/02/26 01:10
上の絵文字は、ボタンタップでテキストエリアに入力できるようになると良いかもしれませんね。
また、手が空いた時に調べてみたいと思います。 -
5
あっく
2020/02/26 01:23
「この絵文字も使いたい」というご要望がありましたら、下のリンクなどを参照して、文字コードを教えて下さい😄
https://necomesi.jp/staff/shimada/emoji-font-family/ -
6
dotstyle
2020/02/26 09:39
待ってました~laugh3
-
7
dotstyle
2020/02/26 09:40
あれ間違えた [ laugh3 ]
-
8
dotstyle
2020/02/26 09:40
また間違えた 🤣
-
9
あっく
2020/02/26 09:52
> dotstyleさん
お待たせしました!
もう少し使い勝手がよくなるように工夫してみたいと思います。
顔文字は数を絞って20個ほどに対応させる予定なので、追加で入れてほしい文字があれば教えてください。
上の例のような、丸顔の黄色いマークに統一する予定です。 -
10
jie1104
2020/02/26 10:09
やったー[ laugh1 ]
-
11
jie1104
2020/02/26 10:11
こうかな😁
-
12
由希
2020/02/26 12:16
絵文字に対応されたんですね~[ laugh2 ]
どんどん進化して行ってますね。頑張って下さい^^ -
13
由希
2020/02/26 12:17
あら、間違っちゃった😆
-
14
あっく
2020/02/26 12:44
みんな最初間違えるところが面白いです laugh1]
・・使いづらいことでもあるんですけどね😭
しばらく後回しになると思いますが、もっと簡単に絵文字を使えるようにしたいと思います。 -
15
michikusa
2020/02/28 16:12
自分は顔文字のほうが好きです( ´∀`)