2014/3/27 JSオジサン#1 で発表したライトニング トークのスライドです。 スライド自体にはあまり中身はありません。

1. プログラミング初学者
に
JavaScript を教えてみ
た
村地 彰（aka hebikuzure）

2. About me
村地 彰
http://www.murachi.net/
http://www.hebikuzure.com/
MicrosoftMVP(InternetExplorer)Apr.2011～
2014/3/22 Murachi Akira | CPS Corporation 2

3. 仕事の依頼来る
初学者に Web 開発を教える講座の講師
の依頼が来ました
2014/3/27 Murachi Akira @ Ojisan-JS 3

4. 講習内容
受講者はプログラミング、Web デザイ
ン共に初学者
HTML + CSS で Web サイト記述の基礎を
学習
JavaScript + PHP で Web アプリケーション
開発の基礎を学習
期間は 4 か月
テキストは書き起こし
2014/3/27 Murachi Akira @ Ojisan-JS 4

5. 難しい点1
データ型
◦ そもそも「データ型」って何?
◦ JavaScript 自体がデータ型にルーズな言語
◦ 先に静的型付言語を学習した方が良い?
（今なら TypeScript とか）
2014/3/27 Murachi Akira @ Ojisan-JS 5

6. 難しい点2
プリミティブとオブジェクト
◦ プリミティブもラッパーが生成されるのでオ
ブジェクトのように扱える
◦ じゃ、何が違うの?
（いや、実際違うんですが…）
2014/3/27 Murachi Akira @ Ojisan-JS 6

7. 難しい点3
DOM アクセス
◦ アクセス方法?
2014/3/27 Murachi Akira @ Ojisan-JS 7

8. 難しい点4
コンテンツの動的生成
◦ 方法がたくさんある
◦ どれから教えてどこまで教えるか
2014/3/27 Murachi Akira @ Ojisan-JS 8

9. 困りごと1
IDE を使うべきか
◦ 最初は手入力でコーディング スタイルを意
識し覚えた方がよい?
◦ ある程度複雑なコードを扱うのなら、IDE の
方が学習効率が上がる?
2014/3/27 Murachi Akira @ Ojisan-JS 9

10. 困りごと2
どの段階から JS ライブラリを使うか
最初から使うと「JS の学習」ではなく
「ライブラリの学習（JQuery の学習）」
になってしまう
複雑な事をやるなら利用するのが実践的
2014/3/27 Murachi Akira @ Ojisan-JS 10

11. 困りごと3
開発環境の IE が IE8
◦ IE で動作確認させると addEventListener だけ
では動かない
◦ クロス ブラウザー対応、レガシー対応のよ
い教材にはなるが……
2014/3/27 Murachi Akira @ Ojisan-JS 11

12. Wanted
初学者に JavaScript を教える際のベスト
プラクティス
鉄板のテキスト
2014/3/27 Murachi Akira @ Ojisan-JS 12