ログイン会員登録 (無料)

Schooをご利用になるには、JavaScriptの設定を有効にしてください。 →JavaScriptの設定方法（参考）

LIVE
ON AIR

14:00 - 14:45

ビジネス数字の基礎 -3回目- 生放送中

JavaScript入門

JavaScript入門

JavaScriptの入門授業です。JavaScriptを使うとWebページに動きを与える事ができ、より使いやすいWebサイトを実現したり、簡単なゲームを作成することが出来るようになります。全4回で、下記JavaScriptの基本を身につけます。

JavaScriptでできること
変数
演算子
データ型
条件分岐
繰り返し処理
配列
関数
オブジェクト
DOM操作
JQueryの利用

■ 対象者

HTML/CSS について基本的な理解のある方
プログラミングに興味があり、JavaScriptの基本を学びたい方

■ 事前準備

この授業では下記ソフトウェアを使用します。事前にインストールしておいて下さい。

GoogleChrome

https://www.google.co.jp/chrome/browser/desktop/index.html
人気のWebブラウザです。Windows/Mac両方で利用可能で、JavaScriptの開発に便利な機能を持っています。

Sublime Text

http://www.sublimetext.com/
人気のテキストエディタです。Windows/Mac両方で利用可能で、JavaScriptの開発に便利です。
使い慣れているエディタがあれば、そちらをご利用いただいても構いません。

サンプルファイル(ダウンロードしておいて下さい)

http://goo.gl/sif2t5

JavaScript入門① はじめてのJavaScript

2014年12月21日公開

01:00:00

自己紹介＆アジェンダ
03:37

事前準備について
01:16

JavaScriptとは？
02:32

この授業のゴール
04:23

ページのソースをみる
02:17

実際にプログラムしてみよう：サンプルデータのダウンロード
03:07

Lesson1：JavaScriptを書く場所
01:39

Lesson2：コメントの書き方
02:01

Lesson3：コンソールログの出力方法
03:15

Lesson4：変数
04:00

変数を使うメリット
01:40

Lesson5：データ型
00:50

Lesson6-7：算術演算子と結合演算子
00:40

javascriptで使える演算子
05:10

Lesson8：条件分岐（if文）
08:53

Ｑ：Apacheなどのサーバーを起動する必要はありますか？
00:52

Ｑ：変数なども理解できてきましたが、何か作りたくなっても結局何もできません･･･
00:49

Ｑ：「”」と「'」はどういう時に使い分けるんでしょうか。
00:49

Ｑ：岩田先生が初心者の時に学習したJs入門書はありますか？
01:11

Ｑ：プログラムの書き方ですが、左側に入れるスペースの開け方に決まりはありますか？
00:49

Ｑ：console.logは本来何のために使うのですか？
01:22

Ｑ：コメントを多様しすぎて不具合を起こす事はありますか？
02:03

Ｑ：変数名の付け方に決まりはありますか？
01:27

Ｑ：JavaScriptでは、if文の条件で、＝でも代入にならないのですか。
01:17

Ｑ：岩田先生はバックエンドとフロントエンドのどちらが好きですか？

開く

JavaScript入門② 基本構文編

2014年12月21日公開

01:00:00

自己紹介＆アジェンダ
03:30

事前準備
01:31

この授業のゴール
05:07

実際にプログラムしてみよう：サンプルファイルをダウンロードしよう
01:41

Lesson8：条件分岐（if文）の復習
04:57

実際にif文を書いてみる
02:14

Lesson9：条件の書き方＝真偽値
04:20

Lesson9：条件の書き方＝比較演算子
04:15

Lesson9：条件の書き方＝論理演算子
04:40

Lesson10：条件分岐（条件演算子（=三項演算子））
00:24

Lesson11：条件分岐（switch）
04:37

Lesson12：配列
04:51

Lesson13-14：繰り返し処理（while）と（do while）
03:09

配列と繰り返し処理の組み合わせ
03:23

