この記事は、SYSKEN Advent Calendar 2024 12月8日の記事です。
はじめに
こんにちは！システム研究部のIzumoi1114です。
アドベントカレンダーのテーマを考えている時、自分にはWeb開発しか取り柄がないことに気がつきました。なので、簡単なWebアプリを作ろうと思います。
当初は「みんなが模写できるような短いコードで書くぞ」と意気込みましたが、無駄にこだわってしまったせいで中途半端に長く、汚くなってしまいました。ごめんなさい。
作るもの
何を作るかとても迷いました。
簡単なWebアプリといえば、ToDoリストだと思います。そして、クリスマスの時期です。この2つを合わせれば良いんじゃないかと思いました。
結論: クリスマス仕様のToDoリスト
使ったアプリ
コードを書く
まず雪を降らせたかったのでライブラリを漁っていると、particles.jsといういい感じのやつを見つけました。
設定を少しいじると、雪を降らせることができました。(見えない)
次は、雪を積もらせて、雪だるまを出現させました。
最後に、ToDoリストを作りました。フォントもクリスマスに似合うものにしました。完成です。
完成したアプリ
完成したアプリはここで見ることができます！(PCだと綺麗に見れます)
雪だるまのアニメーションがお気に入りです。
また、ソースコードがこちらにあります。
自分のPCにダウンロードして色々アレンジしてみてください！
質問があればいつでもお待ちしてます。
おわりに
最後まで読んでくださりありがとうございました。
少しでもWeb開発に興味を持ってくれたら嬉しいです。
コメントを残す