Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
プログラミング初学者
に
JavaScript を教えてみ
た
村地 彰(aka hebikuzure)
About me
村地 彰
http://www.murachi.net/
http://www.hebikuzure.com/
MicrosoftMVP(InternetExplorer)Apr.2011~
2014/3/22 Murachi...
仕事の依頼来る
初学者に Web 開発を教える講座の講師
の依頼が来ました
2014/3/27 Murachi Akira @ Ojisan-JS 3
講習内容
受講者はプログラミング、Web デザイ
ン共に初学者
HTML + CSS で Web サイト記述の基礎を
学習
JavaScript + PHP で Web アプリケーション
開発の基礎を学習
期間は 4 か月
テキストは書き起こし...
難しい点1
データ型
◦ そもそも「データ型」って何?
◦ JavaScript 自体がデータ型にルーズな言語
◦ 先に静的型付言語を学習した方が良い?
(今なら TypeScript とか)
2014/3/27 Murachi Akira @...
難しい点2
プリミティブとオブジェクト
◦ プリミティブもラッパーが生成されるのでオ
ブジェクトのように扱える
◦ じゃ、何が違うの?
(いや、実際違うんですが…)
2014/3/27 Murachi Akira @ Ojisan-JS 6
難しい点3
DOM アクセス
◦ アクセス方法?
2014/3/27 Murachi Akira @ Ojisan-JS 7
難しい点4
コンテンツの動的生成
◦ 方法がたくさんある
◦ どれから教えてどこまで教えるか
2014/3/27 Murachi Akira @ Ojisan-JS 8
困りごと1
IDE を使うべきか
◦ 最初は手入力でコーディング スタイルを意
識し覚えた方がよい?
◦ ある程度複雑なコードを扱うのなら、IDE の
方が学習効率が上がる?
2014/3/27 Murachi Akira @ Ojisan-J...
困りごと2
どの段階から JS ライブラリを使うか
最初から使うと「JS の学習」ではなく
「ライブラリの学習(JQuery の学習)」
になってしまう
複雑な事をやるなら利用するのが実践的
2014/3/27 Murachi Akira @ ...
困りごと3
開発環境の IE が IE8
◦ IE で動作確認させると addEventListener だけ
では動かない
◦ クロス ブラウザー対応、レガシー対応のよ
い教材にはなるが……
2014/3/27 Murachi Akira @...
Wanted
初学者に JavaScript を教える際のベスト
プラクティス
鉄板のテキスト
2014/3/27 Murachi Akira @ Ojisan-JS 12
Upcoming SlideShare
Loading in …5
×

初学者にJavaScriptを教えてみた

2,543 views

Published on

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

Published in: Technology
  • Login to see the comments

初学者にJavaScriptを教えてみた

  1. 1. プログラミング初学者 に JavaScript を教えてみ た 村地 彰(aka hebikuzure)
  2. 2. About me 村地 彰 http://www.murachi.net/ http://www.hebikuzure.com/ MicrosoftMVP(InternetExplorer)Apr.2011~ 2014/3/22 Murachi Akira | CPS Corporation 2
  3. 3. 仕事の依頼来る 初学者に Web 開発を教える講座の講師 の依頼が来ました 2014/3/27 Murachi Akira @ Ojisan-JS 3
  4. 4. 講習内容 受講者はプログラミング、Web デザイ ン共に初学者 HTML + CSS で Web サイト記述の基礎を 学習 JavaScript + PHP で Web アプリケーション 開発の基礎を学習 期間は 4 か月 テキストは書き起こし 2014/3/27 Murachi Akira @ Ojisan-JS 4
  5. 5. 難しい点1 データ型 ◦ そもそも「データ型」って何? ◦ JavaScript 自体がデータ型にルーズな言語 ◦ 先に静的型付言語を学習した方が良い? (今なら TypeScript とか) 2014/3/27 Murachi Akira @ Ojisan-JS 5
  6. 6. 難しい点2 プリミティブとオブジェクト ◦ プリミティブもラッパーが生成されるのでオ ブジェクトのように扱える ◦ じゃ、何が違うの? (いや、実際違うんですが…) 2014/3/27 Murachi Akira @ Ojisan-JS 6
  7. 7. 難しい点3 DOM アクセス ◦ アクセス方法? 2014/3/27 Murachi Akira @ Ojisan-JS 7
  8. 8. 難しい点4 コンテンツの動的生成 ◦ 方法がたくさんある ◦ どれから教えてどこまで教えるか 2014/3/27 Murachi Akira @ Ojisan-JS 8
  9. 9. 困りごと1 IDE を使うべきか ◦ 最初は手入力でコーディング スタイルを意 識し覚えた方がよい? ◦ ある程度複雑なコードを扱うのなら、IDE の 方が学習効率が上がる? 2014/3/27 Murachi Akira @ Ojisan-JS 9
  10. 10. 困りごと2 どの段階から JS ライブラリを使うか 最初から使うと「JS の学習」ではなく 「ライブラリの学習(JQuery の学習)」 になってしまう 複雑な事をやるなら利用するのが実践的 2014/3/27 Murachi Akira @ Ojisan-JS 10
  11. 11. 困りごと3 開発環境の IE が IE8 ◦ IE で動作確認させると addEventListener だけ では動かない ◦ クロス ブラウザー対応、レガシー対応のよ い教材にはなるが…… 2014/3/27 Murachi Akira @ Ojisan-JS 11
  12. 12. Wanted 初学者に JavaScript を教える際のベスト プラクティス 鉄板のテキスト 2014/3/27 Murachi Akira @ Ojisan-JS 12

×