技術メモCanvas/JavaScript/ロゴジェネレーターはじめにアニメのロゴを手軽に再現できるロゴジェネレーターを作ったので紹介します。女子高生の無駄づかいhttps://logo.hgrs.me/jyoshimuda.htmlかぐや様は告らせたいhttps://logo.hgrs.me/kaguya.html幼女戦記https://logo.hgrs.me/youjosenki.html妖狐×僕SShttps://logo.hgrs.me/inuboku.html使われてる技術についてHTMLのCanvasをJavaScriptでこねくり回して作っています。Canvas/JavaScriptを使うことでサーバーサイドで処理する必要がなく、ユーザ側で逐次確認できて、ロゴが作りやすい(と僕は思ってる)です。レスポンシブデザインなので、スマホでもある程度綺麗に見えると思います。一応ツイート機能がついていて、そこからツイートすると、サーバサイドに一回画像を渡して、保存する過程を通るので、作成したロゴがOGP画像としてシェアできるリンクが作成されます。最近OGP画像のサービスが流行ってるのでこの機能をつけました。そのため、全てのロゴはOGP画像向けの固定サイズとなっています。おわりに暇があればどんどん種類が追加されていきますのでお楽しみに。コメントをキャンセルメールアドレスが公開されることはありません。コメント名前メールアドレスサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。date*日本語が含まれない投稿は無視されますのでご注意ください。ボリュームアクセスが遅いので使うのやめた。