CSSのアニメーション：animationプロパティの利用
- 2021/03/31
- 22:15
CSSでアニメーションを作成できるプロパティは前回紹介したtransitionプロパティの他にもanimationプロパティというものがあります。今回はanimationプロパティを用いたCSSのアニメーションを紹介したいと思います。animationプロパティはtransitionプロパティとは違い、ポインタを乗せたりクリックなどで動くアニメーションではなく、そのまま動くアニメーションを作りだします。animationプロパティによるアニメーションは@keyfr...
CSSのアニメーション：transitionプロパティの利用
- 2021/03/30
- 23:20
HTMLでアニメーションを作るにはCanvasやSVGの他にもCSSを利用する方法もあります。今回はCSSでアニメーションが実装できるtransitionプロパティについて紹介したいと思います。transitionプロパティで実装されるCSSのアニメーションは要素に何らかの変化や動作があったときにCSSのプロパティを変化させるものです。単純で短時間のアニメーションに用いられることが多いです。transitionプロパティで用いられるプロパティは以下の...
変数の有効範囲：スコープについて
- 2021/03/28
- 22:37
前回は変数の宣言についてまとめましたが、今回はその変数の宣言はどの範囲まで有効なのかまとめたいと思います。JavaScriptにおいて変数の宣言の有効な範囲はスコープと呼びます。同じスコープにある変数は参照できますが、違うスコープにある変数は参照できません。JavaScriptのスコープは主にグローバルスコープとローカルスコープに分けられます。さらにローカルスコープは関数スコープとブロックスコープに分けられます。グロ...
