プログラミング

HTML/CSS/JavaScript勉強日記 -17日目-

HTML 5

アニメーション

 今日やったのはJavaScriptで宝探しゲームを作ろうです。ただ、やはりゲームの部分よりも、CSSを使ったアニメーションの部分が勉強になりました。

dotinstall_treasurehunter_js

 しかし、各レッスンのゲームはゲーム性が微妙なものが多いですが、今回の宝探しゲームはその中でも群を抜いてわけわからんゲーム内容でしたね(笑)。他のはまだ、友達に「簡単なゲームつくったぜ」と見せても一応は遊べるものでしたが、今回のはそれすらもキツそうでした(笑)。

HTML/CSS/JavaScript勉強日記 -15日目-

HTML 5

お久しぶりです

 前回からだいぶ間が空いてしまいました。少し方向転換して、JavaScriptの復習も兼ねてそっちのほうをやっていくことにしました。今日やったのはJavaScriptでスロットマシンを作ろうです。setTimeoutとか、未だによくわかってないんですよね(笑)。これを機に慣れていきたいですね。

dotinstall_slot_js

 レッスンは14個ほどあるようなので、これをしばらくやっていこうと思います。

HTML/CSS/JavaScript勉強日記 -14日目-

HTML 5

おもしろそうな

 前回でCSSの便利な機能を改めて学習したんですが、ついでにレッスン一覧を確認したところ、まだやっていないCSSのレッスンがあったのでやってみることにしました。

 という訳で、やってみたのはCSSアニメーション入門です。かなり難しい内容で、例えばこのサイトでの使用方法などもぱっとは思いつかないような内容だったのですが、引き出しの一つにはできたかなと思うので、何かの機会には使ってみようかなと思います。

HTML/CSS/JavaScript勉強日記 -13日目-

HTML 5

おもしろそうな

 最新のレッスンを見ていると、CSS変数入門というかなりおもしろそうなレッスンがありました。実は今まで普通のCSSで変数を使えるということを知らなかったので、早速やってみました。グローバル変数とローカル変数を使い分けたりと、結構いろいろなことができるみたいです。レッスンは全8回と少なめだったので一気に終わらせてみました。JavaScriptとの組み合わせもできるみたいでおもしろそうですね。

 かなり便利そうなので、このブログのデザインもこれを使って書き直そうかと思っています。いつになるかはわかりませんが……(笑)。