PREMIUM
第1回
非ウェブデザイナーも知っておきたいデベロッパーツールの使い方（基本編 使い方と便利な機能）
2014年2月21日 90min
スライド資料
授業の概要
チャプター
-
自己紹介＆アジェンダ
04:17 -
デベロッパーツールとは何か
01:15 -
デベロッパーツールで何が出来るか
04:30 -
効率の悪い従来の開発方法
01:14 -
デベロッパーツールのメリットとデメリット
00:16 -
・メリット
03:01 -
・デメリット
03:49 -
デベロッパーツールを使ってみよう
01:26 -
デベロッパーツールの使用方法
03:58 -
虫眼鏡ツールでHTMLファイルを見る
04:01 -
使われているテキストを見る
02:45 -
使われている画像をみてみよう
04:14 -
画像を差し替えてみる
03:31 -
CSSをみてみよう
04:59 -
打ち消し線の意味
04:49 -
プロバティの追加
03:16 -
デベロッパーツールの予測変換
02:16 -
デベロッパーツールを使って少し遊んでみよう
02:42 -
画像の並びをデベロッパーツールで変更してみる
10:06
-
【後半】質疑応答
01:18 -
Q：HTMLの中にPHPやJavascriptなどの言語が使われている場合も、ソースを見れるんでしょうか？
01:58 -
Q：デベロッパーツールに特化した書籍でお勧めはありますか？
01:33 -
Q：デベロッパーツールで変更後に「1つ前の設定に戻る」や「1箇所だけデフォルトの設定に戻す」といった事はできるのでしょうか。
01:10 -
Q：「Firefox」の場合のデベロッパーツールの出し方を教えて下さい。
00:51 -
Q：サーバーに上げていなくても、同様に操作できますか？
00:24 -
Q：編集した箇所をソースに反映する最適な方法はありますか？
01:08 -
Q：Safariでもソースコードが見れますが、GoogleChomeとSafariで何か違いはありますか？
06:31 -
Q：他サイトのソースで参考になったサイトってありますか？
02:42 -
Q：HTMLはPHPとかJavascriptが絡むと難しいですよね？
05:47 -
課題発表