2015-05-01から1ヶ月間の記事一覧
曜日を日本語で表示する 曜日の文字列は、「days配列」に格納しておきます <script> var days = new Array('日', '月' ,'火', '水', '木', '金', '土'); </script> Dateオブジェクトを作成 曜日は、getDayメソッドを利用する1 getDayメソッドの戻り値は「日曜日〜土曜日」を「…
配列とは リストのこと いくつかの情報を番号と一緒に保管するためのもの 「配列」とは、添字(そえじ)と呼ばれる番号を用いて、1つの変数名で複数のデータをまとめて管理できるようにしたもの 配列 - マンガで分かる JavaScriptプログラミング講座 配列は…
乱数の発生 「random()」は、「0以上1未満の乱数を生成する」メソッド 「floor()」は、「小数点以下を切り捨てる」メソッド ランダムな「整数」を生成する rnd = Math.floor(Math.random() * (MAX + 1)); <html lang="ja"> <head> <meta charset="UTF-8"> <title>乱数の発生</title> </head> <body> <h1>乱数の発生</h1> <script> MAX = 10; var num; </body></html>…
Mathオブジェクト Mathとは「数学(Mathematics)」の意味 数値演算に便利なメソッドやプロパティが利用できるオブジェクト まえもってインスタンスを生成する必要はありません スタティックメソッド(インスタンスを生成しないで関数のように使用できる) M…
Dateオブジェクト JavaScriptに用意されている組み込みオブジェクト Dateコンストラクタを引数なしで実行すると、現在の日付時刻を管理する「Dateオブジェクト」が生成される 現在の日付時刻を管理するDateオブジェクトを生成 指定した時点で日付時刻を管理…
組み込みオブジェクトとは 関数と同じくオブジェクトの場合も、JavaScriptがあらかじめ用意しているオブジェクトがあります これを「組み込みオブジェクト」と呼びます 《主な組み込みオブジェクト一覧》 オブジェクト名 説明 Object すべてのオブジェクトの…
オブジェクトとは オブジェクトというモノ 文字列や数値、関数などJavaScriptで扱うデータは、すべてオブジェクトです オブジェクトは「プロパティ」と「メソッド」を持っている JavaScriptのオブジェクトとは、キーと値の集合体のことです 連想配列は、オブ…
関数まとめ クリックなどのイベント処理は、functionに書く functionは、呼び出さなければ動作しない 似たような処理は引数を使って、同じfunctionにまとめる 引数はなくてもよい、必要ならいくつでも指定できる ブラウザの構造 通信ソフトウエア レンダリン…
関数の代入と匿名関数 関数は、数値や文字列のように変数に入れて扱うことができます この方法を使うと、条件に応じて異なる関数を変数に設定したり、関数を引数として別の関数に渡したりと、より柔軟に関数を利用できます 変数名 = 定義済みの関数名; 《関…
スコープとは 変数には、スコープ(有効範囲)が設定されています スコープは、その変数がスクリプト中のどこからどこまでの範囲で利用できるかを表します 《JavaScriptのスコープ》 種類 説明 対象 グローバルスコープ スクリプト全体で変数を参照できる ・…
組み込み関数とは JavaScriptがすでに備えている関数 《組み込み関数一覧》 関数名 説明 parseInt 文字列型の数字列を数値型(整数)に変換する parseFloat 文字列型の数字列を数値型(実数)に変換する isNaN 指定された値がNaNであるかどうか調べる encode…
関数とは 一連の処理をひとまとめにして、名前をつけたものを「関数」と呼びます 手間のかかる処理を関数として定義しておけば、必要なときに何度も呼び出すことができます 関数は処理の材料となる「引数」を受け取ります 処理が終了すると「戻り値」と呼ば…
JavaScriptで画像置換 JavaScript Reference:onmouseover CSSは必要なし! onmouse属性を使った簡単なロールオーバーの作り方 要素に直接記述(インライン) onmouseover = " this.src = ' img/◎◎.jpg ' " onmouseout = " this.src = ' img/◎◎.jpg ' " サム…
thisキーワードの利用 1つの関数を複数のイベントから呼び出すとき、呼び出された関数内でどの部品から発生したイベントなのかを知りたい場合があります そのようなときには、thisキーワードを利用します イベントハンドラに関連づけた処理の中で、thisキー…
イベントとは 何かのきっかけで処理を行うことを「イベント」と呼びます イベントが発生したときに対応する処理を呼び出す仕組みを「イベント駆動型モデル」と呼びます それぞれのイベントと任意の処理をあらかじめ関連付けておくと、「イベントハンドラ」と…
Shape Type, the letter shaping game WHAT THE HEX? Whatpx HTML Tutorial CSS Tutorial typewar フォント検定 KERNTYPE a kerning game CodeStudy codecademy シラバス Progate KHANACADEMY
Q1 以下のスクリプトで実行をすると、どのような結果が表示されますか? <script> var x = 'ABC'; if (x != 'ABC') { console.log('OK'); } else { console.log('NG'); } </script> Q2 以下のスクリプトで実行をすると、どのような結果が表示されますか? <script> var x = 10; if (x </script>…
繰り返しの中のbreak文 switch文でのbreak文は、ブロックの外へ抜けるための構文でした break文をwhile文やfor文のブロック内に記述することで、継続条件式がtrueであっても強制的にブロックの外へ抜けることができます 《for文とbreak文》 <html lang="ja"> <head> <meta charset="utf-8"> <title>for文とbreak</title></meta></head></html>…
for文 指定した回数だけ処理を繰り返す 変数「i」の初期値(「i」は、indexの意) 処理を1回実行するたびに、変数「i」の値をどのように変更するか for ( 変数の初期値; 繰り返し条件; 変数の変更 ) { 実行される処理 } 変数の値を1ずつ増やす演算子 「+…
while文とは 反復処理(繰り返し)を行います 同じ事を繰り返すことを「ループ」と呼びます while文は繰り返し回数が決まっていない場合に使われる場合が多い 変数の初期値; while ( 繰り返し条件; ) { 実行される処理 変数の変更 ; } 継続条件式には、if…
演習課題 Q1 同一ディレクトリ内のJavaScriptファイル「sample.js」をHTMLファイルに読み込むには、どのように記述すればよいか書きなさい Q2 以下のスクリプトを実行した結果、コンソールに表示される値はなんですか? <script> var x = 10, y = 20; x = y; y = x; </script>…
連想配列とは 連想配列は、数値の代わりに意味のある文字列をインデックスとすることで、各要素を識別しやすくすることができます 連想配列の場合、インデックスのことを「キー」と呼びます 連想配列の宣言と初期化 連想配列の要素は、キーと値のセットで1…
配列とは 配列とは、同じ用途で用いる複数の変数を1つにまとめたもの 配列は要素の集合体 配列は変数の集まりによって構成されます 個々の変数のことを「要素」と呼びます 各要素を識別するために「インデックス」と呼ばれる番号(0から始まる整数値)が割…
switchで枝分かれ switchとは 変数キーの内容によって、処理を変える記述です。 出力パネルには「BはBravoのB」と表示されます。 var key:String = "B"; var message:String; if( key == "A" ) { message = "AはAlphaのA"; } else if( key == "B" ) { messag…
条件を満たさないときの処理 「else文」を利用することで、条件を満たさないときにも特定の処理を行うことができます。 if( 条件式 ){ 条件式が「真」のときに行う処理 } else { 条件式が「偽」のときに行う処理 } 条件を満たさない場合、さらに条件分岐さ…
ifで枝分かれ ユーザーが入力したパスワードが正しかったらこの処理をさせ、間違っていたらこの処理をさせたいなど、ある判定の結果によって処理を枝分かれを作るときに「if」を使います。 if(判定したいこと) { 判定結果が正しいときにやりたい処理; 判定…
ActionScriptで記述 【A01】 変数を使った計算式を書き、出力パネルに結果を表示させなさい。10×(8+12)÷4 の値は? var num1:Number = 10; var num2:Number = 8; var num3:Number = 12; var num4:Number = 4; var total = num1 * (num2 + num3) / num4; t…
演算(計算) プログラムの世界では、計算のことを演算と呼びます。 この段階では、「算数」の計算です。 「数学」の計算は「Mathクラス」を使っておこないます。 var a:Number = 10; var b:Number = 5; var c:Number = 2; var d:Number; 変数 d には、これ…
変数:Variable 「変数」とは、何らかの値を代入して保存しておくもので、必要なときに自由に作ることができます ダイナミックテキストフィールドにテキスト内容を表示するために、情報を保存しておく ユーザーが入力したテキスト内容をサーバーに送信するた…
ActionScriptとは ActionScript(アクションスクリプト)とは、アドビシステムズ社の製品であるFlashに使用されるプログラミング言語 ECMAScript(ECMA-262)を拡張したスクリプト(European Computer Manufacturer Association) ActionScriptでできること タ…