このレッスンをはじめる前に
このレッスンを進めるには前提知識が必要です。先に以下のレッスンを完了しておきましょう。
-
#01 JavaScriptを学んでいこう (02:39) 無料公開中
- 概要
- アウトライン
- 学習のコツ
-
#02 alert()で値を表示してみよう (02:28) 無料公開中
- プロジェクトフォルダの設定
- index.htmlの作成
- scriptタグ
- alert();
- ソースコード比較機能の紹介
-
#03 console.log()で値を表示しよう (02:55) 無料公開中
- main.jsの作成
- 厳格モード
- console.log();
- コンソールの確認
-
#04 数値を表現してみよう (02:05) 無料公開中
- 整数値
- マイナスの値
- 小数点を含む値
- eによる表現
-
#05 コメントを使いこなそう (02:41) 無料公開中
- /* */
- //
- ショートカットキー
- 命令の無効化
-
#06 数値の演算をしてみよう (02:55)
- + - * ** / %
- 実数を扱う際の注意点
- 演算子の優先順位
- ()
-
#07 定数を使ってみよう (02:58)
- const
- 定数の宣言
- 値の代入
- 代入演算子
- 定数を使うメリット
-
#08 変数を使ってみよう (02:23)
- 変数
- let
- 値の再代入
- 定数との違い
-
#09 定数と変数の違いを理解しよう (02:33)
- リテラル表現
- 命名時のルール
- 定数と変数のルール
- 使い分けのコツ
-
#10 変数に値を再代入しよう (02:18)
- price = price + 1;
- price += 1;
- price++;
-
#11 文字列を表現してみよう (02:44)
- 文字列のリテラル表現
- 区切り記号と同じ文字を使う際の注意点
- 改行の表現
-
#12 文字列の操作をしてみよう (02:35)
- 文字列の連結
- テンプレートリテラル
-
#13 数値か文字列かを意識しておこう (02:33)
- +記号を使ったときのルール
- prompt()
- Number()
-
#14 ifで条件分岐をしてみよう (02:47)
- 条件分岐
- ifの構文
- 比較演算子
- ブロック
-
#15 if ... else ... で条件分岐をしてみよう (02:10)
- prompt
- if
- if ... else ...
-
#16 else if ... で条件をつなげてみよう (02:13)
- else if
- ドキュメントのフォーマット
-
#17 switchで条件分岐をしてみよう (02:56)
- switch
- case
-
#18 forの仕組みを理解しよう (02:54)
- forの構文
- forの動作
-
#19 forで反復処理をしてみよう (02:59)
- forの実行
- 変数の利用
- さまざまな書き方
-
#20 forの中でforを使ってみよう (02:27)
- コードの書き換え
- forの中でforを使う方法
-
#21 whileで反復処理をしてみよう (02:44)
- whileの構文
- 動作確認
-
#22 do ... while を使ってみよう (02:47)
- do ... while
- 動作確認
-
#23 break､continueを使ってみよう (02:49)
- 条件分岐
- break
- continue
-
#24 条件演算子を使ってみよう (02:37)
- 条件（三項）演算子の構文
- ifとの違い
- 動作確認
-
#25 論理演算子を使ってみよう (02:58)
- 論理演算子
- &&
- ||
- !
-
#26 スコープの仕組みを理解しよう (03:00)
- スコープ
- 挙動の確認
-
#27 複数のスクリプトを読み込んでみよう (02:51)
- 複数のスクリプトの読み込み
- ブロックによるスコープの分離
- 次のステップ
