2019-11

JavaScript

配列の使い方

JavaScript配列とは複数の値を入れる事が出来る箱の事です。今まで使っていた変数は1つにつき、1つの値しか入れる事が出来ず、新しい値を入れると上書きされてしまう、という特徴がありましたが、配列を使う事で同時に複数の値を収納出来るように...
JavaScript

Math.randomの使い方

JavaScriptJavaScriptで乱数を取得したい場合には「random関数」を使います。覚えるメソッドMath.randomMath.random()は、0〜0.9999...(1未満)の間から、1つの数値をランダムで返すメソッド...
css3

CSS3によるアニメーション・animation

css3CSS3によるアニメーションは大きく分けて、トランジション(transition)とアニメーション(animation)の2つに別ける事が出来ます。CSS3におけるトランジション(transition)とアニメーション(animat...
JavaScript

for文の多重ループ

JavaScriptfor文でのインクリメント/デクリメント演算子上記のインクリメント演算子を使って2から100まで2づつ増えていくfor文を作成しましょう。一つのfor文(ループ)の中に、さらにfor文を入れることができます。 もちろん入...
JavaScript

Dateオブジェクトで時間の取得

JavaScript「 new Date()」を使う事で、現在の時間を取得することが出来ます。<script>var date = new Date();document.write(date);</script>実際に表示してみると「 n...
Illustrator

図形の組み合わせと整列を使ってイラストを描く

Illustrator図形の組み合わせと整列を使ってイラストを描いてみましょう。さらに効果を使ってシェイプをすばやく操作し、様々な表情のイラストに変化させてみましょう。helpx.adobe.com
JavaScript

関数の使い方

JavaScript一連の処理をひとまとめにして、名前をつけたものを「関数」と呼びます。手間のかかる処理を関数として定義しておけば、必要なときに必要なだけ何度も呼び出すことができます。関数は、function文を使って定義する。定義した関数...
JavaScript

for文の使い方

JavaScriptfor文は繰り返し(ループ)処理です。for ( 変数iの初期値 ;  繰り返し条件 ;  変数の変更 ) { 処理の結果}記述例<script> for (var i = 1 ; i <= 100 ; i++) ...
JavaScript

if文を使った条件分岐

JavaScriptif文を使うことで、プログラムの結果を分岐する事が出来ます。例えば値が〇〇以上であれば、Aルート値が〇〇以下であれば、Bルートというように、ある条件をもとにルートが分岐する事を条件分岐といいます。if文の書き方if (条...
JavaScript

変数の使い方

JavaScriptJavaScriptでまず覚える事は変数の使い方です。変数とは値を入れておくことができる箱のようなものです。処理結果などの値を変数に格納したり、それをまた別の処理へ引き渡したりすることができます。変数宣言変数を使用する上...