Jiro

Java Script

canvas 簡単なアニメーション

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

canvas 合成とクリッピング

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

canvas テキストの描画と画像の挿入 様々な描画方法と変換方法

今回は、テキストの描画から画像の挿入、その他様々な描画方法、変換方法について見ていきましょう。 テキストの描画 テキストを描画するには、以下の方法があります。 fillText()strokeT...
Java Script

canvas 色の付け方とグラデーション 様々なスタイルの設定方法

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

canvas 基本的な使い方 様々な描画方法

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

HTMLInputElement テキストボックスやドロップボックスなどの値を取得する

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

windowインターフェースに関連するメソッドやプロパティ

今回はWindowインターフェースに関連するプロパティやメソッドについて見ていきます。 代表的なもののみのご紹介となりますが、よく使われるものはカバー出来ていると思います prompt prom...
Java Script

fetchメソッドによる非同期通信の仕方

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

XMLHttpRequest 非同期通信と同期通信の使い方

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

JS グローバル関数 parseInt() parseFloat() isNaN()

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