はじめに
アニメのロゴを手軽に再現できるロゴジェネレーターを作ったので紹介します。
ロゴジェネレーター一覧
女子高生の無駄づかい
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画像向けの固定サイズとなっています。
おわりに
暇があればどんどん種類が追加されていきますのでお楽しみに。