Blog
ブログで学ぶUX

カテゴリ: Web制作の記事

Javaの条件分岐:switch文

Java で条件分岐を実現する方法として if 文がありますが、switch 文を使うことでも条件分岐を行うことができます。ここでは、switch 文の使い方と、使う上での注意点について説明します。switch 文の使い方switch 文は以下のように記述します。switch (変数) { case 値1: 変数が値1と等しいときに実行される処理 case 値2: 変数が値2と等しいときに……

投稿日:

Javaの条件分岐:if文

値によってプログラムの動作を変更することを条件分岐と言います。Java で条件分岐を行うときには、制御構文である if 文を使用します。ここでは if 文の使い方と、より複雑な条件分岐を実現する if ... else if ... else 構文について説明します。if 文の使い方if 文は以下のように記述します。if(条件式) {  実行する処理 }if 文の括弧 { } で囲まれた処理は、条……

投稿日:

JavaScriptのaddEventListener()の基本的な使い方

JavaScript はイベント駆動型言語であり、Web ブラウザ上で発生したイベント(マウスクリックなど)に応じて、指定した関数を呼び出すことがよくあります。このようなイベント処理を実現する仕組みとして、JavaScript では addEventListener() が用意されています。addEventListener() の使い方JavaScript でイベント処理を行う方法にはイベントハン……

投稿日:

JavaScriptで文字列を比較する

ここでは、JavaScriptで文字列を比較する方法と注意点について説明します。数値と同様、文字列の比較にも比較演算子を使います。比較同値演算子 ==, === を用いた文字列の比較JavaScript で使われる同値演算子には == と === (それぞれに対応する否定演算子 != と !==)があります。両者の違いは比較する際に型変換を行うか否かで、=== は型変換を行わずに比較します。文字列……

投稿日:

JavaScriptで数値の四捨五入、切り捨て、切り上げを行う

JavaScript には、数学的な操作を行うためのメソッドや円周率などの定数を表すためのプロパティをもつ Math オブジェクトがあらかじめ用意されています。ここでは、Math オブジェクトのメソッドを用いて、数値の四捨五入、切り捨て、切り上げを行う方法について説明します。数値の四捨五入四捨五入を行うには Math.round() を使います。Math.round() は、引数の小数点第1位を四……

投稿日:

JavaScriptで値が数値かどうかチェックする:isNaN()

JavaScript である値が数値かどうかを判定する場合は、isNaN() 関数を使用します。ここでは、isNaN() 関数の使い方と、使う上での注意点について説明します。isNaN() 関数の使い方isNaN() 関数は、JavaScript に組み込まれている関数です。isNaN() は、引数が数値でない場合に true を返し、数値の場合は false を返します。これによって、特定の値が……

投稿日:

JavaScriptで別窓でウィンドウを開く:window.open()

現在開いているページから、リンク先を新しいウィンドウで開く方法について説明します。window オブジェクトは、Web ブラウザ環境で JavaScript を実行する際のグローバルオブジェクトです。ここでは、window オブジェクトのメソッドである window.open() の使い方について紹介します。window.open() の使用例次のHTMLは、ボタンをクリックすると Google ……

投稿日:

JavaScriptでWeb上のJSONデータの読み込みを行う

JSON は、JavaScript におけるオブジェクトリテラルに基づいたデータフォーマット方式で、シンプルさと JavaScript との親和性の高さからよく使われています。ここでは、JavaScript から Web上にある JSON 形式のデータを読み込む方法について説明します。XMLHttpRequest を使って JSON を読み込むXMLHttpRequest() は、HTTP を使っ……

投稿日:

JavaScriptのクロージャの仕組み

JavaScript にはクロージャという仕組みがあります。ここでは、JavaScript における基本的な仕組みについて説明します。クロージャとはある関数が定義された際の「環境」を保持しているとき、その関数をクロージャと呼びます。具体的に説明すると、ある関数がスコープチェーンによって外側にある変数への参照を保持しているとき、その関数はクロージャといえます。よく見られるカウンタ関数のクロージャの例……

投稿日:

JavaScriptのスコープ

ここでは、JavaScript における変数のスコープについて説明します。スコープとは変数はスコープと呼ばれる有効範囲をもっています。スコープとは、ある変数名を参照したり、変更したりすることのできる範囲を表しています。ローカルスコープとグローバルスコープJavaScript にはローカルスコープとグローバルスコープという2つのスコープが存在します。ローカルスコープ関数内で var を用いて宣言され……

投稿日: