JavaScript

Webブラウザ上で動く(ほぼ)唯一のプログラミング言語であるJavaScriptに関するあれこれ
JavaScriptとは?
  • プログラミング言語とは?
  • プログラムとは?
  • なぜJavaScriptを選ぶべきか?
データ型とは?
  • JavaScriptにおけるデータ型とは?
  • 文字列(String)
  • 数値(Number)
  • 真偽値(Boolean)
  • undefined/null
変数とは?
  • プログラミングにおける変数とは?
  • 数学における「変数」との類似点と違い
  • 変数を使う必要がない場面でも、使うメリットはある
  • JavaScriptにおける変数の使い方
  • 変数を使うことを宣言する
  • 変数に値を代入する
  • 変数の値を取り出す
オブジェクトとは?
  • オブジェクトを使う目的
  • オブジェクトを新規作成する
  • プロパティと変数の類似点
  • プロパティと変数の違い
  • オブジェクトの階層を深くする
  • 予め用意されたオブジェクトを使う
  • メソッドとは?
関数とは?
  • プログラミングにおける関数とは?
  • 関数を使う必要がない場面でも、使うメリットはある
  • JavaScriptにおける関数の使い方
  • 既にある関数を呼び出す(引数、戻り値)
  • 関数を新しく定義する(仮引数、return)
  • 無名関数
配列とは?

[Coming Soon]

JavaScriptでのコメントの書き方
  • コメントを使う目的
  • コメントを使う際の注意点
  • コメントアウトとコメントイン
  • コメントアウトのショートカットキー
  • JavaScriptで1行コメントを書く
  • JavaScriptで複数行コメントを書く
文字列を加工する方法
  • 文字列を連結する
  • 文字列の一部を別の文字列で置換する
  • 文字列の一部を除去する
  • 文字列の一部を取り出して使う
  • 文字列を配列に変換する
数値計算や数値を加工する方法

[Coming Soon]

Webページ上のテキストや属性などを取得する
  • ページ上のHTML要素をJSから取得する
  • HTML要素からテキストを取り出す(innerText)
  • HTML要素から属性値を取り出す
  • input系のHTML要素から入力値を取り出す
  • HTML要素からdata-xxx属性の値を取り出す
ページ上のHTMLを書き換える

[Coming Soon]

if文による条件分岐と、条件式のつくり方
  • if文、if-else文
  • 数値を使った条件式
  • 文字列を使った条件式
  • 否定、AND、OR
  • falseっぽい値
ダイアログを表示する
  • ブラウザのダイアログとは?
  • 警告のためのダイアログを表示する(alert)
  • 確認のためのダイアログを表示する(confirm)
  • 入力のためのダイアログを表示する(prompt)