kimihito https://blog.hatena.ne.jp/kimihito/ ミノタケ日記。 https://kimihito.hatenablog.com/ JavaScript Placeholder アイコン npm TL;DR https://avatars.dicebear.com/v2/種類/値.svg みたいな感じで入力すればアバター画像のプレースホルダが手に入る。 他にもいろいろオプションがあるので便利かも。 やりたいこと Webサービスでよくある、ログインユーザのアイコン画像を表示するときデフォルトをどうしようと思っていた。 GitHubのようなアイコン生成は identicons というらしく、似たような形で表現したいなーと思っていた。 やったこと npmパッケージなどないか調べていたら、上掲の DiceBear/avatars を見つけたので導入した。 上掲のURLで利用することを推奨してい… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fkimihito.hatenablog.com%2Fentry%2F2019%2F10%2F04%2F000000" title="アバター画像のプレースホルダに avatars.dicebear.com を利用する - ミノタケ日記。" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2019-10-04 00:00:00 rich https://kimihito.hatenablog.com/entry/2019/10/04/000000 1.0 100%