「テキスト/アイコンベースのシンプルなアバターを生成するReactライブラリ・「Avvvatars」」のご紹介| Webデザイン参考記事まとめアプデ

2022年03月15日(火)

テキスト/アイコンベースのシンプルなアバターを生成するReactライブラリ・「Avvvatars」

0

15

2

3

Avvvatars

Avvvatarsはテキスト/アイコンベースのシンプルなアバターを生成するReactライブラリです。任意の画像等を選択しないユーザーの為のもの、という感じ。

40の色と60のアイコン、入力されたテキスト（ユーザー名等）に基づいて自動的にアバターを生成する、というもの。テキストベースのアバターはYoutubeが使っていますので本番環境に導入してもユーザーが困惑する事は少ないかなと思います。

背景色とアイコンはメールアドレスなどの入力に応じてランダムで選択されるみたいです。尚、何か対策しない限りはランダム性ゆえにアイコンが被る可能性はあります。

動作テストしましたが、日本語でも問題なく認識、アバター化されました。アバターは何もイラストである必要はないでしょうし、良いのでは。汎用的で使いやすいと思います。ライセンスはMIT。

Avvvatars

WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログかちびと.netの記事『テキスト/アイコンベースのシンプルなアバターを生成するReactライブラリ・「Avvvatars」』についてまとめています。

この記事は特にアイコン・イラスト・youtubeについて書かれており、気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のかちびと.netで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとかちびと.netの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。