https://labs.cybozu.co.jp/blog/akky/tags/gravatar/ Recent content in Gravatar on akky@サイボウズラボ・ブログ Hugo ja Fri, 19 Apr 2019 00:00:00 +0000 https://labs.cybozu.co.jp/blog/akky/2019/04/adorable-avatars-returns-the-same-generated-avatar/ Fri, 19 Apr 2019 00:00:00 +0000 https://labs.cybozu.co.jp/blog/akky/2019/04/adorable-avatars-returns-the-same-generated-avatar/ <p><a href="http://avatars.adorable.io/">Adorable Avatars(愛すべきアバターたち)</a>は、カートゥーン風のイラストアイコンを生成してくれるwebサービスです。</p> <p>フォームで文字列を入れると、文字列に応じてアバターが変わります。</p> <p><a href="http://avatars.adorable.io/"><picture> <source type="image/webp" srcset="https://labs.cybozu.co.jp/blog/akky/2019/04/adorable-avatars-returns-the-same-generated-avatar/adorable-avatars_hu_771e3fc09534bde4.webp 480w, https://labs.cybozu.co.jp/blog/akky/2019/04/adorable-avatars-returns-the-same-generated-avatar/adorable-avatars_hu_86e8dbba26c6bbd9.webp 658w" sizes="(max-width: 56rem) 100vw, 54rem"> <img src="https://labs.cybozu.co.jp/blog/akky/2019/04/adorable-avatars-returns-the-same-generated-avatar/adorable-avatars.png" width="658" height="639" alt="" loading="lazy" decoding="async"> </picture></a></p> <p>文字列が同じであれば必ず同じ結果が出てくるため、同じアイコン画像をいろいろな所で使いまわせるというわけです。↓は &ldquo;akky&rdquo; と入れた時に生成されるアバター画像。</p> <p><img src="https://api.adorable.io/avatars/285/akky.png" alt="Adorable Avatars で生成したアイコン例" loading="lazy" decoding="async"></p> <p>キーはテキストなら何でも(日本語でも)良いみたいですが、サンプルとしては @ドメイン のメールアドレスが提示されています。Gravatar と似ているところもありますね。あちらは自分のメールアドレスとアイコン画像を登録して使うものですが、できた画像が気にならず、他人に同じものが使われても問題ない状況なら、ずっとお手軽です。</p> <p>たとえば、アイコンつきの掲示板などで使えば、設定されてないアイコンを発言者の名前などをキーにしてこのAPIで表示することで、デフォルトアイコンだらけではなく同じ発言者が追いやすいようにできたりするのではないでしょうか。</p> <p>ランダム生成は嫌で自分で決めたい場合は、<a href="https://api.adorable.io/avatars/list">顔パーツのリスト</a>から自分で組み合わせてアバターを作り、それを呼び出して表示させることもできます。</p> <p>MITライセンスで<a href="https://github.com/adorableio/avatars-api-middleware">ソースも公開</a>されており、顔のパーツのバリエーションを自分で用意すれば、同じ仕組みで別のアバター提供サイトを作ることも簡単そうです。</p> <p>via Hacker News</p>