<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
	<channel>
		<title>アバター on akky@サイボウズラボ・ブログ</title>
		<link>https://labs.cybozu.co.jp/blog/akky/tags/%E3%82%A2%E3%83%90%E3%82%BF%E3%83%BC/</link>
		<description>Recent content in アバター on akky@サイボウズラボ・ブログ</description>
		<generator>Hugo</generator>
		<language>ja</language>
		
		
		
		
			<lastBuildDate>Fri, 07 Oct 2022 00:00:00 +0000</lastBuildDate>
		
			<atom:link href="https://labs.cybozu.co.jp/blog/akky/tags/%E3%82%A2%E3%83%90%E3%82%BF%E3%83%BC/index.xml" rel="self" type="application/rss+xml" />
			<item>
				<title>Facitars! - アバターアイコン生成ライブラリ</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2022/10/facitars-lib-generates-avatar-icons/</link>
				<pubDate>Fri, 07 Oct 2022 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2022/10/facitars-lib-generates-avatar-icons/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://github.com/mugendi/facitars&#34;&gt;Facitars!&lt;/a&gt; は、一定のトーンに沿った形で与えたシードからランダムなアバターアイコンを生成してくれるライブラリです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2022/10/facitars-lib-generates-avatar-icons/facitars-generated-sample-avatars_hu_b9ffec848af936bb.webp 480w, https://labs.cybozu.co.jp/blog/akky/2022/10/facitars-lib-generates-avatar-icons/facitars-generated-sample-avatars_hu_c6e65e77813bd7ec.webp 768w, https://labs.cybozu.co.jp/blog/akky/2022/10/facitars-lib-generates-avatar-icons/facitars-generated-sample-avatars_hu_a118ad3824ea2a5e.webp 897w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2022/10/facitars-lib-generates-avatar-icons/facitars-generated-sample-avatars.png&#34; width=&#34;897&#34; height=&#34;647&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/p&gt;&#xA;&lt;p&gt;Facitars! のサンプルコードで生成したランダムなアバター群&lt;/p&gt;&#xA;&lt;p&gt;アカウント名やメールアドレスをシードにすることで、他のユーザーと形や色が同じにならないユニークなアイコンをユーザーごとに自動で作れるため、会員登録制のwebサービスのデフォルトアイコンなどに使えそうです。&lt;/p&gt;&#xA;&lt;p&gt;HTMLページに埋め込んだJavaScript から呼び出すことも、サーバーサイドから呼んで画像を作ることもできるオープンソースのライブラリの形式で提供されています。実際に作ってみました。&lt;/p&gt;&#xA;&lt;p&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2022/10/facitars-lib-generates-avatar-icons/facitars-generated-akky-avatars_hu_8270806609c43dcc.webp 360w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2022/10/facitars-lib-generates-avatar-icons/facitars-generated-akky-avatars.png&#34; width=&#34;360&#34; height=&#34;151&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/p&gt;&#xA;&lt;p&gt;Facitars! で自分のアカウント名などをシードに作成したアバターアイコン&lt;/p&gt;&#xA;&lt;p&gt;ユーザー登録サービスでも自分のアイコンを登録する手間は面倒と感じる人が多いようで、ユーザーが並んでいるコメント欄などでもデフォルトのアイコンが並ぶばかり、というサービスもありますね。こういったライブラリを使ってデフォルトアイコンでも個人別に違ったものにすることはいい対策かなと思います。&lt;/p&gt;&#xA;&lt;p&gt;同様のアバタージェネレーターとしてはたとえば&lt;a href=&#34;https://boringavatars.com/&#34;&gt;Boring Avatars&lt;/a&gt;などもあります。こちらはカワイイ系のアイコンを生成できますが、色のバリエーションは手動で与えるタイプのようです。&lt;/p&gt;&#xA;&lt;p&gt;via reddit&lt;/p&gt;</description>
			</item>
			<item>
				<title>Adorable Avatars - キーからランダムに生成されるアバター</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2019/04/adorable-avatars-returns-the-same-generated-avatar/</link>
				<pubDate>Fri, 19 Apr 2019 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2019/04/adorable-avatars-returns-the-same-generated-avatar/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;http://avatars.adorable.io/&#34;&gt;Adorable Avatars(愛すべきアバターたち)&lt;/a&gt;は、カートゥーン風のイラストアイコンを生成してくれるwebサービスです。&lt;/p&gt;&#xA;&lt;p&gt;フォームで文字列を入れると、文字列に応じてアバターが変わります。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;http://avatars.adorable.io/&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;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&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2019/04/adorable-avatars-returns-the-same-generated-avatar/adorable-avatars.png&#34; width=&#34;658&#34; height=&#34;639&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;文字列が同じであれば必ず同じ結果が出てくるため、同じアイコン画像をいろいろな所で使いまわせるというわけです。↓は &amp;ldquo;akky&amp;rdquo; と入れた時に生成されるアバター画像。&lt;/p&gt;&#xA;&lt;p&gt;&lt;img src=&#34;https://api.adorable.io/avatars/285/akky.png&#34; alt=&#34;Adorable Avatars で生成したアイコン例&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&lt;/p&gt;&#xA;&lt;p&gt;キーはテキストなら何でも(日本語でも)良いみたいですが、サンプルとしては @ドメイン のメールアドレスが提示されています。Gravatar と似ているところもありますね。あちらは自分のメールアドレスとアイコン画像を登録して使うものですが、できた画像が気にならず、他人に同じものが使われても問題ない状況なら、ずっとお手軽です。&lt;/p&gt;&#xA;&lt;p&gt;たとえば、アイコンつきの掲示板などで使えば、設定されてないアイコンを発言者の名前などをキーにしてこのAPIで表示することで、デフォルトアイコンだらけではなく同じ発言者が追いやすいようにできたりするのではないでしょうか。&lt;/p&gt;&#xA;&lt;p&gt;ランダム生成は嫌で自分で決めたい場合は、&lt;a href=&#34;https://api.adorable.io/avatars/list&#34;&gt;顔パーツのリスト&lt;/a&gt;から自分で組み合わせてアバターを作り、それを呼び出して表示させることもできます。&lt;/p&gt;&#xA;&lt;p&gt;MITライセンスで&lt;a href=&#34;https://github.com/adorableio/avatars-api-middleware&#34;&gt;ソースも公開&lt;/a&gt;されており、顔のパーツのバリエーションを自分で用意すれば、同じ仕組みで別のアバター提供サイトを作ることも簡単そうです。&lt;/p&gt;&#xA;&lt;p&gt;via Hacker News&lt;/p&gt;</description>
			</item>
			<item>
				<title>スタンプの進化系か!? 会話内容を漫画にしてしまうメッセージアプリ ComiXchat が登場</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2014/10/comixchat-generates-comic-from-your-messages/</link>
				<pubDate>Thu, 09 Oct 2014 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2014/10/comixchat-generates-comic-from-your-messages/</guid>
				<description>&lt;p&gt;今日公開されたスマートフォンアプリ &lt;a href=&#34;http://comixchat.com/&#34;&gt;ComiXchat&lt;/a&gt; (コミックス x チャット)は、LINE や WhatsApp のようなメッセンジャーアプリですが、従来のチャットアプリがいつも同じ吹き出しでコメント内容を表示しているのに対し、コメント内容から漫画のコマを生成して表示するという、漫画 + チャット を組み合わせたサービスです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2014/10/comixchat-generates-comic-from-your-messages/comixchat-1.jpg&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2014/10/comixchat-generates-comic-from-your-messages/comixchat-1_hu_fbd1eec2306ff33d.webp 480w, https://labs.cybozu.co.jp/blog/akky/2014/10/comixchat-generates-comic-from-your-messages/comixchat-1_hu_4634c84c9059c653.webp 512w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2014/10/comixchat-generates-comic-from-your-messages/comixchat-1.jpg&#34; width=&#34;512&#34; height=&#34;512&#34; alt=&#34;comixchat-1&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt; &lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2014/10/comixchat-generates-comic-from-your-messages/comixchat-2.jpg&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2014/10/comixchat-generates-comic-from-your-messages/comixchat-2_hu_74a3f21b773b4d01.webp 480w, https://labs.cybozu.co.jp/blog/akky/2014/10/comixchat-generates-comic-from-your-messages/comixchat-2_hu_7f475be66cb28539.webp 512w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2014/10/comixchat-generates-comic-from-your-messages/comixchat-2.jpg&#34; width=&#34;512&#34; height=&#34;512&#34; alt=&#34;comixchat-2&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;日本語で長文(というほど長くもないけど)を入れたら切れてしまった&lt;/p&gt;&#xA;&lt;p&gt;Android, iOS に Windows Phone までリリースしているようです。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2014/10/comixchat-generates-comic-from-your-messages/comixchat-top.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2014/10/comixchat-generates-comic-from-your-messages/comixchat-top_hu_8910bd9c291da63.webp 480w, https://labs.cybozu.co.jp/blog/akky/2014/10/comixchat-generates-comic-from-your-messages/comixchat-top_hu_76226384c657c136.webp 768w, https://labs.cybozu.co.jp/blog/akky/2014/10/comixchat-generates-comic-from-your-messages/comixchat-top_hu_c8a67e77c1bdede4.webp 1126w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2014/10/comixchat-generates-comic-from-your-messages/comixchat-top.png&#34; width=&#34;1126&#34; height=&#34;862&#34; alt=&#34;comixchat-top&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;アプリを起動してメールアドレスを与えると、登録用のリンクを含んだメールを送ってきます。デバイスのアドレス帳などから他のComiXchatユーザーが見つかれば、そのまま表示されてチャットを開始できますし、メールアドレスで検索したり招待したりもできます。このあたりはメッセンジャーアプリ一般どれでも良くある作りですね。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2014/10/comixchat-generates-comic-from-your-messages/comixchat.gif&#34;&gt;&lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2014/10/comixchat-generates-comic-from-your-messages/comixchat.gif&#34; width=&#34;342&#34; height=&#34;312&#34; alt=&#34;comixchat&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;メッセージを書いた瞬間は、長方形の吹き出しにそのメッセージが表示されますが、10秒ぐらい待つとコミックストリップの形に変換されて表示されます。相手の話した前のコマの中に返事として出てくることもあれば、新しいコマになることもあります。&lt;/p&gt;&#xA;&#xA;&#x9;&#x9;&#x9;&lt;div&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;style=&#34;position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;&#34;&gt;&#xA;&#x9;&#x9;&#x9;&#x9;&lt;iframe&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;src=&#34;https://player.vimeo.com/video/108397892?dnt=0&#34;&#xA;&#x9;&#x9;&#x9;&#x9;&#x9;&#x9;style=&#34;position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;&#34; allow=&#34;fullscreen&#34;&gt;&#xA;&#x9;&#x9;&#x9;&#x9;&lt;/iframe&gt;&#xA;&#x9;&#x9;&#x9;&lt;/div&gt;&#xA;&#xA;&lt;p&gt;自分のキャラクター(アバター)は、設定で変更することもできます。すべての相手のチャットで使うアバターの設定もできるし、その相手・グループとのチャットだけで使うアバターを変えることも可能です。&lt;/p&gt;&#xA;&lt;p&gt;コメントを送る際、左側にある顔マークで感情を選ぶと、感情に併せて漫画の中のキャラクターが描かれます。また、短時間に多くのメッセージを連投すると、コマの中でその人のキャラクターが大きく取り上げられるなど、会話の特徴に応じてコマの描かれ方も変化するようになっているということ。&lt;/p&gt;&#xA;&lt;p&gt;一連の会話を、よりコミックらしいスタイルで出力したり、ソーシャルで共有したりすることも可能です。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;http://i.imgur.com/HVv3UHI.jpg&#34;&gt;&lt;img src=&#34;//i.imgur.com/HVv3UHI.jpg&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;チャットにスタンプをつけたり、あるいはスタンプだけでコミュニケーションしたり、というのはLINEなどで人気が出てFacebook までが取り込もうとしていますが、特にこちらが指定していない素の会話でも、コミックの形になっていると面白さが出たり、会話が弾んだりということがあるかもしれないですね。&lt;/p&gt;&#xA;&lt;p&gt;このComiXchat でも、現在のアプリ内バナー広告以外に、有料のキャラクターや有料の背景シーンの販売などをビジネスモデルの一つとして検討しているそうです。&lt;/p&gt;</description>
			</item>
	</channel>
</rss>
