魔法少女サイト

これは、魔法少女になれなかった男の記録である。

由比ヶ浜結衣生誕2018非公式サイトを作った話

あいさつ

f:id:yuki540com:20180616154123p:plain

やっはろー、yui540だよ!

最近、暑くなってきましたが、みなさんいかがお過ごしでしょうか?

僕は最近、食パンにハマっていて四六時中、食パン食べてます。

特に超芳醇 4枚切りが美味しいので、みなさんもよかったら食べてみてください。

で、今回「由比ヶ浜結衣生誕2018非公式サイト」を作ったので、そのことについて書きたいと思います。

🎂 yui.magical-girl.site 🎂

はじまり

推しキャラがコロコロ変わる僕ですが、これからは由比ヶ浜結衣のみを推していくことを決めたのですが、あることに気がつきました。

「あれ?由比ヶ浜結衣って誕生日いつだっけ?」

あろうことか、推しキャラを誕生日を把握していなかったのです。

なので、「僕と誕生日近かったら嬉しいな〜」などと思いながら検索すると...

【参照: ピクシブ百科事典】 f:id:yuki540com:20180616161442p:plain

f:id:yuki540com:20180616161504p:plain

「うっ...もうすぐだ...(検索した日は、5/31)」

何かを買ってお祝いしたいと思いましたが、ニートの僕にはあまりお金がないので、自分なりに何かをして誕生日をお祝いすることにしました。

で、僕には簡単なサイト作るぐらいしか能がないので、由比ヶ浜結衣生誕2018非公式サイトを作ることにしました。

↓「作るぞ」という意思表明

つくる

↓一連の制作過程のツイートです。

まず、メインのイラストを準備する。

OGP画像を作る。

パート分けして、アニメーションを作っていく(SPでも同じように動くようにもする)

※よく質問されますが、僕が1からイラストを描いているのではなく、元の画像をパーツごとになぞって塗りつぶして作っているだけです。

まあ、いつも通り脳死CSS Animation芸のサイトですね。

ソースコードが見たい方は、こちらにあります。

僕がよくやるCSS Animationのパターンを知りたい場合は、下の記事をご覧ください。

さいごに

出来は良くありませんが無事、6/18までにサイトをつくることができ、由比ヶ浜結衣の誕生日を祝ってくれる人達もいて良かったです。

このサイトをきっかけに「やはり俺の青春ラブコメはまちがっている。」をまた見てくれる人が増えてくれれば、なによりです。

みなさんも推しキャラの誕生日を祝うサイトを作ってみてはいかがでしょうか?

最後に、この場を使って、由比ヶ浜結衣というキャラクターを生み出し、命を吹き込んでくださった、

渡航先生・東山奈央さん・俺ガイル制作に関わった全ての方々に感謝します。

f:id:yuki540com:20180616154740p:plain