JavaScript

初めてのDOM〜DOMの概念

DOMとは 多くの解説書ではDOMについて次のような説明がされています。 「DOM(Document Object Model)はドキュメントを構成するオブジェクトにアクセスする方法を定義したAPIです。 W3Cが標準D  >>続きを読む

Vanilla JS

君jQuery使ってる?って聞かれたら、 僕はVanilla JS を使ってるよと答えるといいらしい。 なにしろ早いからと付け加えることを忘れないようにね。

HTML5 canvasを使用してみる~少し複雑ななアニメーション

少し複雑なアニメーションの作成 複雑なアニメーションを作成するには複数行、複数列のタイルシートを作成する方法があります。 複雑になったタイルシートを指定する方法 たとえば、128X128の画像をタイルシートに複数行、複数  >>続きを読む

HTML5 canvasを使用してみる~簡単なアニメーション

イメージをタイルシートにするとパラパラ漫画風のアニメーションを作成できます。 簡単な例で試してみましょう。上のタイルシートの中の2つのイメージとdrawImage()メソッドを使用してアニメーションを作成します。 2枚の  >>続きを読む

JavaScriptのaddEventListenerについて

addEventListenerとは イベントハンドラは同一の要素あるいは同一のイベントに対して複数のイベントハンドラを定義できないのですが、イベントリスナを使うと有利な事は同一の要素あるいは同一のイベントに対して複数の  >>続きを読む

Freeのオーディオエンコーダー

Mac,Win用と用意されているFreeのオーディオエンコーダーにAudacityがあります。 サウンドの編集もできてお薦めです。 Audacityはこちらから ちょっと面倒なのはmp3に変換する場合は「Lame」が必要  >>続きを読む

ローディングアニメーションが簡単に作成できるサイト

ローディングアニメーションはGIF形式のアニメーションで作成しますが、一般的なものでいい場合は以下のサイトで簡単に作成できます。 簡単に出来るものは簡単にやってしまいましょう。 ajaxload.info Generat  >>続きを読む

FlashCS6 Toolkit for CreateJSを使ってみる(2)

ボタンをクリックしたらアニメーションを開始 前回のサンプルはHTMLの読み込みが完了したらすぐにアニメーションが開始する仕組みでしたが、今度はボタンをクリックしたらアニメーションを開始するようにしてみました。 body要  >>続きを読む

FlashCS6 Toolkit for CreateJSを使ってみる(1)

FlashCS6 Toolkit for CreateJSを使ってみる FlashCS6 Toolkit for CreateJSとは FlashCS6からswfの代わりにJavaScriptでアニメーションを行うための  >>続きを読む

JavaScript基礎4

関数について 一度定義すると何度も呼び出しが行えて、なんらかの処理をしたり、その結果を返す仕組みを関数といいます。関数にはfunction命令で定義するものと関数リテラルで定義する方法があります。さらにコンストラクタとい  >>続きを読む

JavaScript基礎3

ループ制御 繰り返し処理も非常によく利用される処理です。JavaScriptの繰り返し処理にはfor文、for…in文、while文、do…while文があります。 while文とdo&#8230  >>続きを読む

JavaScript基礎2

制御命令 プログラミングでは処理を分岐していく必要がでてきます。その分岐方法としてif文とswitch文があります。 if命令文 「もし~ならば、・・・命令を実行する。そうでなければ、・・・・命令を実行する」そんな分岐方  >>続きを読む

JavaScript基礎1

変数について 変数の宣言方法 var 変数名 var 変数名 = 初期値 例

変数名に用いることができるのは半角英数字です。変数名の最初は半角英文字か$ま  >>続きを読む

JavaScriptにおけるオブジェクト指向3

プロトタイプベースオブジェクト JavaScriptではインスタンス化後にプロトタイプのメンバを追加することができます。そして、そこで追加したメンバは他のインスタンスでも使用できます。 プロパティの宣言はコンストラクタで  >>続きを読む

JavaScriptにおけるオブジェクト指向2

インスタンス化後に独自のメンバを追加 インスタンス化後に独自のメンバを追加してみます。そのメンバは当然別のインスタンスには適用されません。

スクリプト実行  >>続きを読む

JavaScriptにおけるオブジェクト指向1

オブジェクト指向 javaScriptはオブジェクト指向言語です。けれども、Javaなどと大きく異る点があります。それはインスタンス化の概念はありますが、クラスがありません。そしてクラスの代わりにプロトタイプという概念が  >>続きを読む

配列の要素を順に処理 for…in命令

for…in命令 for…in命令を使用して配列の要素を表示してみます。 for(仮変数 in 配列/オブジェクト){ループ内で実行する処理} [crayon-5b7a6f6807ff895697  >>続きを読む

連想配列

解説 オブジェクトリテラルを使用方法です。名前をキーにアクセスできる配列です。連想配列と呼ぶ場合もあります。

スクリプト実行結果です。

配列要素の書き出し

for文で要素を書き出し for文で配列の要素をすべて順番に書き出す事ができます。 for(初期化式;ループ継続条件式;増減式){ループ内で実行する命令}

  >>続きを読む

JavaScriptにおける配列

配列の作成 JavaScriptにおける配列の生成には3つの方法があります。 Array()コンストラクタを使用する方法 Array()コンストラクタを使用して初期化もまとめて行う方法 配列リテラルを使用する方法 3つの  >>続きを読む

IE8以下でcss3を対応させるのに便利なPIE.htcの問題点

IEでCSS3を対応させるのに便利なPIE.htcですが、結構不具合がでます。 PIE.htcを使用すると背景色やボーダーが表示されない場合があります。 この対処方法はCSS3 にPIEを適応させたセレクタにpositi  >>続きを読む