Java Script

今回は簡単なアニメーションについて見ていきます。ご紹介している内容はMDNのサイトのものになりますので、合わせてご参照ください。MDN ：基本的なアニメーションアニメーションを制御するアニメーションを制御するには、以下のメソッドを使用します...

今回は、合成とクリッピングについて見ていきます。図形の合成は沢山のパターンがあるので、実際にコードを書いて確認しておきましょう。globalCompositeOperation「globalCompositeOperation」は図形を合成...

今回は、テキストの描画から画像の挿入、その他様々な描画方法、変換方法について見ていきましょう。テキストの描画テキストを描画するには、以下の方法があります。fillText()strokeText()それぞれ引数には、「(text, x, y...

今回は、図形に色を付けたり、グラデーションにしたり、その他の様々なスタイルの設定方法について見ていきます。図形に色をつけるすでに前回の例で見ていますが、図形に色を付けるには以下のプロパティを使用します。fillStyle：図形を塗りつぶしま...

今回から「canvas」の使い方について見ていきましょう。「canvas」はHTMLのタグですが、実装するには、JavaScriptが必要になります。まずは基本的な描画の仕方について見ていきましょう。canvas<canvas><canva...

今回は、テキストボックスやドロップボックスなど、ユーザーが入力した内容や、何を選択したのかなどを取得する方法について見ていきます。どれも「input」要素に関連するものになりますので「input」の使い方についても合わせて見ていきましょう。...

今回はWindowインターフェースに関連するプロパティやメソッドについて見ていきます。代表的なもののみのご紹介となりますが、よく使われるものはカバー出来ていると思いますpromptprompt('メッセージ', 'デフォルト');「wind...

前回、非同期通信の学習で使用したのが、「XMLHttpRequest」でしたが、最近のJavaScriptでは、あまり使用されなくなってきています。その代わりに登場したのが、今回ご紹介する「fetch()」メソッドを使用する方法です。「XM...

今回は、AJAXの通信を行う際に使われるオブジェクト、「XMLHttpRequest」について見ていきます。AJAXとは、「Asynchronous Javascript And Xml」という造語の略で、非同期通信をJavaScriptの...

今回は「グローバル関数」についてご紹介させて頂きます。グローバル関数とは、JavaScriptの定義からいつでも呼び出すことの出来る関数です。機能としては基本的なものになりますので、この機会に確認しておきましょう。parseInt()par...