PREMIUM

【旧版】JavaScript入門

ブラウザ内の要素を操作して動的なウェブサイトを作ることができます。ブラウザとテキストエディタのみで開発できるので初心者におすすめです。
0%
新しいレッスンがあります
旧版のレッスンは更新を終了しており、現状と異なる場合があります。サポートも終了しておりますので、最新版への移行をお願いします。
  • #01 開発環境を準備する (02:39) 無料公開中
    • JavaScriptの概要
    • 公式サイトの紹介
    • 必要となる知識
    • 必要となるツール
  • #02 HTMLを用意する (02:11) 無料公開中
    • JavaScript呼び出し用のHTMLを作成。
  • #03 初めてのJavaScript (01:20) 無料公開中
    • alertで「Hello World」と表示する。
  • #04 変数とは何か? (02:46) 無料公開中
    • コメントの書き方
    • varで変数を宣言する。
    • =で値を入力する。
    • 変数を指定してalert文を実行する。
  • #05 データ型を知る (01:56) 無料公開中
    • 文字列を格納する。
    • 数値を格納する。
    • 真偽を格納する。
    • undefined, null, 配列、オブジェクトについて。
  • #06 演算子いろいろ (02:41)
    • 代入演算子について。
    • 数値に関する演算子。
    • 文字列に関する演算子。
  • #07 ifと比較演算子 (02:56)
    • if文の書き方。
    • 条件分岐をする際の比較演算子について。
  • #08 if ... else ... (01:59)
    • if... else... 文の書き方。
    • if... else if... else...文の書き方。
  • #09 switchで分岐 (02:59)
    • switch文の書き方。
    • breakについて。
    • defaultについて。
  • #10 whileループ (02:44)
    • while文の書き方。
    • console.logの使い方。
  • #11 forループ (02:04)
    • for文の書き方。
  • #12 関数を作る (02:40)
    • 関数の基本的な書き方。
    • 引数について。
    • 返り値について(return)。
    • 関数の使い方。
  • #13 ローカル変数 (02:25)
    • ローカル変数の使い方。
    • ローカル変数が外部からアクセスできないことの確認。
  • #14 配列を理解する (02:31)
    • 配列の書き方。
    • 配列の要素へのアクセスと添え字について。
    • 配列の要素へ値を設定する方法
  • #15 連想配列を知る (02:24)
    • 連想配列の記述方法について。
    • JavaScriptオブジェクトの例(String, Date)
    • プロパティについて。
    • メソッドについて。
  • #17 Stringオブジェクト (02:58)
    • Stringオブジェクトの使い方。
    • substrメソッドについて。
    • replaceメソッドについて。
  • #18 Arrayオブジェクト (02:33)
    • Arrayオブジェクトの使い方。
    • joinメソッドについて。
    • reverseメソッドについて。
  • #19 Dateオブジェクト (02:55)
    • Dateオブジェクトの使い方。
    • getMonthメソッドについて。
    • getTimeメソッドについて。
  • #20 Mathオブジェクト (02:43)
    • Mathオブジェクトの使い方。
    • PIやSQRT2などのプロパティについて。
    • randomなどのメソッドについて。
  • #21 Browser Object Model (BOM) (02:31)
    • Browser Object Modelについて。
    • BOMで使える便利なメソッドについて。
    • Document Object Modelについて。
    • DOMを使って文書の見た目を変更する方法。
  • #23 DOMを操る (02:52)
    • getElementByIdについて。
    • innerHTMLについて。
    • .onclickについて。
    • イベントに関数を結びつける方法。
  • #25 タイマー処理 (02:21)
    • setTimeoutについて。
    • setIntervalについて。