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

1. 非ウェブデザイナーも知っておき
たいデベロッパーツールの使い方
（応用編 知っておきたい機能と応用）
2014年3月3日

2. 本日のアジェンダ
・確認から制作まで即使えるCSSの機能(40分)
class, idの追加/elements.style/cssの優先順位
hoverセレクタ/作ったCSSはどうする？/実際の制作においての使い方
!
・デベロッパーツール応用編 (30分)
FacebookのLikeboxカスタマイズ/jQueryデバッグ/ファイル読込みスピード
!
・その他のデベロッパーツールの紹介(10分)
各ブラウザ毎のデベロッパーツール/スマホ用はどうする？
!
・質疑応答(10分)

3. プロフィール
池田 祐太郎
ウェブサイト構築とコンサルティング
!
!
!
http://highfivecreate.com/

4. (前回の授業を受講された方は）
デベロッパーツール基礎編は
理解できましたか？
YES / NO

5. 先に言うと
!
今日はほぼ実践です！
（難しく感じたら見ているだけでもOK）

6. サンプルサイトで進めます：
http://highfivecreate.com/sample/course/
samplesite/dev/

7. ・確認から制作まで即使えるCSSの機能(40分)
class, idの追加/elements.style/cssの優先順位
hoverセレクタ/作ったCSSはどうする？/実際の制作においての使い方
!
・デベロッパーツール応用編 (30分)
FacebookのLikeboxカスタマイズ/jQueryデバッグ/ファイル読込みスピード
!
・その他のデベロッパーツールの紹介(10分)
各ブラウザ毎のデベロッパーツール/スマホ用はどうする？
!
・質疑応答(10分)

8. ありがとうございました
またお会いしましょう

9. 質疑応答
本日の授業内容について
デベロッパーツールについて
etc…

10. 課題
デベロッパーツールを使ってサイトを作ってみよう