カテゴリー: JavaScript

JavaScript でDOM ２

2024-06-18

　今回もDOMという概念を学んでいきます。１　ｉｄセレクタを使ってみる　下は前回のものです。 HTML（一部） <body> <ul> <li>１年生</…
JavaScript でDOM １

2024-06-14

　今回はDOMという概念を学んでいきます。１　DOM について　この Document Object Model は HTML の要素を操作するため、JavaScript で用いるものです。　これ…
JavaScript でオブジェクト５

2024-06-10

　今回はクラスの継承とオーバーライドについてみていきます。１　継承　継承とは、クラスの機能を受け継いで新たなクラスを作ることをいいます。イメージ　　　　　　　　　　→　トラック（荷台）　　　→…
JavaScript でオブジェクト４

2024-06-06

　今回も「クラス」についてみていきます。１　クラス　前回のコードです。 HTML（一部） <script> class Tri{ constructor(name, base, hei…
JavaScript でオブジェクト３

2024-06-02

　今回は「クラス」についてみていきます。１　オブジェクト　オブジェクトにはさまざまなプロパティやメソッドを定義することができ、したがって単なる変数よりも、情報を整理して格納することができます。　し…
JavaScript でオブジェクト２

2024-05-29

　今回はオブジェクトのプロパティやメソッドを操作してみます。１　プロパティとオブジェクトについて　まず、プロパティの定義を振り返ります。 HTML（一部） <script> let t…
JavaScript でオブジェクト１

2024-05-25

　今回はオブジェクトという概念についてみていきます。１　ユーザー定義オブジェクト　オブジェクトには、もとから用意された「ビルトインオブジェクト」があります。　document や window …
JavaScript で関数３

2024-05-21

　今回は無名関数についてです。オブジェクトのメソッドとおおいに関係があります。１　無名関数関数の書式 function 関数の名前（引数）｛処理 return 戻り値; ｝無名関数の書式 co…
JavaScript で関数２

2024-05-17

　今回は関数というしくみの理解をさらに深めていきます。１　関数をつくる　前回は単純な足し算、割り算を使った関数だったので独自の関数を作ってみます。 HTML（一部） <script> …
JavaScript で関数１

2024-05-13

　今回は関数というものをみていきます。表計算ではおなじみですが、プログラミングの世界ではどういうものなのでしょうか。１　関数をつかってみる　まずは使ってみましょう。 HTML（一部） <sc…
JavaScript で配列６

2024-05-10

　今回は連想配列のまとめ的な記事になります。表形式で表示してみます。１　簡単な表にしてみる HTML（一部） <table border = 1> <tr> <th&g…
JavaScript で配列５

2024-05-07

　今回は連想配列というものをみていきます。配列とどのように異なるのでしょうか。１　連想配列　まずは配列との違いから。しくみ（配列）　０・・・日曜日　１・・・月曜日　２・・・火曜日　↓　　　　…
JavaScript で配列４

2024-05-04

　今回は多次元配列の復習をかねて、for ～ of 文を学びます。これは配列からの値の取得に特化したものです。１　for ～ of 文　まずは書式です。書式 for ( 変数 of 配列 ) …
JavaScript で配列３

2024-04-27

　多次元配列のデータを使って、いわゆる表の形でデータを表示してみます。１　多次元配列の要素をテーブル形式で表示　まずは HTML におけるテーブルの書式を再確認します。書式 <table …
JavaScript で配列２

2024-04-24

　多次元配列という形式を理解します。今回は、いわゆる表の形でデータを表示するための基礎的な知識です。１　準備　JavaScript ではなく HTML の学習になりますが、最初にリストとテーブルに…
JavaScript で配列１

2024-04-21

　今回は配列というものを理解します。これを使うと大量のデータをわかりやすく、効率的に管理できます。１　コレクション　コレクションには、配列、連想配列などの種類があります。　変数と同じように使えま…
JavaScript で「繰り返し」２

2024-04-18

　今回も繰り返し処理です。ループ処理の流れを変える方法を考えます。１　break 文とは　ループ処理の流れは break 文で変えることができます。書式 while（条件式）{ 行わせたい処理 …
JavaScript で「繰り返し」１

2024-04-07

　今回はみんな大好き繰り返し処理を試します。１　while 文とは　ある処理を while 文で繰り返すことができます。ループ処理といいます。書式 while（条件式）{ 行わせたい処理 } 　…
JavaScript で「もし」３

2024-04-01

　今回も if 文を用いて条件分岐を学びます。１　３つ以上の選択肢　else if 文でさらに複雑な条件を設定することができます。書式 if（条件式Ａ）{ 行わせたい処理① }else if（…
JavaScript で「もし」２

2024-03-28

　今回は switch 文を用いて条件分岐を学びます。１　条件分岐　処理の流れを選択するための方法として、if 文のほかに switch 文があります。　これは一度に多数の条件を比較的わかりやす…

カテゴリー: JavaScript

カテゴリー

更新記事

タグ