アニメのロゴを手軽に再現できるロゴジェネレーターを作ったので紹介します。

ロゴジェネレーター一覧

女子高生の無駄づかい

https://logo.hgrs.me/jyoshimuda.html

かぐや様は告らせたい

https://logo.hgrs.me/kaguya.html

幼女戦記

https://logo.hgrs.me/youjosenki.html

妖狐×僕SS

https://logo.hgrs.me/inuboku.html

使われてる技術について

HTMLのCanvasをJavaScriptでこねくり回して作っています。

Canvas/JavaScriptを使うことでサーバーサイドで処理する必要がなく、ユーザ側で逐次確認できて、ロゴが作りやすい（と僕は思ってる）です。レスポンシブデザインなので、スマホでもある程度綺麗に見えると思います。

一応ツイート機能がついていて、そこからツイートすると、サーバサイドに一回画像を渡して、保存する過程を通るので、作成したロゴがOGP画像としてシェアできるリンクが作成されます。最近OGP画像のサービスが流行ってるのでこの機能をつけました。そのため、全てのロゴはOGP画像向けの固定サイズとなっています。

おわりに

暇があればどんどん種類が追加されていきますのでお楽しみに。