絵文字を使ったレーティング機能を実装できる「emotion-ratings」

ホーム
JavaScript
絵文字を使ったレーティング機能を実装できる「emotion-ratings」

JavaScript

2018.03.29

絵文字を使ったレーティング機能を実装できる「emotion-ratings」

emotion-ratingsは絵文字を使ったレーティング機能を実装できるjQueryプラグインです。シンプルで可愛い絵文字による評価を手軽に取り入れられるのがいいですね。サイズやカラー、カウント数などといったカスタマイズもできますよ。

emotion-ratings

以下のページからemotion-ratingsの実際のデモ動作を確認できます。

デモ

デモにはいろんな種類の絵文字によるレーティングが用意されています。評価によって絵文字が変化するものや、カウント数が多めのもの、サイズが小さいものなど、その種類はさまざまなです。自サイトの雰囲気や用途に応じて最適なカスタマイズができるのも大きな魅力といえますね。

オプションには、bgEmotion、emotions、count、color、emotionSize、inputName、initialRatingといった項目が用意されています。

また、絵文字（emotions）の種類は下記のとおりです。

var emotionsArray = {
    angry: "&#x1F620;",
    disappointed: "&#x1F61E;",
    meh: "&#x1F610;", 
    happy: "&#x1F60A;",
    smile: "&#x1F603;",
    wink: "&#x1F609;",
    laughing: "&#x1F606;",
    inlove: "&#x1F60D;",
    heart: "&#x2764;",
    crying: "&#x1F622;",
    star: "&#x2B50;",
    poop: "&#x1F4A9;",
    cat: "&#x1F63A;",
    like: "&#x1F44D;",
    dislike: "&#x1F44E;"
};

多彩な絵文字によるレーティング機能を実装したい人は、ぜひ「emotion-ratings」を活用されてみてはいかがでしょうか？

emotion-ratingsの具体的な使い方やダウンロードは、以下からどうぞ。

emotion-ratings