JavaScript 初めてのDOM〜DOMの概念
DOMとは
多くの解説書ではDOMについて次のような説明がされています。
「DOM(Document Object Model)はドキュメントを構成するオブジェクトにアクセスする方法を定義したAPIです。
W3Cが標準DOM仕様を定義...
JavaScript
JavaScript JavaScript Vanilla JS
君jQuery使ってる？って聞かれたら、
僕はVanilla JS を使ってるよと答えるといいらしい。
なにしろ早いからと付け加えることを忘れないようにね。
JavaScript HTML5 canvasを使用してみる～少し複雑ななアニメーション
少し複雑なアニメーションの作成
複雑なアニメーションを作成するには複数行、複数列のタイルシートを作成する方法があります。
複雑になったタイルシートを指定する方法
たとえば、128Ｘ128の画像をタイルシートに複数行、複...
JavaScript HTML5 canvasを使用してみる～簡単なアニメーション
イメージをタイルシートにするとパラパラ漫画風のアニメーションを作成できます。
簡単な例で試してみましょう。上のタイルシートの中の２つのイメージとdrawImage()メソッドを使用してアニメーションを作成します。
2枚のイメージ...
JavaScript JavaScriptのaddEventListenerについて
addEventListenerとは
イベントハンドラは同一の要素あるいは同一のイベントに対して複数のイベントハンドラを定義できないのですが、イベントリスナを使うと有利な事は同一の要素あるいは同一のイベントに対して複数のイベントリスナを関...
HTML&CSS Freeのオーディオエンコーダー
Mac,Win用と用意されているFreeのオーディオエンコーダーにAudacityがあります。
サウンドの編集もできてお薦めです。
Audacityはこちらから
ちょっと面倒なのはmp3に変換する場合は「Lame」が必要なこと...
Flash ローディングアニメーションが簡単に作成できるサイト
ローディングアニメーションはGIF形式のアニメーションで作成しますが、一般的なものでいい場合は以下のサイトで簡単に作成できます。
簡単に出来るものは簡単にやってしまいましょう。
ajaxload.info
Generatorの...
JavaScript FlashCS6 Toolkit for CreateJSを使ってみる（2）
ボタンをクリックしたらアニメーションを開始
前回のサンプルはＨＴＭＬの読み込みが完了したらすぐにアニメーションが開始する仕組みでしたが、今度はボタンをクリックしたらアニメーションを開始するようにしてみました。
body要素の onloa...
JavaScript FlashCS6 Toolkit for CreateJSを使ってみる（1）
FlashCS6 Toolkit for CreateJSを使ってみる
FlashCS6 Toolkit for CreateJSとは
FlashCS6からswfの代わりにJavaScriptでアニメーションを行うための変換ツールが用意...
JavaScript 配列の要素を順に処理 for…in命令
for...in命令
for...in命令を使用して配列の要素を表示してみます。
for(仮変数 in 配列/オブジェクト){ループ内で実行する処理}
スクリプト実行結果です。