技術2018.9.12JavaScriptでカレンダー作ってみたTwitterを眺めていて、面白いツイートを発見しました。2018この、JavaScriptでカレンダーを作ったというツイート。作り方はぼんやり思いつくけど、自分ならどんな感じで作るだろう、と興味深く思い、実際に作ってみました!Calender完成品が、これ。HTMLとCSSとJavaScript(jQuery)でできてます。少なくともパソコンでは動くんじゃないかと思います!年月の左右にある<や>をクリックしてみてください。Twitterで、動画で動きを撮ったツイートもしました。ツイートを見て、面白そうだしちょっとやってみようかと、作ってみた!中身これでいいかはわからないが、ちゃんと動くからいいかー。2018どのくらいで、どうやって、作ったか所要時間は時間気にせずやって40分くらいだったはず。ソースを見ればどうやってるか分かりますが、結構適当です。jQueryで整えたHTMLの部分、どう考えても週ごとに分けたほうが良かったよなぁと思ったり。今は曜日ごとに縦に分かれてるので、音声読み上げとかを使おうとすると順番が......。曜日で色付けとかはCSSでやりやすい形ですが、それはnth-childを使うなりすればどうとでもなるので、言い訳にならないしなと思います。そんなところもありますが、とりあえず動くものができたのでよかったです。JavaScriptのDateはわりと面倒くさいイメージがあり、実際使ったら面倒くさかったですが、動くので良し。月を動かしたときに、その月のデータを既に作っていたらそのデータを使い、初めて見る時はいろいろ作成して配列に入れてます。JavaScriptの中でだけ保持しているので、更新したらまた作り直しますが、そう大した量でもないと思うので、適当に。仕事で使うから作ったというわけではなく、ただ面白そうだし勉強になりそうだから作っただけなので、動けばいいのです。