ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 ＷＥＢ生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/910/room ーーーーーーーーーーーーーーーーーーーーーーー

2. 本日のアジェンダ
jQueryって何？
jQueryのライブラリとプラグイン
レスポンシブサイトに
スライダーを実装演習
質疑応答と宿題
5分
35分
30分
!
20分

5. http://www23.atwiki.jp/sevenlives/pages/1763.html

9. http://ja.wikipedia.org/wiki/JavaScript

15. jQueryのコードを書く練習は
こちらが勉強になります
!
!
jQuery入門 (全20回)ドットインストール
http://dotinstall.com/lessons/basic_jquery_v2
!
jQueryチートシート（カンペ）
http://www1.axfc.net/u/3222719

16. また、jQueryの歴史など
詳しいお話はこちら！
保坂 庸介先生の
「Webデザインの幅を広げる、jQuery初級」
http://schoo.jp/class/379
Webデザインの幅を広げる、jQuery【コードを記述する】
http://schoo.jp/class/431

23. もし、jQueryのメソッドに興味がでてきたら、
今勉強中の人が作りつつあるサイトがあるので
ご紹介します。メソッドをコンプリートする
勢いでがんばっていますので、一緒に勉強しましょう！
!
http://jquery.xn--n5q348f.com/
!

26. windowsの全てのヴァージョン
http://www.fmworld.net/cs/azbyclub/qanavi/jsp/
qacontents.jsp?PID=8702-9695
!
Mac
http://hamachan.info/mac/kihon/kakutyosi.html
!
下記のリンク先を見て
ファイルに拡張子が表示されるしておきましょう

34. では、さっそく
書いてみよう！書けば
覚えるんじゃよ
かくのか
スマホの方は、見ておいてね！

35. まず、今日使う
プラグインを
ダウンロード
はて、
プラグイン
とはなんじゃった
かの？
ここからダウンロード↓
https://github.com/viljamis/ResponsiveSlides.js

36. つづきまして、
今日の演習を
ダウンロード
落とすの
じゃな？
落とせ∼
ここからダウンロード↓
https://github.com/Behomazn/20140426jQuery

37. 本日の宿題
slider1、slider2の
残りのページを
完成させましょう。
できた人は、巧く行ったか
つまづいたか、つまづいた
場合はどこでつまづいたか
感想をお寄せください。
レスポンシブなサイトにあっという間にjQueryを実装する
http://schoo.jp/class/437
合わせて見ると
理解が深まります。
無料会員の方は
スライドを
見るだけでもOK

39. 本日のアジェンダ
jQueryとは
jQueryのライブラリとプラグイン
Topページに
LightBoxを実装演習
質疑応答と宿題
5分
25分
40分
!
20分

59. また、jQueryの歴史など
詳しいお話はこちら！
保坂 庸介先生の
「Webデザインの幅を広げる、jQuery初級」
http://schoo.jp/class/379
Webデザインの幅を広げる、jQuery【コードを記述する】
http://schoo.jp/class/431

60. もし、jQueryのメソッドに興味がでてきたら、
今勉強中の人が作りつつあるサイトがあるので
ご紹介します。メソッドをコンプリートする
勢いでがんばっていますので、一緒に勉強しましょう！
!
http://jquery.xn--n5q348f.com/
!

62. windowsの全てのヴァージョン
http://www.fmworld.net/cs/azbyclub/qanavi/jsp/
qacontents.jsp?PID=8702-9695
!
Mac
http://hamachan.info/mac/kihon/kakutyosi.html
!
下記のリンク先を見て
ファイルに拡張子が表示されるしておきましょう

70. では、さっそく
書いてみよう！書けば
覚えるんじゃよ
かくのか
スマホの方は、見ておいてね！

71. まず、今日使う
プラグインを
ダウンロード
はて、
プラグイン
とはなんじゃった
かの？
ここからダウンロード↓
http://dev7studios.com/plugins/nivo-lightbox/

72. つづきまして、
今日の演習を
ダウンロード
落とすの
じゃな？
落とせ∼
ここからダウンロード↓
https://github.com/Behomazn/20140427lightbox

73. 本日の宿題
これで５回シリーズが
終わりましたが、
jQuery２種類を実装した
レスポンシブサイトは
巧くできましたでしょうか？
繰り返し録画を見て理解を深めましょう！
http://schoo.jp/teacher/315
５回シリーズの難易度
はどんな感じだったか
感想をお寄せください。