JavaScript入門

JavaScript入門

【独学JavaScript入門㉓】onclick

onclickを使用するとHTMLで作成したボタンを押した時に「イベント処理」を実行することができます。以下のHTMIファイルを実行してみます。ダウンロードではなく「test」をクリック(スマホならタッチ)すると以下のソースコードを実行す...
JavaScript入門

【独学JavaScript入門㉒】this

thisとは特別な変数で呼び出す方法や場所で値が変わる特殊な変数です。イメージが難しいかと思いますが、実際のソースコードをコンソールに入力してthis値の変化を確認してみます。 //クラスの宣言 人は以下の情報を持つ class h...
JavaScript入門

【独学JavaScript入門㉑】メソッド

メソッドとはオブジェクトに行う処理のことです。前回、スポーツジムに入会した太郎さんを例にメソッドをご説明します。 おさらいですが、未記入の入会申込書がクラス、太郎さんが自分の身長や体重などのデータ(プロパティ)を記入して具体的になっ...
JavaScript入門

【独学JavaScript入門⑳】クラスとインスタンス

クラスとインスタンスについて今回はご説明します。 スポーツジムで例えたいと思います。スポーツジムでは入会申込書が用意されています。この未記入の入会申込書が「クラス」のイメージです。項目は決まっていますが具体的な数値や文字列は入ってい...
JavaScript入門

【独学JavaScript入門⑲】オブジェクト

オブジェクトとは何ですか?と10人のプログラマーに質問するとおそらく多様な回答が返ってくるほど抽象的でぼんやりした概念だと僕は思っています。おそらく世界中にこんな説明の仕方をする人はいないと思いますが、慣れるまではオブジェクトを完璧に理解...
JavaScript入門

【独学JavaScript入門⑱】スコープ

スコープとは変数の有効範囲のことです。関数内で宣言した変数は「ローカル変数」と呼び、宣言した関数の中でしか使用できません。それに対して関数の外で宣言した変数を「グローバル変数」と呼び、全ての関数で使用できます。 ソースコードで確認し...
JavaScript入門

【独学JavaScript入門⑰】ユーザー関数

ユーザー関数とは前回の組み込み関数と異なりユーザーが自由に定義することができる関数のことです。 function 関数名(第1引数,第2引数…) { 処理; return 戻り値; } //右が切れたら左にスワイプ...
JavaScript入門

【独学JavaScript入門⑯】組み込み関数

「y = 2x」 という数学の関数があります。xが変化すると結果であるyがそれに応じて変動します。xのように関数に与える値を「引数」と呼び、yのようにx(引数)によって変化して返ってくる値を「戻り値」と呼びます。 JavaScrip...
JavaScript入門

【独学JavaScript入門⑮】配列

配列とは複数のデータをまとめて管理する方法です。たくさんの変数をそれぞれ宣言するよりもすっきりとまとまり管理がしやすくなります。 //配列を使用しなかったら var a = 10; var b = 11; var c = 12; v...
JavaScript入門

【独学JavaScript入門⑭】switch文

switch文はif文のように条件をもうけて分岐させる構文です。変数の値によって分岐をさせます。 switch(変数) { case 値1: 処理1; break; case 値2:...