hokaccha https://blog.hatena.ne.jp/hokaccha/ hokaccha memo https://hokaccha.hatenablog.com/ Adventarを支える技術 Advent Calendar 2019 の22日目です。 さすがにネタ切れ気味なので、UI 系の細かいネタを投下します。 ユーザーアイコンが404のときにフォールバック Adventar では Twitter などのソーシャルログインを使っていて、ユーザーのアイコンは各プロバイダから取得できる画像の URL をそのまま使っています。その URL がずっと使えるならいいのですが、ユーザーがプロバイダのほうでアイコンを更新した場合などに古いアイコンの URL がリンク切れになってしまいます。 そうなると、ひどいと以下のようなってしまいます。 これはひどい。せめてデフ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fhokaccha.hatenablog.com%2Fentry%2F2019%2F12%2F22%2F000000" title="細かすぎて伝わらない UI の工夫 - hokaccha memo" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/h/hokaccha/20191219/20191219224003.png Hatena Blog https://hatena.blog 2019-12-22 00:00:00 rich https://hokaccha.hatenablog.com/entry/2019/12/22/000000 1.0 100%