Lesson15：繰り返し処理（for）
02:40

今回のレポート課題の説明
01:11

Ｑ：配列のデータの最初に空白のダミーデータを入れて、始めに来るデータを擬似的に1個目とカウントするようにしても良いのでしょうか？
00:41

Ｑ：for文の値の前につける＄マークは何ですか？
00:46

Ｑ：フレームワークではできないJavascriptのここぞという出番はどんな時でしょうか。
00:58

Ｑ：書いたコードの間違いを見つけるのに、良い方法がありましたら教えて下さい。
00:57

Ｑ：ループ処理を使うときはfor文とwhile文どちらを使えばいいか判断する基準はありますか？
01:05

Ｑ：先日html5の授業を受けたのですが、javascriptと似ていました。html5とjavascriptの違いは何ですか？

開く

JavaScript入門③ 関数・オブジェクト編

2014年12月23日公開

01:00:00

自己紹介＆アジェンダ
04:52

事前準備について
01:06

この授業のゴール
03:55

サンプルファイルを開いてみよう
02:46

Lesson16：関数
01:32

関数を実際に使ってみる
03:11

実際にchromeで確認する
02:18

関数が便利な理由
02:36

引数を使ったfunction
03:47

Lesson19：オブジェクト
03:10

オブジェクトに格納できるもの
04:46

【質問】userでくくった内容が「オブジェクト」という認識で大丈夫ですか？
00:30

【質問】関数の外でthisは使えるのですか？使うことあるのですか？
02:48

Lesson17：無名関数
06:08

Ｑ：nameはundefinedにはならないんですか？
01:02

Ｑ：コードで半角スペースを入れるのに、決まりはありますか？
01:38

Ｑ：printNameを引数をろつように改造して、名前や年齢を引数にすることはできますか？
01:50

Ｑ：return(戻り値)の「使い方」、「使うかどうかの判断基準」がよくわからないです。
04:21

Ｑ：プログラムの目の追い方を迷いますが、関数があるとどこに行ったかわかりずらくなるのでコツがあれば教えて下さい。
03:34

Ｑ：全角スペースが混じっているとエラーになることがありますか？

開く

JavaScript入門④ DOM操作・イベント編

2014年12月23日公開

01:00:00

自己紹介＆アジェンダ
05:51

事前準備について
03:47

Lesson20：DOM操作
08:41

実際に要素を取得してみる
04:29

中身の要素をconsole.logで表示する
04:25

Lesson21：イベント
03:15

複数のイベントを設定してみる
03:20

イベントをchromeで確認してみる
02:31

実際にプログラムを読んでみよう
12:10

Ｑ：pタグの閉じタグは不要ですか？
00:32

Ｑ：facebookのいいねボタンのカウントもこのonClickを使っているのでしょうか?
00:50

Ｑ：ブラウザーのバージョン別対応 JS バージョンは、どの様にすれば分かりますか？
01:06

Ｑ：なぜ「Math」は先頭の文字が大文字なのですか？
02:51

Ｑ：半角で1文字だけ入力すると、「あと◯◯文字まで記入できます」の数字が減らないのですが、自分の環境だけでしょうか？
01:37

Ｑ：JavaScriptのソースを見られないようにはできますか?
01:14

Ｑ：サンプル２で、textBoxを取得すると、textBox.value.lengthというプロパティまで取得できてしまうんですか？
00:41

Ｑ：実際の現場でJavascriptを入力する際は、サイズを軽くするためにcssと同じく外部ファイルにするのが多いのでしょうか？
00:51

Ｑ：ウィンドウを変更すると自動でコンソールの数値が変わるようにできますか？

開く

こんな人にオススメ

フロントエンドエンジニア（入門）

プログラミングに興味があり、JavaScriptの基本を学びたい方

スライド資料

担当の先生

岩田宇史

株式会社スクー「マスタープラン」サポート講師

受講生代表

塩原桜

スクー放送部

参加型のオンライン動画学習サービス - 法人様向けプラン